/*
 *  Copyright 2018 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 */
/* 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;
}

/* phone breakpoint */
@media (max-width: 768px) {
    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 25%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 75%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 25%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 75%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 20%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 40%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 60%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 80%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 20%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 40%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 60%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 80%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 16.66666667%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 83.33333333%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 14.28571429%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 28.57142857%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 42.85714286%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 57.14285714%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 71.42857143%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 85.71428571%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 14.28571429%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 28.57142857%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 42.85714286%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 57.14285714%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 71.42857143%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 85.71428571%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 12.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 25%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 37.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 62.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 75%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 87.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 12.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 25%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 37.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 62.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 75%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 87.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 11.11111111%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 22.22222222%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 44.44444444%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 55.55555556%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 77.77777778%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 88.88888889%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 11.11111111%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 22.22222222%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 44.44444444%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 55.55555556%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 77.77777778%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 88.88888889%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 10%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 20%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 30%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 40%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 60%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 70%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 80%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 90%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 10%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 20%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 30%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 40%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 60%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 70%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 80%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 90%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 9.09090909%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 18.18181818%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 27.27272727%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 36.36363636%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 45.45454545%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 54.54545455%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 63.63636364%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 72.72727273%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 81.81818182%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 90.90909091%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--11 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 9.09090909%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 18.18181818%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 27.27272727%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 36.36363636%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 45.45454545%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 54.54545455%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 63.63636364%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 72.72727273%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 81.81818182%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 90.90909091%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 8.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 25%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 41.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 58.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 75%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--11 {
        float: left;
        clear: none;
        width: 91.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--12 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 8.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 16.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 25%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 41.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 58.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 75%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 83.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
        margin-left: 91.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--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: 769px) and (max-width: 1200px) {
    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 25%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 75%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 25%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 75%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 20%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 40%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 60%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 80%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 20%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 40%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 60%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 80%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 16.66666667%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 83.33333333%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 14.28571429%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 28.57142857%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 42.85714286%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 57.14285714%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 71.42857143%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 85.71428571%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 14.28571429%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 28.57142857%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 42.85714286%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 57.14285714%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 71.42857143%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 85.71428571%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 12.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 25%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 37.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 62.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 75%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 87.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 12.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 25%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 37.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 62.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 75%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 87.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 11.11111111%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 22.22222222%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 44.44444444%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 55.55555556%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 77.77777778%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 88.88888889%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 11.11111111%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 22.22222222%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 44.44444444%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 55.55555556%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 77.77777778%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 88.88888889%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 10%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 20%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 30%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 40%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 60%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 70%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 80%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 90%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 10%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 20%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 30%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 40%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 60%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 70%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 80%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 90%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 9.09090909%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 18.18181818%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 27.27272727%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 36.36363636%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 45.45454545%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 54.54545455%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 63.63636364%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 72.72727273%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 81.81818182%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 90.90909091%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--11 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 9.09090909%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 18.18181818%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 27.27272727%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 36.36363636%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 45.45454545%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 54.54545455%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 63.63636364%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 72.72727273%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 81.81818182%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 90.90909091%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 8.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 25%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 41.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 58.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 75%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--11 {
        float: left;
        clear: none;
        width: 91.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--12 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 8.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 16.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 25%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 41.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 58.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 75%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 83.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
        margin-left: 91.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--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;
    }
}

/* force showing hidden components in unhide mode */
.aem-GridShowHidden>.cmp-container>.aem-Grid>.aem-GridColumn {
    display: block !important;
}

.font-basis-regular {
    font-family: Basis-regular important
}

.font-basis-bold {
    font-family: Basis-bold important
}

.font-basis-light {
    font-family: Basis-light important
}

.font-basis-medium {
    font-family: Basis-medium important
}

.font-basis-black {
    font-family: Basis-black important
}

.font-houschka-light {
    font-family: Houschka-Light important
}

.font-houschka-bold {
    font-family: Houschka-Bold important
}

.font-houschka-medium {
    font-family: Houschka-medium important
}

.font-houschka-light-italic {
    font-family: Houschka-Light-Italic important
}

.font-houschka-bold-italic {
    font-family: Houschka-Bold-Italic important
}

.font-houschka-medium-italic {
    font-family: Houschka-medium-italic important
}

.editor_height {
    max-height: 900px;
    height: 80vh
}

.published_height {
    height: 100vh
}

.py-32 {
    padding-top: 2pc;
    padding-bottom: 2pc
}

.header-padding {
    padding-top: 30px !important
}

@media only screen and (max-width:1199px) {
    .header-padding {
        padding-top: 20px !important
    }
}

@media only screen and (max-width:1199px) {
    .pt-md-32 {
        padding-top: 2pc !important
    }
}

@media only screen and (min-width:1200px) {
    .pt-xl-60 {
        padding-top: 60px !important
    }
}

.border-bottom {
    border-bottom: 1px solid #dfdee3
}

.h-100vh {
    height: 100vh
}

@media only screen and (min-width:1200px) {
    .w-xl-60 {
        width: 60%
    }
}

.pt-60 {
    padding-top: 60px
}

.pt-32 {
    padding-top: 2pc
}

.pb-32 {
    padding-bottom: 2pc
}

.pb-36 {
    padding-bottom: 36px
}

.z-index-1 {
    z-index: 1
}

.z-index-2 {
    z-index: 2
}

@font-face {
    font-family: Basis-black;
    src: url(clientlib-site/resources/fonts/BasisGrotesque-Black-Pro.woff) format("woff");
    font-weight: 800
}

@font-face {
    font-family: Basis-bold;
    src: url(clientlib-site/resources/fonts/BasisGrotesque-Bold-Pro.woff) format("woff");
    font-weight: 700
}

@font-face {
    font-family: Basis-light;
    src: url(clientlib-site/resources/fonts/BasisGrotesque-Light-Pro.woff) format("woff");
    font-weight: 300
}

@font-face {
    font-family: Basis-medium;
    src: url(clientlib-site/resources/fonts/BasisGrotesque-Medium-Pro.woff) format("woff");
    font-weight: 600
}

@font-face {
    font-family: Basis-regular;
    src: url(clientlib-site/resources/fonts/BasisGrotesque-Regular-Pro.woff) format("woff");
    font-weight: 400
}

@font-face {
    font-family: Houschka-Bold;
    src: url(clientlib-site/resources/fonts/HouschkaRoundedAlt-DemiBold.woff) format("woff");
    font-weight: 800
}

@font-face {
    font-family: Houschka-Bold-Italic;
    src: url(clientlib-site/resources/fonts/HouschkaRoundedAlt-DemiBoldItalic.woff) format("woff");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Houschka-Light;
    src: url(clientlib-site/resources/fonts/HouschkaRoundedAlt-Light.woff) format("woff");
    font-weight: 300
}

@font-face {
    font-family: Houschka-Light-Italic;
    src: url(clientlib-site/resources/fonts/HouschkaRoundedAlt-LightItalic.woff) format("woff");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Houschka-medium;
    src: url(clientlib-site/resources/fonts/HouschkaRoundedAlt-Medium.woff) format("woff");
    font-weight: 600
}

@font-face {
    font-family: Houschka-medium-italic;
    src: url(clientlib-site/resources/fonts/HouschkaRoundedAlt-MediumItalic.woff) format("woff");
    font-weight: 600
}

.opacity-lg-0 {
    opacity: 0 !important
}

@media only screen and (max-width:599px) {
    .opacity-lg-0 {
        opacity: 1 !important
    }
}

.cipher-custom-container {
    margin: auto
}

@media only screen and (min-width:1920px) {
    .cipher-custom-container {
        max-width: 103pc !important
    }
}

@media only screen and (min-width:1200px) {
    .cipher-custom-container {
        max-width: calc(100% - 150px)
    }
}

@media only screen and (max-width:1199px) {
    .cipher-custom-container {
        max-width: calc(100% - 88px)
    }
}

@media only screen and (max-width:767px) {
    .cipher-custom-container {
        max-width: calc(100% - 88px)
    }
}

@media only screen and (max-width:576px) {
    .cipher-custom-container {
        max-width: calc(100% - 3pc)
    }
}

.footerCta-container {
    margin: auto
}

@media only screen and (min-width:1920px) {
    .footerCta-container {
        max-width: calc(84.33% - 150px)
    }
}

@media only screen and (min-width:1200px) {
    .footerCta-container {
        max-width: calc(84.33% - 150px)
    }
}

@media only screen and (max-width:1199px) {
    .footerCta-container {
        max-width: calc(100% - 88px)
    }
}

@media only screen and (max-width:767px) {
    .footerCta-container {
        max-width: calc(100% - 88px)
    }
}

@media only screen and (max-width:576px) {
    .footerCta-container {
        max-width: calc(100% - 3pc)
    }
}

.component-title {
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    color: #000;
    text-transform: uppercase;
    font-family: Basis-medium
}

.pink-cta-btn {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px;
    cursor: pointer
}

.pink-cta-btn,
.pink-cta-btn:hover {
    color: #fff;
    text-decoration: none
}

.pink-cta-btn .cta-icon-div {
    width: 40px;
    height: 40px;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-radius: 50%
}

.pink-cta-btn .cta-icon-div .cta-icon {
    background-image: url(clientlib-site/resources/images/arrow-right-w.svg);
    width: 1pc;
    height: 1pc;
    display: inline-block
}

.read-more-cta {
    font-family: Basis-bold;
    background: #e41165;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em
}

.read-more-cta:focus {
    text-decoration: underline;
    -webkit-text-decoration-color: #494c4d;
    text-decoration-color: #494c4d
}

.cipher-primary-btn {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-radius: 6.25rem;
    font-size: 1.125rem;
    color: #fff;
    letter-spacing: .03125rem;
    padding: 9pt 2pc;
    font-family: Basis-regular;
    -webkit-transition: all .5s;
    transition: all .5s
}

.cipher-primary-btn:focus,
.cipher-primary-btn:hover {
    background: linear-gradient(102.57deg, #f84d9f, #d0121e);
    -webkit-transition: all .5s;
    transition: all .5s;
    text-decoration: none;
    color: #fff
}

.cipher-secondary-btn {
    background: transparent;
    border-radius: 6.25rem;
    border: 1px solid #5e6162;
    font-size: 1.125rem;
    color: #000;
    letter-spacing: .03125rem;
    padding: 9pt 2pc;
    font-family: Basis-regular;
    -webkit-transition: border .5s;
    transition: border .5s
}

.cipher-secondary-btn:focus,
.cipher-secondary-btn:hover {
    color: #000;
    -webkit-transition: border .5s;
    transition: border .5s;
    text-decoration: none;
    border: 1px solid #000
}

.cipher-tertiary-btn {
    background: transparent;
    font-size: 1.125rem;
    color: #000;
    letter-spacing: .03125rem;
    font-family: Basis-regular;
    color: #5e6162;
    padding: 9pt 2pc 9pt 2rem
}

.cipher-tertiary-btn,
.cipher-tertiary-btn:before {
    -webkit-transition: all .5s;
    transition: all .5s
}

.cipher-tertiary-btn:before {
    position: absolute;
    left: 0;
    content: "";
    background-image: url(clientlib-site/resources/images/arrow-right-b.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cipher-tertiary-btn:focus,
.cipher-tertiary-btn:hover {
    color: #000;
    text-decoration: none;
    -webkit-transition: all .5s;
    transition: all .5s
}

.cipher-tertiary-btn:hover:before {
    -webkit-transition: all .5s;
    transition: all .5s;
    left: .5rem
}

.section-heading {
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    font-family: Basis-bold
}

.section-title {
    font-size: 2.5rem;
    line-height: 40px;
    font-family: Houschka-medium
}

.cta-tag-whitebg {
    padding: .25rem 1rem;
    background-color: #fff;
    color: #000;
    border-radius: 20px;
    text-decoration: none;
    line-height: 1.5rem
}

.cta-tag-whitebg .cta-tag-whiteb-span {
    font-family: Basis-regular;
    color: #000;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .5px
}

.bg-image {
    background-position: center 0;
    background-size: cover;
    background-repeat: no-repeat
}

.header_rollover {
    height: 98px;
    top: 0;
    width: 100vw;
    background: transparent;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    left: 0
}

.nav_rollover {
    top: 99px
}

.nav_rollover,
.nav_rollover_transparent {
    height: calc(100vh - .5px);
    width: 100vw;
    background: transparent;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    left: 0
}

.nav_rollover_transparent {
    top: 0
}

.body_rollover {
    height: 100%;
    top: 0;
    width: 100vw;
    background: transparent;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    left: 0
}

.cmp-page__skiptomaincontent-link {
    color: #000 !important;
    text-decoration: none;
    position: unset !important;
    outline-color: #fff;
    display: block;
    padding: 0;
    border: 1px solid #1e2222
}

.cmp-page__skiptomaincontent-link:hover {
    color: #000 !important
}

.cmp-page__skiptomaincontent {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    outline-color: #fff;
    z-index: 1002
}

.opacity-0 {
    opacity: 0 !important;
    display: none !important;
    z-index: 1
}

.banner-video-modal .modal-body {
    height: 100vh;
    width: 100%
}

.banner-video-modal .s7videoplayer:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    height: 3.75rem;
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: linear-gradient(0deg, #000, transparent)
}

.banner-video-modal.video-fullscreen .cq-dd-image {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0
}

.banner-video-modal.video-fullscreen .s7container,
.banner-video-modal.video-fullscreen .s7videoplayer {
    width: 100% !important;
    height: 100% !important;
    position: fixed;
    left: 0;
    top: 0
}

.banner-video-modal.video-fullscreen .s7controlbar {
    height: 3pc !important
}

.banner-video-modal.video-fullscreen .s7controlbar,
.banner-video-modal.video-fullscreen .s7innercontrolbarcontainer {
    background-color: transparent !important;
    background-image: none;
    opacity: 1 !important;
    left: 7.5% !important;
    width: 85% !important
}

.banner-video-modal.video-fullscreen .s7controlbar:hover,
.banner-video-modal.video-fullscreen .s7innercontrolbarcontainer:hover {
    background-color: transparent !important
}

.banner-video-modal.video-fullscreen .s7videoplayer {
    width: 100% !important;
    height: 100% !important
}

.banner-video-modal.video-fullscreen .s7videoviewer {
    width: 100%;
    height: 100%
}

.banner-video-modal.video-fullscreen .s7closedcaptionbutton {
    top: auto !important;
    bottom: .5rem !important;
    right: .5rem !important;
    visibility: visible !important;
    background-color: none !important
}

.banner-video-modal.video-fullscreen .s7videotime {
    top: auto !important;
    bottom: .5rem;
    left: 2rem;
    font-family: Basis-bold;
    font-size: .875rem !important;
    width: 170px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    letter-spacing: 2px
}

.banner-video-modal.video-fullscreen .s7fullscreenbutton,
.banner-video-modal.video-fullscreen .s7iconeffect,
.banner-video-modal.video-fullscreen .s7socialbutton {
    display: none !important
}

.banner-video-modal.video-fullscreen .banner-video-duration {
    right: 8.5%;
    bottom: 46px;
    font-family: Basis-bold;
    font-size: .875rem;
    color: #fff;
    z-index: 1;
    letter-spacing: 2px;
    display: none !important
}

.banner-video-modal.video-fullscreen video {
    height: 100% !important;
    width: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    position: unset !important
}

@media screen and (max-width:1199px) {
    .banner-video-modal.video-fullscreen video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

.banner-video-modal.video-fullscreen .s7playpausebutton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 50% !important;
    background-size: inherit;
    bottom: .75rem !important;
    left: 0 !important;
    top: auto !important;
    width: 24px !important;
    height: 24px !important;
    background-size: 52px !important
}

.banner-video-modal.video-fullscreen .s7playpausebutton[selected=false] {
    background-image: url(clientlib-site/resources/images/video/pause-white-btn.svg) !important
}

.banner-video-modal.video-fullscreen .s7playpausebutton[selected=true] {
    background-image: url(clientlib-site/resources/images/video/play-white-btn.svg) !important
}

.banner-video-modal.video-fullscreen .s7closedcaptionbutton {
    width: 24px !important;
    height: 24px !important;
    background-position: 50% !important;
    background-size: contain !important;
    right: 60px !important
}

.banner-video-modal.video-fullscreen .s7closedcaptionbutton[selected=false] {
    background-image: url(clientlib-site/resources/images/video/caption-ico.svg) !important
}

.banner-video-modal.video-fullscreen .s7closedcaptionbutton[selected=true] {
    background-image: url(clientlib-site/resources/images/video/caption-active.svg) !important
}

.banner-video-modal.video-fullscreen .caption-not-ready-btn {
    background: url(clientlib-site/resources/images/video/Closed_caption_inactive.svg);
    position: absolute;
    height: 24px;
    width: 24px;
    right: 60px;
    top: 1pc
}

.banner-video-modal.video-fullscreen .video-ts-download {
    position: absolute;
    right: 6px;
    width: 24px;
    height: 24px;
    top: 17px;
    cursor: pointer
}

.banner-video-modal.video-fullscreen .video-ts-download[data-asset=false] {
    background: url(clientlib-site/resources/images/video/Download_Trascript_inactive.svg)
}

.banner-video-modal.video-fullscreen .video-ts-download[data-asset=false] .video-message-wrapper {
    color: #c9c9ce;
    border: 1px solid #c9c9ce
}

.banner-video-modal.video-fullscreen .video-ts-download[data-asset=true] {
    background: url(clientlib-site/resources/images/video/download_transcript.svg)
}

.banner-video-modal.video-fullscreen .video-message-wrapper {
    color: #119a34;
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    border: 1px solid #119a34;
    position: absolute;
    top: -75px;
    right: 8px;
    padding: 9pt 9pt 9pt 52px;
    min-width: 15.125rem;
    border-radius: .25rem;
    background: rgba(0, 0, 0, .85);
    cursor: auto
}

.banner-video-modal.video-fullscreen .video-message-wrapper:after {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    top: 50%;
    left: 9pt;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.banner-video-modal.video-fullscreen .video-message-wrapper.video-ts-notready:after {
    background: url(clientlib-site/resources/images/video/Download_Trascript_inactive.svg)
}

.banner-video-modal.video-fullscreen .video-message-wrapper.video-ts-downloading:after {
    background: url(clientlib-site/resources/images/video/Download_Trascript_success.svg)
}

.banner-video-modal.video-fullscreen .video-message-wrapper.video-caption-not-ready {
    top: -60px;
    color: #c9c9ce;
    border: 1px solid #c9c9ce
}

.banner-video-modal.video-fullscreen .video-message-wrapper.video-caption-not-ready:after {
    position: absolute;
    content: "";
    background: url(clientlib-site/resources/images/video/Closed_caption_inactive.svg);
    height: 24px;
    width: 24px;
    top: 50%;
    left: 9pt;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.banner-video-modal.video-fullscreen .s7mutablevolume {
    right: 7pc !important;
    top: 15px !important
}

.banner-video-modal.video-fullscreen .s7mutablevolume .s7mutebutton {
    width: 24px !important;
    height: 24px !important;
    background-position: 50% !important;
    background-size: contain !important
}

.banner-video-modal.video-fullscreen .s7mutablevolume .s7mutebutton[selected=false] {
    background: url(clientlib-site/resources/images/video-unmuted.svg) 50% no-repeat !important
}

.banner-video-modal.video-fullscreen .s7mutablevolume .s7mutebutton[selected=true] {
    background: url(clientlib-site/resources/images/video-mute.svg) 50% no-repeat !important
}

.banner-video-modal.video-fullscreen .s7mutablevolume .s7verticalvolume {
    opacity: 0 !important
}

.banner-video-modal.video-fullscreen .s7videoviewer .s7videoscrubber .s7trackplayed {
    background-color: #fff !important
}

.banner-video-modal.video-fullscreen .s7videoviewer .s7videoscrubber {
    width: 100% !important;
    left: 0 !important;
    visibility: visible !important;
    top: 0
}

.banner-video-modal.video-fullscreen .s7videoviewer .s7videoscrubber .s7knob {
    width: 8px !important;
    height: 4px !important;
    top: 0;
    background: #c9c9ce
}

.banner-video-modal .modal-header {
    border: none
}

.banner-video-modal .modal-content {
    background-color: transparent
}

.banner-video-modal .s7videoplayer,
.banner-video-modal .s7videoplayer video {
    max-height: 100%
}

.video-close {
    width: 4pc;
    height: 4pc;
    background: rgba(0, 0, 0, .5) url(clientlib-site/resources/images/close.svg) 50% no-repeat !important;
    background-size: 24px;
    border: 1px solid #fff !important;
    border-radius: 4pc;
    right: 2.5rem;
    top: 2.5rem
}

@media screen and (max-width:1199px) {
    .video-close {
        width: 3pc;
        height: 3pc
    }
}

.modal-full {
    max-width: 100%;
    background: transparent;
    padding: 0
}

.modal-full .modal-content {
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.modal-full.modal-dialog {
    margin: 0 auto;
    width: 100%
}

.s7container>.s7videoplayer {
    position: relative
}

.s7container>.s7videoplayer:before {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    content: "";
    z-index: 0;
    display: none
}

.blue-green .s7container>.s7videoplayer:before {
    display: block
}

.blue-green .s7container>.s7videoplayer:before,
.blue-green:before {
    background: linear-gradient(224.58deg, rgba(42, 243, 252, .6), rgba(7, 42, 200, .6) 88.19%);
    mix-blend-mode: multiply
}

.pink-magenta .s7container>.s7videoplayer:before {
    display: block
}

.pink-magenta .s7container>.s7videoplayer:before,
.pink-magenta:before {
    background: linear-gradient(224.58deg, rgba(220, 9, 22, .6), rgba(251, 34, 221, .6) 88.19%);
    mix-blend-mode: multiply
}

.orange-yellow .s7container>.s7videoplayer:before {
    display: block
}

.orange-yellow .s7container>.s7videoplayer:before,
.orange-yellow:before {
    background: linear-gradient(224.58deg, rgba(253, 231, 51, .6), rgba(246, 48, 27, .6) 88.19%);
    mix-blend-mode: multiply
}

.dark-gradient .s7container>.s7videoplayer:before {
    display: block
}

.dark-gradient .s7container>.s7videoplayer:before,
.dark-gradient:before {
    background: rgba(59, 61, 74, .6);
    mix-blend-mode: multiply
}

.list-style-none {
    list-style: none
}

.purple-pink:before {
    background: linear-gradient(224.58deg, rgba(251, 34, 221, .6), rgba(69, 15, 137, .6) 88.19%);
    mix-blend-mode: multiply
}

.image-gradient-bg {
    position: relative
}

.image-gradient-bg:before {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    content: "";
    z-index: 1;
    opacity: .6
}

.text-linear-bg-left:after {
    background: -webkit-gradient(linear, left top, right top, from(#000), to(transparent));
    background: linear-gradient(90deg, #000, transparent)
}

.text-linear-bg-left:after,
.text-linear-bg-right:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    content: "";
    top: 0;
    z-index: 1;
    opacity: .8
}

.text-linear-bg-right:after {
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(#000));
    background: linear-gradient(90deg, transparent, #000)
}

.h-divider {
    background: #c9c9ce;
    height: 1px;
    margin-top: 3pc;
    margin-bottom: 3pc
}

.dynamic-media-image {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%
}

.fit-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.text-linear-bg-bottom:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    content: "";
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background: linear-gradient(180deg, transparent, #000);
    z-index: 1;
    opacity: .8
}

.__display {
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 3
}

@media screen and (max-width:390px) {
    .hero-banner-title-div {
        padding-bottom: 0 !important
    }
}

.body-bg-dark {
    background-color: #000
}

.body-bg-dark .solutionCard,
.body-bg-dark .storiesSection {
    background-color: #fff
}

.accordion-card .textImage-content-image-main img {
    -o-object-fit: cover;
    object-fit: cover
}

.cta-link-focus:hover {
    text-decoration: none !important
}

.cta-link-focus:active,
.cta-link-focus:active h1,
.cta-link-focus:active h2,
.cta-link-focus:active h3,
.cta-link-focus:active h4,
.cta-link-focus:active h5,
.cta-link-focus:active h6,
.cta-link-focus:active p,
.cta-link-focus:active span {
    text-decoration: underline !important;
    -webkit-text-decoration-color: #494c4d !important;
    text-decoration-color: #494c4d !important;
    text-decoration-thickness: 1.5px !important
}

.cta-arrow-animation:after {
    position: absolute;
    margin-left: .75rem;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    content: "";
    background-size: 1pc;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cta-arrow-animation:hover:after {
    -webkit-animation: hoverEffect .75s;
    animation: hoverEffect .75s
}

.read-more-cta-with-arrow {
    font-family: Basis-medium;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #000;
    padding-right: 3.25rem
}

.read-more-cta-with-arrow:after {
    position: absolute;
    margin-left: .75rem;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    content: "";
    background: #000 url(clientlib-site/resources/images/statsCard/slider-right-arrow-icon.svg) no-repeat 50%;
    background-size: 1pc;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.read-more-cta-with-arrow:hover:after {
    -webkit-animation: hoverEffect .75s;
    animation: hoverEffect .75s
}

@media only screen and (min-width:1920px) {
    .overflow-hidden-large-screen {
        overflow: hidden !important
    }
}

.center-left-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left
}

@media only screen and (max-width:1199px) {
    .center-left-title {
        margin-top: .75rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

@media only screen and (max-width:599px) {
    .center-left-title {
        margin-top: .75rem
    }
}

.top-left-title {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    text-align: left;
    margin-top: 9pt
}

@media only screen and (max-width:1199px) {
    .top-left-title {
        margin-top: 9pt;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.bottom-left-title {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: left
}

@media only screen and (max-width:1199px) {
    .bottom-left-title {
        margin-top: 9pt;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.top-right-title {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 9pt
}

@media only screen and (max-width:1199px) {
    .top-right-title {
        margin-top: 9pt;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.bottom-right-title {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (max-width:1199px) {
    .bottom-right-title {
        margin-top: 9pt;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.center-right-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:1199px) {
    .center-right-title {
        margin-top: 9pt;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.opacity-5 {
    opacity: .5
}

.s7videoelement.video-js {
    width: 100% !important
}

.top-padding-0 {
    padding-top: 0 !important
}

.top-padding-16 {
    padding-top: 1pc !important
}

.top-padding-32 {
    padding-top: 2pc !important
}

.top-padding-48 {
    padding-top: 3pc !important
}

.top-padding-56 {
    padding-top: 56px !important
}

.top-padding-64 {
    padding-top: 4pc !important
}

.top-padding-72 {
    padding-top: 72px !important
}

.top-padding-88 {
    padding-top: 88px !important
}

.bottom-padding-0 {
    padding-bottom: 0 !important
}

.bottom-padding-16 {
    padding-bottom: 1pc !important
}

.bottom-padding-32 {
    padding-bottom: 2pc !important
}

.bottom-padding-48 {
    padding-bottom: 3pc !important
}

.bottom-padding-56 {
    padding-bottom: 56px !important
}

.bottom-padding-64 {
    padding-bottom: 4pc !important
}

.bottom-padding-72 {
    padding-bottom: 72px !important
}

.bottom-padding-88 {
    padding-bottom: 88px !important
}

@media only screen and (max-width:1199px) {
    .top-padding-48 {
        padding-top: 40px !important
    }

    .top-padding-56 {
        padding-top: 3pc !important
    }

    .top-padding-64 {
        padding-top: 56px !important
    }

    .top-padding-72 {
        padding-top: 4pc !important
    }

    .top-padding-88 {
        padding-top: 5pc !important
    }

    .bottom-padding-48 {
        padding-bottom: 40px !important
    }

    .bottom-padding-56 {
        padding-bottom: 3pc !important
    }

    .bottom-padding-64 {
        padding-bottom: 56px !important
    }

    .bottom-padding-72 {
        padding-bottom: 4pc !important
    }

    .bottom-padding-88 {
        padding-bottom: 5pc !important
    }
}

@media only screen and (max-width:599px) {
    .bottom-padding-88 {
        padding-bottom: 4.5rem !important
    }

    .top-padding-88 {
        padding-top: 4.5rem !important
    }

    .bottom-padding-48 {
        padding-bottom: 2rem !important
    }

    .top-padding-48 {
        padding-top: 2rem !important
    }
}

.container .container {
    max-width: unset
}

@media only screen and (min-width:1920px) {
    .socialShare .share-box .share-icon-box .container {
        max-width: calc(84.33% - 150px)
    }
}

@media only screen and (min-width:1200px) {
    .socialShare .share-box .share-icon-box .container {
        max-width: calc(84.33% - 150px)
    }
}

@media only screen and (max-width:1199px) {
    .socialShare .share-box .share-icon-box .container {
        max-width: calc(100% - 88px)
    }
}

@media only screen and (max-width:767px) {
    .socialShare .share-box .share-icon-box .container {
        max-width: calc(100% - 88px)
    }
}

@media only screen and (max-width:576px) {
    .socialShare .share-box .share-icon-box .container {
        max-width: calc(100% - 3pc)
    }
}

.rowContainer.aem-GridColumn.aem-GridColumn--default--12 .richText.aem-GridColumn.aem-GridColumn--default--12 {
    margin: auto
}

@media only screen and (min-width:1920px) {
    .rowContainer.aem-GridColumn.aem-GridColumn--default--12 .richText.aem-GridColumn.aem-GridColumn--default--12 {
        max-width: 103pc !important
    }
}

@media only screen and (min-width:1200px) {
    .rowContainer.aem-GridColumn.aem-GridColumn--default--12 .richText.aem-GridColumn.aem-GridColumn--default--12 {
        max-width: calc(100% - 150px)
    }
}

@media only screen and (max-width:1199px) {
    .rowContainer.aem-GridColumn.aem-GridColumn--default--12 .richText.aem-GridColumn.aem-GridColumn--default--12 {
        max-width: calc(100% - 88px)
    }
}

@media only screen and (max-width:767px) {
    .rowContainer.aem-GridColumn.aem-GridColumn--default--12 .richText.aem-GridColumn.aem-GridColumn--default--12 {
        max-width: calc(100% - 88px)
    }
}

@media only screen and (max-width:576px) {
    .rowContainer.aem-GridColumn.aem-GridColumn--default--12 .richText.aem-GridColumn.aem-GridColumn--default--12 {
        max-width: calc(100% - 3pc)
    }
}

.rowContainer.aem-GridColumn.aem-GridColumn--default--12 .container .richText.aem-GridColumn.aem-GridColumn--default--12,
.rowContainer.aem-GridColumn.aem-GridColumn--default--12 .cipher-custom-container .richText.aem-GridColumn.aem-GridColumn--default--12 {
    max-width: 100% !important
}

.rowContainer.aem-GridColumn.aem-GridColumn--default--12 .aem-Grid.aem-Grid--12.aem-Grid--default--12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-fluid.insight-container {
    margin: auto
}

@media only screen and (min-width:1920px) {
    .container-fluid.insight-container {
        max-width: 103pc !important
    }
}

@media only screen and (min-width:1200px) {
    .container-fluid.insight-container {
        max-width: calc(100% - 150px)
    }
}

@media only screen and (max-width:1199px) {
    .container-fluid.insight-container {
        max-width: calc(100% - 88px)
    }
}

@media only screen and (max-width:767px) {
    .container-fluid.insight-container {
        max-width: calc(100% - 88px)
    }
}

@media only screen and (max-width:576px) {
    .container-fluid.insight-container {
        max-width: calc(100% - 3pc)
    }
}

@media only screen and (min-width:1200px) {
    .horizontaltab-main-section .event-list-panel .container {
        max-width: calc(100% - 150px)
    }
}

@media only screen and (min-width:1920px) {
    .horizontaltab-main-section .event-list-panel .container {
        max-width: 103pc !important
    }
}

.caption-not-available.banner-video-modal.video-fullscreen .s7mutablevolume {
    right: 3pc !important
}

.caption-not-available.banner-video-modal.video-fullscreen .caption-not-ready-btn,
.caption-not-available.banner-video-modal.video-fullscreen .s7closedcaptionbutton {
    display: none !important
}

.transcript-not-available.banner-video-modal.video-fullscreen .caption-not-ready-btn,
.transcript-not-available.banner-video-modal.video-fullscreen .s7closedcaptionbutton {
    right: 8px !important
}

.transcript-not-available.banner-video-modal.video-fullscreen .s7mutablevolume {
    right: 3pc !important
}

.transcript-not-available.banner-video-modal.video-fullscreen .video-ts-download {
    display: none !important
}

.transcript-not-available.caption-not-available.banner-video-modal.video-fullscreen .s7mutablevolume {
    right: 8px !important
}

.s7videoviewer .s7container .s7videoplayer .s7caption {
    font-family: Basis-regular !important;
    padding: 0 10%;
    line-height: 120%;
    font-size: 1.375rem
}

@media only screen and (max-width:1199px) {
    .s7videoviewer .s7container .s7videoplayer .s7caption {
        font-size: 1.125rem;
        padding: 0 4%
    }
}

@media only screen and (max-width:599px) {
    .s7videoviewer .s7container .s7videoplayer .s7caption {
        font-size: 1rem;
        padding: 0 8px
    }
}

.s7videoviewer .s7container .s7tooltip {
    font-family: Basis-regular
}

.s7videoviewer .s7videoscrubber .s7knob[aria-valuenow^="0"],
.s7videoviewer .s7videoscrubber .s7knob[aria-valuenow^="1"],
.s7videoviewer .s7videoscrubber .s7knob[aria-valuenow^="2"],
.s7videoviewer .s7videoscrubber .s7trackloaded,
.s7videoviewer .s7videoscrubber .s7trackplayed {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    height: 4px !important
}

.s7videoviewer .s7videoscrubber .s7track {
    border-radius: 10px;
    height: 4px !important
}

@media only screen and (min-width:1200px) {
    .s7innercontrolbarcontainer .video-ts-download:after {
        content: attr(data-title);
        top: -150%;
        right: 0;
        z-index: 10000;
        background-color: #e0e0e0;
        color: #000;
        border: 1px solid #bfbfbf;
        font-size: 11px;
        font-family: Basis-regular;
        position: absolute;
        display: none;
        width: 115px;
        text-align: center;
        padding: 5px;
        line-height: 100%;
        border-radius: 3px 3px 3px 3px
    }

    .s7innercontrolbarcontainer .video-ts-download:hover:after {
        display: block
    }
}

.image-accessibility-container {
    top: 0;
    right: 0;
    height: auto !important;
    width: 100%;
    z-index: 2
}

.image-accessibility-container .image-accessibility-btn {
    background: none;
    color: #000;
    font-family: Basis-regular;
    font-size: .875rem;
    text-decoration: underline;
    right: 0;
    top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    line-height: 24px;
    border-radius: 0;
    letter-spacing: .5px;
    min-width: 9.375rem;
    text-align: center;
    padding: .5rem 1rem
}

.image-accessibility-container .image-accessibility-description {
    width: 80%;
    right: 0;
    top: 5rem;
    background: #000;
    height: auto !important;
    max-height: 12.5rem;
    padding: 1.5rem;
    opacity: 0;
    z-index: -1;
    overflow-y: auto
}

.image-accessibility-container .image-accessibility-description::-webkit-scrollbar {
    width: 8px
}

.image-accessibility-container .image-accessibility-description::-webkit-scrollbar-track {
    background: #333737;
    border-radius: 0 0 .25rem 0
}

.image-accessibility-container .image-accessibility-description::-webkit-scrollbar-thumb {
    background: #e41165;
    border-radius: 6.1875rem
}

.image-accessibility-container .image-accessibility-description::-webkit-scrollbar-thumb:hover {
    background: #e41165
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .image-accessibility-container .image-accessibility-description {
        width: 90%
    }
}

@media only screen and (max-width:767px) {
    .image-accessibility-container .image-accessibility-description {
        width: 96%;
        max-height: 7.5rem
    }
}

.image-accessibility-container .image-accessibility-description .image-accessibility-content {
    color: #fff;
    font-family: Basis-regular;
    font-size: .875rem;
    line-height: 1.5rem
}

.image-accessibility-container.active .image-accessibility-description {
    z-index: 1;
    opacity: 1;
    top: 3.25rem
}

.image-accessibility-container.active .image-accessibility-btn:before {
    position: absolute;
    content: "";
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-bottom: .5rem solid #000;
    bottom: -.75rem;
    right: 1rem;
    -webkit-transform: translateX(-50%) rotate(0deg);
    transform: translateX(-50%) rotate(0deg)
}

@media only screen and (min-width:1200px) {
    .banner-video-modal .s7innercontrolbarcontainer .video-ts-download:after {
        top: auto !important;
        bottom: -150% !important;
        right: -5%;
        left: auto !important
    }
}

.accordion-main-container .accordion-card {
    border: none;
    border-bottom: 1px solid #c9c9ce
}

.accordion-main-container.accordian-dark-theme {
    background-color: #000
}

.accordion-main-container.accordian-dark-theme .accordion-btn-link-icon {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.accordion-main-container.accordian-dark-theme .accordion-count-span {
    -webkit-text-fill-color: #fff;
    -moz-text-fill-color: #fff
}

.accordion-main-container.accordian-dark-theme .accordion-expand-wapper .accordion-expand-btn {
    color: #fff
}

.accordion-main-container.accordian-dark-theme .accordion-expand-wapper .accordion-expand-btn:hover:after {
    background: #fff
}

.accordion-main-container.accordian-dark-theme .accordion-expand-wapper .accordion-expand-btn.active:after {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
}

.accordion-main-container.accordian-dark-theme .accordion-expand-wapper .accordion-expand-btn:focus {
    outline: 1px solid #fff
}

.accordion-main-container.accordian-dark-theme .accordion-expand-wapper .accordion-expand-btn:focus:not(:focus-visible) {
    outline: none
}

.accordion-main-container .textImage-body-inner-main {
    margin-bottom: .75rem
}

.accordion-main-container .accordion-expand-wapper .accordion-expand-btn {
    color: #000;
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    padding: 0 0 .88rem;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.accordion-main-container .accordion-expand-wapper .accordion-expand-btn:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: .0625rem;
    background: #747678
}

.accordion-main-container .accordion-expand-wapper .accordion-expand-btn:hover:after {
    height: .125rem;
    background: #000
}

.accordion-main-container .accordion-expand-wapper .accordion-expand-btn.active {
    font-family: Basis-medium
}

.accordion-main-container .accordion-expand-wapper .accordion-expand-btn.active:after {
    height: .125rem;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
}

.accordion-main-container .accordion-expand-wapper .accordion-expand-btn:focus {
    outline: 1px solid #000;
    outline-offset: .25rem
}

.accordion-main-container .accordion-expand-wapper .accordion-expand-btn:focus:not(:focus-visible) {
    outline: none
}

.accordion-card-body {
    padding: 1.25rem 0
}

@media only screen and (max-width:1199px) {
    .rowContainer .accordion-main-container .accordion-card {
        margin: 0
    }
}

.accordion-main-container .accordion-card-header {
    padding: .75rem 0
}

.accordion-main-container .accordion-card-header .accordion-btn:focus {
    outline: 1px solid #000
}

.accordion-main-container .accordion-card-header .accordion-btn:focus:not(:focus-visible) {
    outline: none
}

.accordion-main-container .accordion-card-header .accordion-btn-link .accordion-btn-link-icon .expand-icon {
    height: 2.5rem;
    width: 2.5rem;
    right: 0;
    background-size: 1.25rem;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 1.25rem
}

.accordion-main-container .accordion-card-header .accordion-btn-link:not(.collapsed) .expand-icon {
    background-color: #000;
    background-image: url(clientlib-site/resources/images/accrodion/minus-white.svg)
}

.accordion-main-container .accordion-card-header .accordion-btn {
    padding: .25rem 0 0
}

.accordion-main-container .accordion-card-header .accordion-btn[aria-expanded=false] {
    padding-bottom: .25rem
}

.accordion-btn-link.collapsed .expand-icon {
    background-color: #000;
    background-image: url(clientlib-site/resources/images/accrodion/plus-white.svg)
}

.accordion-count-main .accordion-count-span {
    font-size: 3rem;
    font-weight: 500;
    font-family: Houschka-medium;
    background-image: -webkit-gradient(linear, left top, right top, from(#007dc5), to(#7159b1));
    background-image: linear-gradient(90deg, #007dc5, #7159b1);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    padding-right: 1.5rem
}

.accordion-title-div {
    width: 95%
}

.accordion-title-div .accordion-title-heading {
    font-family: Houschka-medium;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #000;
    margin-bottom: 0;
    word-break: break-word
}

@media only screen and (max-width:599px) {
    .accordion-title-div .accordion-title-heading {
        font-size: 1.125rem;
        line-height: 2rem
    }
}

.accordion-title-div .accordion-title-content {
    font-family: Basis-medium;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px;
    color: #000;
    margin-bottom: 0;
    margin-top: .5rem
}

@media only screen and (max-width:599px) {
    .accordion-title-div .accordion-title-content {
        line-height: 1.5rem;
        font-size: .875rem
    }
}

@media only screen and (max-width:599px) {
    .accordion-main-container .accordion-card .accordion-btn-link .accordion-title-div {
        width: 56%
    }
}

.advancetab-main-section .advancetab-section-title-div .advancetab-section-heading {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #000
}

.advancetab-main-section .advancetab-section-title-div .advancetab-section-desc {
    font-family: Houschka-medium;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: #000
}

@media only screen and (max-width:599px) {
    .advancetab-main-section .advancetab-section-title-div .advancetab-section-desc {
        font-size: 2rem
    }
}

@media only screen and (min-width:1200px) {
    .advancetab-main-section .advancetab-section-title-div .advancetab-viewall-border {
        border-bottom: 1px solid #b4b4b8
    }
}

.advancetab-main-section .advancetab-nav-tabs-div {
    padding-bottom: 2rem
}

@media only screen and (min-width:600px) {
    .advancetab-main-section .advancetab-nav-tabs-div {
        padding-bottom: 2.5rem
    }
}

@media only screen and (min-width:1200px) {
    .advancetab-main-section .advancetab-nav-tabs-div {
        padding-bottom: 3rem
    }
}

.advancetab-main-section .advancetab-nav-tabs-div .advancetab-nav-tabs .advancetab-nav-link {
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    color: #747678;
    padding: 0 0 8px !important;
    border-bottom: 1px solid transparent
}

.advancetab-main-section .advancetab-nav-tabs-div .advancetab-nav-tabs .advancetab-nav-link:hover {
    color: #000;
    border-color: transparent !important
}

.advancetab-main-section .advancetab-cta-link {
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    color: #747678;
    padding-bottom: 8px;
    border-bottom: 1px solid #747678;
    text-decoration: none
}

.advancetab-main-section .advancetab-cta-link:hover {
    color: #000;
    border-bottom: 1px solid #000;
    border-image-slice: 1;
    background: transparent
}

.advancetab-main-section .advancetab-nav-tabs {
    border-bottom: none
}

@media only screen and (max-width:1199px) {
    .advancetab-main-section .advancetab-nav-tabs {
        overflow-x: scroll;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-y: hidden
    }
}

.advancetab-main-section .advancetab-nav-tabs .advancetab-nav-item {
    margin-right: 1rem;
    padding: 0 1pc
}

@media only screen and (max-width:1199px) {
    .advancetab-main-section .advancetab-nav-tabs .advancetab-nav-item {
        white-space: nowrap;
        width: auto
    }
}

.advancetab-main-section .advancetab-nav-tabs .advancetab-nav-item .active {
    color: #000;
    border: 0;
    border-bottom: 1px solid;
    -o-border-image: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-image: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-image-slice: 1;
    background: transparent
}

.advancetab-main-section .advancetab-nav-tabs .advancetab-nav-item:last-child {
    margin-right: 0
}

.advancetab-main-section .advancetab-dropdown[data-viewall=true] {
    display: none !important
}

@media only screen and (min-width:1200px) {
    .advancetab-main-section .advancetab-dropdown {
        margin-left: 1rem
    }

    .advancetab-main-section .advancetab-dropdown.focus {
        border: 2px solid #000
    }
}

@media only screen and (max-width:1199px) {
    .advancetab-main-section .advancetab-dropdown {
        width: 18.75rem;
        border-bottom: 1px solid #898a8d;
        margin-top: -1rem
    }
}

@media only screen and (max-width:599px) {
    .advancetab-main-section .advancetab-dropdown {
        width: 100%
    }
}

.advancetab-main-section .advancetab-dropdown .advancetab-dropdown-btn {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    color: #747678;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 33px 8px 0;
    height: 34px;
    border: 0
}

.advancetab-main-section .advancetab-dropdown .advancetab-dropdown-btn:after {
    content: "";
    position: absolute;
    border: 0;
    background: url(clientlib-site/resources/images/chevron-down-c.svg);
    right: 0;
    width: 13px;
    height: 8px;
    top: 10px;
    margin: 0
}

@media only screen and (min-width:1200px) {
    .advancetab-main-section .advancetab-dropdown .advancetab-dropdown-btn:after {
        background: url(clientlib-site/resources/images/chevron-down-black.svg) no-repeat
    }
}

@media only screen and (max-width:1199px) {
    .advancetab-main-section .advancetab-dropdown .advancetab-dropdown-btn:after {
        top: 23px
    }
}

@media only screen and (min-width:1200px) {
    .advancetab-main-section .advancetab-dropdown .advancetab-dropdown-btn.selected {
        border: 0;
        border-bottom: 1px solid;
        -o-border-image: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
        border-image: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
        border-image-slice: 1;
        background: transparent;
        color: #000
    }
}

@media only screen and (min-width:1200px) {
    .advancetab-main-section .advancetab-dropdown .advancetab-dropdown-btn {
        font-size: 1rem
    }
}

@media only screen and (max-width:1199px) {
    .advancetab-main-section .advancetab-dropdown .advancetab-dropdown-btn {
        width: 100%;
        text-align: left;
        padding: 1rem 2.0625rem 1rem 0;
        height: auto;
        color: #000
    }
}

.advancetab-main-section .advancetab-dropdown.show .advancetab-dropdown-btn {
    border: 0;
    border-bottom: 2px solid;
    -o-border-image: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-image: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-image-slice: 1;
    background: transparent;
    min-width: 10.9375rem;
    text-align: left
}

.advancetab-main-section .advancetab-dropdown.show .advancetab-dropdown-btn:after {
    background: url(clientlib-site/resources/images/chevron-down-c.svg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.advancetab-main-section .advancetab-dropdown .advancetab-nav-link {
    font-family: Basis-regular;
    padding: 1rem;
    border-top: 1px solid #9e9fa3;
    color: #747678;
    font-size: 1.125rem;
    background: #fff
}

.advancetab-main-section .advancetab-dropdown .advancetab-nav-link:active,
.advancetab-main-section .advancetab-dropdown .advancetab-nav-link:hover {
    background: #f4f3f9;
    color: #000
}

.advancetab-main-section .advancetab-dropdown .advancetab-nav-link.active {
    color: #000
}

.advancetab-main-section .advancetab-dropdown .advancetab-nav-link.active:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1rem;
    height: .8125rem;
    background-image: url(clientlib-site/resources/images/dropdown-check.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    content: "";
    right: 1rem;
    position: absolute
}

.advancetab-main-section .advancetab-dropdown .advancetab-dropdown-menu {
    top: 22px !important;
    border-radius: 0 0 5px 5px;
    border: 1px solid #898a8d;
    padding: 0;
    border-top: 0;
    min-width: 10.9375rem;
    -webkit-transform: translate3d(0, 34px, 0) !important;
    transform: translate3d(0, 34px, 0) !important;
    z-index: 1;
    max-height: 18.8125rem;
    overflow-y: auto
}

.advancetab-main-section .advancetab-dropdown .advancetab-dropdown-menu::-webkit-scrollbar {
    width: 8px
}

.advancetab-main-section .advancetab-dropdown .advancetab-dropdown-menu::-webkit-scrollbar-track {
    background: #dfdee3;
    border-radius: 0 0 .25rem 0
}

.advancetab-main-section .advancetab-dropdown .advancetab-dropdown-menu::-webkit-scrollbar-thumb {
    background: #e41165;
    border-radius: 6.1875rem
}

@media only screen and (min-width:1200px) {
    .advancetab-main-section .advancetab-dropdown .advancetab-dropdown-menu {
        top: -2px !important
    }
}

@media only screen and (max-width:1199px) {
    .advancetab-main-section .advancetab-dropdown .advancetab-dropdown-menu {
        min-width: 18.75rem
    }
}

@media only screen and (max-width:599px) {
    .advancetab-main-section .advancetab-dropdown .advancetab-dropdown-menu {
        min-width: 100%
    }
}

.advancetab-main-section .advancetab-dropdown .advancetab-dropdown-menu .advancetab-nav-item:first-child .advancetab-nav-link {
    border-top: 0
}

.advancetab-main-section .advancetab-dropdown .advancetab-dropdown-menu .advancetab-nav-item:last-child .advancetab-nav-link {
    border-radius: 0 0 .3125rem .3125rem
}

@media only screen and (max-width:599px) {
    .advancetab-main-section.reached-to-top .advancetab-section-desc {
        margin-bottom: 3.5625rem !important
    }

    .advancetab-main-section.reached-to-top .advancetab-dropdown {
        position: fixed;
        width: calc(100% - 30px);
        z-index: 9;
        top: 4rem;
        left: .9375rem
    }

    .advancetab-main-section.reached-to-top.secondary-nav-available .advancetab-dropdown {
        top: 7rem
    }
}

@media only screen and (max-width:1199px) {
    .advancetab-main-section .advancetab-cta-link-div {
        margin-top: 2rem
    }
}

.advancetab-main-section .accordion-main-container {
    padding: 0 !important;
    margin-top: -1.125rem
}

.anonymousPoll-container {
    padding: 2.625rem 0 3.375rem
}

.anonymousPoll-container .poll-survey-title {
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    font-family: Basis-bold
}

.anonymousPoll-container .poll-survey-question {
    font-size: 2.5rem;
    line-height: 120%;
    font-family: Houschka-medium;
    margin-bottom: 2.5rem
}

.anonymousPoll-container .poll-survey-options .poll-survey-btn {
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .5px;
    padding: .25rem 1rem;
    border-radius: 6.25rem;
    margin: .5rem .75rem .5rem .25rem;
    text-decoration: none;
    font-family: Basis-regular;
    cursor: pointer
}

.anonymousPoll-container .poll-survey-options .poll-survey-btn.selected:after {
    margin-left: .625rem
}

.anonymousPoll-container .poll-response-content .responseCheck {
    background: url(clientlib-site/resources/images/anonymousPoll/thankYouCheck.svg) 50% no-repeat;
    width: 2.125rem;
    height: 1.5rem
}

.anonymousPoll-container .poll-response-content .poll-response-title {
    font-size: 3.5rem;
    line-height: 120%;
    font-family: Houschka-medium;
    margin: 1.6875rem 0 1rem
}

.anonymousPoll-container .poll-response-content .poll-response-text {
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px;
    font-family: Basis-regular
}

.poll-darkBackground {
    background-color: #1e2222
}

.poll-darkBackground .poll-survey-title {
    color: #c9c9ce
}

.poll-darkBackground .poll-survey-question {
    color: #fff;
    border-bottom: 1px solid #dfdee3
}

.poll-darkBackground .poll-survey-options .poll-survey-btn {
    border: 1px solid #898a8d;
    color: #fff
}

.poll-darkBackground .poll-survey-options .poll-survey-btn.selected,
.poll-darkBackground .poll-survey-options .poll-survey-btn:hover {
    background-color: #fff;
    color: #000
}

.poll-darkBackground .poll-survey-options .poll-survey-btn.selected:after {
    content: "";
    background: url(clientlib-site/resources/images/anonymousPoll/button-darkCheck.svg) 50% no-repeat;
    width: .75rem;
    height: .5rem
}

.poll-darkBackground .poll-response-title {
    color: #fff
}

.poll-darkBackground .poll-response-text {
    color: #c9c9ce
}

.poll-whiteBackground {
    background-color: #f4f3f9
}

.poll-whiteBackground .poll-survey-title {
    color: #5e6162
}

.poll-whiteBackground .poll-survey-question {
    color: #000;
    border-bottom: 1px solid #dfdee3
}

.poll-whiteBackground .poll-survey-options .poll-survey-btn {
    border: 1px solid #5e6162;
    color: #000
}

.poll-whiteBackground .poll-survey-options .poll-survey-btn.selected,
.poll-whiteBackground .poll-survey-options .poll-survey-btn:hover {
    background-color: #000;
    color: #fff
}

.poll-whiteBackground .poll-survey-options .poll-survey-btn.selected:after {
    content: "";
    background: url(clientlib-site/resources/images/anonymousPoll/button-lightCheck.svg) 50% no-repeat;
    width: .75rem;
    height: .5rem
}

.poll-whiteBackground .poll-response-title {
    color: #000
}

.poll-whiteBackground .poll-response-text {
    color: #747678
}

.author-detail {
    border-top: 1px solid #dfdee3;
    padding: 2rem 0 0
}

.author-detail .quote-inner-content-heading {
    color: #000;
    font-size: .875rem;
    font-family: Basis-bold;
    letter-spacing: .15em
}

.author-detail .quote-inner-content-para {
    color: #000;
    font-family: Basis-regular;
    font-size: 1rem;
    letter-spacing: .5px;
    margin: 0
}

.author-detail .article-quote-img-div {
    height: 72px;
    width: 72px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.author-detail .author-quote-cta {
    color: #000;
    font-family: Basis-medium;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    padding-right: 3.5rem
}

.author-detail .author-quote-cta:after {
    background: #000 url(clientlib-site/resources/images/statsCard/slider-right-arrow-icon.svg) no-repeat 50%;
    position: absolute;
    margin-left: 1rem;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    content: "";
    background-size: 1pc;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.author-detail .author-quote-cta:hover:after {
    -webkit-animation: hoverEffect .75s;
    animation: hoverEffect .75s
}

.section-bg-dark .author-detail .author-quote-cta,
.section-bg-dark .author-detail .quote-inner-content-heading,
.section-bg-dark .author-detail .quote-inner-content-para,
.section-bg-dark .swiper-pagination-current {
    color: #fff !important
}

.section-bg-dark .author-detail .author-quote-cta:after {
    background: #fff url(clientlib-site/resources/images/arrow-right-b.svg) no-repeat 50% !important;
    position: absolute;
    margin-left: 1rem;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    content: "";
    background-size: 1pc;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.section-bg-dark .author-detail .author-quote-cta:hover:after {
    -webkit-animation: hoverEffect .75s !important;
    animation: hoverEffect .75s !important
}

.section-bg-dark .quote-card-navigation .quote-card-slider-button-prev .arrow-icon {
    background: #fff url(clientlib-site/resources/images/left-icon.svg) no-repeat 50% !important
}

@media only screen and (max-width:1199px) {
    .section-bg-dark .quote-card-navigation .quote-card-slider-button-prev .arrow-icon {
        background: transparent url(clientlib-site/resources/images/arrow-left-w.svg) !important
    }
}

.section-bg-dark .quote-card-navigation .quote-card-slider-button-prev:focus {
    outline-offset: -3px !important;
    outline: .125rem solid #000 !important
}

@media only screen and (max-width:1199px) {
    .section-bg-dark .quote-card-navigation .quote-card-slider-button-prev:focus {
        outline: .125rem solid #fff !important
    }
}

.section-bg-dark .quote-card-navigation .quote-card-slider-button-next .arrow-icon {
    background: #fff url(clientlib-site/resources/images/arrow-right-b.svg) no-repeat 50% !important
}

@media only screen and (max-width:1199px) {
    .section-bg-dark .quote-card-navigation .quote-card-slider-button-next .arrow-icon {
        background: transparent url(clientlib-site/resources/images/arrow-left-w.svg) !important
    }
}

.section-bg-dark .quote-card-navigation .quote-card-slider-button-next:focus {
    outline-offset: -3px !important;
    outline: .125rem solid #000 !important
}

@media only screen and (max-width:1199px) {
    .section-bg-dark .quote-card-navigation .quote-card-slider-button-next:focus {
        outline: .125rem solid #fff !important
    }
}

.quote-box {
    padding: 2.5rem 0
}

.quote-box .quote-icon-main-div {
    background: url(clientlib-site/resources/images/quote.svg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 72px;
    width: 99px
}

.quote-box .quote-heading {
    font-size: 3.5rem;
    font-family: Houschka-medium;
    color: #e41165;
    margin: 2rem 0 1.5rem
}

@media only screen and (min-width:768px) {
    .quote-box .quote-heading {
        font-size: 2.5rem;
        line-height: 120%
    }
}

@media only screen and (max-width:767px) {
    .quote-box .quote-heading {
        font-size: 2rem;
        line-height: 130%
    }
}

@media only screen and (max-width:1200px) {
    .quote-box .quote-heading {
        line-height: 40px;
        margin: 2rem 0 1.5rem
    }

    .article-quote-img-div {
        height: 56px;
        width: 56px
    }

    .author-detail {
        padding: 1.5rem 0 0
    }

    .author-detail .quote-inner-content-heading {
        font-size: .75rem
    }

    .author-detail .quote-inner-content-para {
        font-size: .875rem
    }
}

@media only screen and (max-width:767px) {
    .quote-box .quote-icon-main-div {
        height: 3pc;
        width: 66px
    }

    .quote-box .quote-heading {
        margin: 1.5rem 0
    }
}

@media only screen and (max-width:1199px) {
    .quotes-card-slider .quote-heading {
        margin: 24px 0
    }
}

@media only screen and (max-width:767px) {
    .quotes-card-slider .quote-heading {
        margin: 2pc 0 24px
    }
}

.quotes-card-slider .swiper-slide-next {
    opacity: .3
}

.quotes-card-slider .author-detail {
    padding: 24px 0 0
}

.quotes-card-slider .author-detail .quote-inner-content-heading {
    margin-bottom: .5rem
}

@media only screen and (min-width:1200px) {
    .quote-card-section {
        padding: 4pc 0;
        margin-left: 75px;
        overflow: hidden
    }
}

@media only screen and (max-width:1199px) {
    .quote-card-section {
        position: relative;
        padding: 56px 0 2pc;
        margin-left: 44px
    }
}

@media only screen and (max-width:767px) {
    .quote-card-section {
        padding: 3pc 0;
        margin-left: 24px
    }
}

@media only screen and (min-width:1200px) {
    .quote-card-section .container {
        max-width: calc(100% - 13pc);
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:1199px) {
    .quote-card-section .container {
        max-width: 100% !important;
        padding-left: 0;
        padding-right: 0
    }
}

.quote-card-section .swiper-slide-prev .author-detail,
.quote-card-section .swiper-slide-prev .quote-heading {
    overflow: hidden !important
}

@media only screen and (min-width:1200px) {
    .quote-card-section .article-quote-section .container {
        max-width: 100% !important
    }
}

.quote-card-section .quote-box {
    padding: 0 !important
}

.quote-card-section .quote-card-title {
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    color: #000;
    font-family: Basis-regular
}

@media only screen and (max-width:1200px) {
    .quote-card-section .swiper-slide:last-child .quote-pagination {
        padding-right: 1.5rem
    }
}

@media only screen and (max-width:767px) {
    .quote-card-section .swiper-slide:last-child .quote-pagination {
        padding-right: 70px
    }
}

.quote-card-section .quote-pagination {
    top: 33%;
    left: 12.5%;
    color: #747678;
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    padding-left: 2pc
}

@media only screen and (max-width:1200px) {
    .quote-card-section .quote-pagination {
        padding-right: 1.5rem
    }
}

.quote-card-section .quote-pagination .swiper-pagination-current {
    text-transform: uppercase;
    color: #000
}

.quote-card-section .quote-pagination .swiper-pagination-total {
    text-transform: uppercase;
    color: #747678
}

.quote-card-section .swiper-slide-next .quote-icon-pagination-div,
.quote-card-section .swiper-slide-prev .quote-icon-pagination-div {
    opacity: 0
}

.quote-card-section .quote-card-navigation {
    top: 45%;
    right: 0;
    left: 0;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 -15px 0 -90px;
    background-size: 1pc
}

.quote-card-section .quote-card-navigation .quote-card-slider-button-next {
    border-radius: 40px;
    position: absolute;
    right: -1%
}

.quote-card-section .quote-card-navigation .quote-card-slider-button-next .arrow-icon {
    background: #000 url(clientlib-site/resources/images/statsCard/slider-right-arrow-icon.svg) no-repeat 50%;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block
}

.quote-card-section .quote-card-navigation .quote-card-slider-button-next:focus {
    outline-offset: -3px !important;
    outline: .125rem solid #f4f3f9
}

@media only screen and (max-width:1199px) {
    .quote-card-section .quote-card-navigation .quote-card-slider-button-next:focus {
        outline: .125rem solid #000
    }
}

.quote-card-section .quote-card-navigation .quote-card-slider-button-prev {
    border-radius: 40px;
    position: absolute;
    left: -1%
}

.quote-card-section .quote-card-navigation .quote-card-slider-button-prev .arrow-icon {
    background: #000 url(clientlib-site/resources/images/arrow-left-w.svg) no-repeat 50%;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block
}

.quote-card-section .quote-card-navigation .quote-card-slider-button-prev:focus {
    outline-offset: -3px !important;
    outline: .125rem solid #f4f3f9
}

@media only screen and (max-width:1199px) {
    .quote-card-section .quote-card-navigation .quote-card-slider-button-prev:focus {
        outline: .125rem solid #000
    }
}

@media only screen and (min-width:1920px) {
    .quote-card-section .quote-card-navigation .quote-card-slider-button-prev {
        left: 1.7%;
        position: absolute
    }
}

@media only screen and (max-width:1199px) {
    .quote-card-section .quote-pagination {
        position: absolute;
        top: 3pc;
        left: calc(100% + 10px);
        width: 200px
    }

    .quote-card-section .quote-card-navigation {
        top: 45px;
        bottom: unset;
        right: 0;
        z-index: 1;
        left: unset
    }

    .quote-card-section .quote-card-navigation .quote-card-slider-button-next {
        background-color: transparent;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        top: 0 !important;
        right: -8pc
    }

    .quote-card-section .quote-card-navigation .quote-card-slider-button-next .arrow-icon {
        background: transparent url(clientlib-site/resources/images/left-icon.svg);
        height: 1pc;
        width: 1pc;
        display: inline-block;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .quote-card-section .quote-card-navigation .quote-card-slider-button-prev {
        background-color: transparent;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        position: absolute;
        top: 0;
        right: -20px;
        left: unset
    }

    .quote-card-section .quote-card-navigation .quote-card-slider-button-prev .arrow-icon {
        background: transparent url(clientlib-site/resources/images/left-icon.svg);
        height: 1pc;
        width: 1pc;
        display: inline-block
    }
}

@media only screen and (max-width:767px) {
    .quote-card-section .quote-pagination {
        position: static;
        width: auto;
        padding-right: 70px
    }

    .quote-card-section .quote-card-navigation {
        top: 21px;
        bottom: unset;
        right: 0;
        z-index: 1;
        left: unset
    }

    .quote-card-section .quote-card-navigation .quote-card-slider-button-next {
        background-color: transparent;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        top: 0;
        right: 10px
    }

    .quote-card-section .quote-card-navigation .quote-card-slider-button-next .arrow-icon {
        background: transparent url(clientlib-site/resources/images/left-icon.svg);
        height: 1pc;
        width: 1pc;
        display: inline-block;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .quote-card-section .quote-card-navigation .quote-card-slider-button-prev {
        background-color: transparent;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        position: absolute;
        top: 0;
        right: 3pc;
        left: unset
    }

    .quote-card-section .quote-card-navigation .quote-card-slider-button-prev .arrow-icon {
        background: transparent url(clientlib-site/resources/images/left-icon.svg);
        height: 1pc;
        width: 1pc;
        display: inline-block
    }
}

.quote-card-section .swiper-button-disabled {
    display: none !important
}

.article-tag-heading {
    font-family: Basis-bold;
    color: #000;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    margin-bottom: 1.125rem
}

.article-left-border:before {
    content: " ";
    position: absolute;
    left: 0;
    height: 100%;
    border-left: 1px solid #dfdee3;
    margin: auto;
    vertical-align: middle;
    top: 0;
    bottom: 0
}

.remove-article-left-border {
    border: none
}

.article-tag-nav {
    padding-left: 0;
    display: inline-block
}

.article-tag-nav .article-list-link {
    list-style: none;
    margin-bottom: .5rem
}

.article-tag-nav .article-list-link .article-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    border-radius: 1.5rem;
    border: 1px solid #5e6162;
    padding: .2rem .5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.article-tag-nav .article-list-link .article-list-item .article-list-item-span-text {
    font-family: Basis-regular;
    font-size: .75rem;
    color: #000;
    letter-spacing: .5px;
    line-height: 1rem;
    padding-right: .5rem;
    padding-left: .5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: left
}

.article-tag-nav .article-list-link .article-list-item .article-list-item-span-icon {
    background-image: url(clientlib-site/resources/images/articleTags/right-arrow-black.svg);
    height: .8125rem;
    width: .8125rem
}

.article-tag-nav .article-list-link .article-list-item:hover {
    cursor: pointer
}

.article-tag-nav .article-list-link .article-list-item:focus {
    border: 2px solid #494c4d
}

@media only screen and (max-width:1199px) {
    .article-tag-nav {
        overflow: auto;
        width: auto;
        display: -webkit-inline-box;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .article-tag-nav .article-list-link {
        margin-right: 1rem
    }

    .article-left-border:before {
        border: none
    }
}

@media only screen and (max-width:1199px) {
    .author-banner-container.published_height_mobile_tab {
        height: 48rem
    }
}

@media only screen and (max-width:599px) {
    .author-banner-container.published_height_mobile_tab {
        height: 100vh
    }
}

.author-banner-container .author-banner-background-container {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #1e2222
}

.author-banner-container .author-banner-background-container .author-banner-inner-container {
    z-index: 2
}

.author-banner-container .author-banner-background-container .author-banner-inner-container .author-name-details-div .author-img-icon-div .author-img-icon {
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.author-banner-container .author-banner-background-container .author-banner-inner-container .author-name-details-div.author-name-details-div-height {
    height: 100%
}

@media only screen and (max-width:1199px) {
    .author-banner-container .author-banner-background-container .author-banner-inner-container .author-name-details-div.author-name-details-div-height {
        height: auto
    }
}

.author-banner-container .author-banner-background-container .author-banner-inner-container .author-name-details-div .author-name-designation-div .author-name-div .author-name {
    font-family: Houschka-medium;
    font-size: 3.5rem;
    line-height: 3.5rem;
    color: #fff
}

@media only screen and (max-width:1199px) {
    .author-banner-container .author-banner-background-container .author-banner-inner-container .author-name-details-div .author-name-designation-div .author-name-div .author-name {
        font-size: 2.5rem;
        line-height: 2.5rem
    }
}

.author-banner-container .author-banner-background-container .author-banner-inner-container .author-name-details-div .author-name-designation-div .author-designation-div .author-designation {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #dfdee3
}

.author-banner-container .author-banner-background-container .author-banner-inner-container .author-tagline-outer-div {
    padding-top: 60px
}

@media only screen and (max-width:1199px) {
    .author-banner-container .author-banner-background-container .author-banner-inner-container .author-tagline-outer-div {
        padding-top: 40px
    }
}

.author-banner-container .author-banner-background-container .author-banner-inner-container .author-tagline-outer-div .author-tagline-inner-div .quote-icon-div .author-quote-icon {
    background-image: url(clientlib-site/resources/images/author-quote.svg);
    width: 3.5rem;
    height: 2.5rem
}

.author-banner-container .author-banner-background-container .author-banner-inner-container .author-tagline-outer-div .author-tagline-inner-div .author-quote-div .author-quote {
    font-family: Basis-regular;
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: .03125rem;
    color: #fff
}

@media only screen and (max-width:1199px) {
    .author-banner-container .author-banner-background-container .author-banner-inner-container .author-tagline-outer-div .author-tagline-inner-div .author-quote-div .author-quote {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.author-banner-container .author-banner-background-container .author-banner-inner-container .blog-page-author.text-md-right h1 {
    text-align: right
}

@media only screen and (max-width:599px) {
    .author-banner-container .author-banner-background-container .author-banner-inner-container .blog-page-author.text-md-right h1 {
        text-align: left
    }
}

.author-banner-container .author-banner-background-container .author-banner-inner-container .blog-page-author {
    color: #fff
}

.author-banner-container .author-banner-background-container .author-banner-inner-container .blog-page-author h1 {
    font-family: Houschka-medium;
    font-size: 4.5rem;
    line-height: 4.5rem;
    color: #fff;
    margin-bottom: 2rem;
    width: 75%;
    font-weight: 400
}

.author-banner-container .author-banner-background-container .author-banner-inner-container .blog-page-author p {
    font-family: Basis-regular;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: .03125rem;
    color: #f4f3f9
}

@media only screen and (max-width:1199px) {
    .author-banner-container .author-banner-background-container .author-banner-inner-container .blog-page-author h1 {
        font-size: 3.5rem;
        line-height: 3.5rem
    }
}

@media only screen and (max-width:599px) {
    .author-banner-container .author-banner-background-container .author-banner-inner-container .blog-page-author {
        padding-top: 24px
    }

    .author-banner-container .author-banner-background-container .author-banner-inner-container .blog-page-author h1 {
        font-size: 2.5rem;
        line-height: 2.5rem;
        width: 100%
    }

    .author-banner-container .author-banner-background-container .author-banner-inner-container .blog-page-author p {
        font-size: 1.125rem;
        line-height: 2rem
    }
}

.author-banner-container .author-banner-background-container .author-banner-inner-container .blog-page-readtime-div .blog-page-readtime {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #fff
}

.author-banner-container .author-banner-background-container .author-banner-inner-container .blogs-author-icon {
    width: 4.5rem;
    height: 4.5rem;
    -ms-flex-preferred-size: 72px;
    flex-basis: 72px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (max-width:1199px) {
    .author-banner-container .author-banner-background-container .author-banner-inner-container .blogs-author-icon {
        -ms-flex-preferred-size: 40px;
        flex-basis: 40px;
        height: 2.5rem;
        width: 2.5rem
    }
}

.author-banner-container .author-banner-background-container .author-banner-inner-container .blogs-author-name-div .blogs-author-name {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600
}

.author-banner-container .author-banner-background-container .author-banner-inner-container .blogs-author-name-div .blogs-author-designation {
    font-family: Basis-regular;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .5px;
    color: #fff
}

@media only screen and (max-width:1199px) {
    .author-banner-container .author-banner-background-container .author-banner-inner-container .blogs-author-name-div .blogs-author-designation {
        font-size: .75rem;
        line-height: 1rem
    }
}

.author-banner-container .author-banner-padding {
    padding-top: 5pc;
    padding-bottom: 5pc;
    height: calc(100vh - 70px)
}

@media only screen and (max-width:1199px) {
    .author-banner-container .author-banner-padding {
        padding-top: 3pc
    }
}

.author-banner-container .author-banner-bottom-padding {
    padding-bottom: 6pc
}

.author-banner-container .author-img-container {
    right: 0;
    bottom: 0
}

.author-banner-container .author-img-container .author-img-div {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

@media only screen and (min-width:1200px) {
    .author-banner-container .author-img-container {
        height: 80%;
        width: 40%
    }
}

@media only screen and (max-width:1199px) {
    .author-banner-container .author-img-container {
        height: 55%;
        width: 100%
    }
}

.author-banner-container .author-banner-background-container {
    overflow: hidden
}

.author-banner-container .author-banner-background-container .s7dm-dynamic-media .s7responsiveContainer img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.author-banner-container .author-banner-background-container .s7dm-dynamic-media .s7responsiveContainer img.zoom-out {
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.author-banner-container .bottom-left-title.position-padding-b,
.author-banner-container .bottom-right-title.position-padding-b {
    padding-bottom: 60px
}

.author-banner-container .bottom-right-title .text-justify-content,
.author-banner-container .center-right-title .text-justify-content,
.author-banner-container .top-right-title .text-justify-content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

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

    .author-banner-container .bottom-right-title .text-justify-content,
    .author-banner-container .center-right-title .text-justify-content,
    .author-banner-container .top-right-title .text-justify-content {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.author-banner-container .bottom-right-title .blog-page-author,
.author-banner-container .center-right-title .blog-page-author,
.author-banner-container .top-right-title .blog-page-author {
    text-align: right
}

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

    .author-banner-container .bottom-right-title .blog-page-author,
    .author-banner-container .center-right-title .blog-page-author,
    .author-banner-container .top-right-title .blog-page-author {
        text-align: left
    }
}

.author-banner-container .bottom-right-title .blog-page-author h1,
.author-banner-container .center-right-title .blog-page-author h1,
.author-banner-container .top-right-title .blog-page-author h1 {
    margin-left: 30%
}

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

    .author-banner-container .bottom-right-title .blog-page-author h1,
    .author-banner-container .center-right-title .blog-page-author h1,
    .author-banner-container .top-right-title .blog-page-author h1 {
        margin-left: 0
    }
}

.author-bio-section {
    padding-top: 3pc !important;
    padding-bottom: 3pc !important
}

.author-box {
    border-top: 1px solid #c9c9ce;
    border-bottom: 1px solid #c9c9ce;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.author-box .author-title-section {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1pc;
    margin-bottom: 24px
}

@media screen and (max-width:1199px) {
    .author-box .author-title-section {
        margin-bottom: 2pc !important
    }
}

.author-box .author-title-section a:hover {
    text-decoration: none
}

.author-box .authorBio-section-heading {
    font-size: .875rem;
    line-height: 1.5rem;
    color: #000;
    letter-spacing: .15em;
    font-family: Basis-bold
}

.author-box .author-image {
    width: 6rem;
    height: 6rem;
    border-radius: 6rem;
    background-size: cover;
    background-repeat: no-repeat
}

.author-box .author-name {
    font-weight: 500;
    color: #e41165;
    -webkit-font-feature-settings: "clig" off, "liga" off;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Houschka Rounded Alt;
    font-size: 2.5rem;
    font-style: normal;
    line-height: 120%;
    margin-bottom: 0 !important
}

@media screen and (min-width:1200px) {
    .author-box .author-name {
        padding-left: 1pc !important
    }
}

@media screen and (max-width:1199px) {
    .author-box .author-name {
        font-size: 2rem;
        line-height: 125%
    }
}

.author-box .author-details {
    position: relative
}

.author-box .author-details:after {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    width: .25rem;
    background-color: #e41165;
    top: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.author-box .author-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    min-width: 300px
}

@media screen and (min-width:600px) {
    .author-box .author-details {
        padding-left: 1pc
    }
}

.author-box .author-details .author-desc {
    font-size: 1.125rem;
    letter-spacing: .03125rem;
    color: #5e6162;
    margin-bottom: 2.5rem;
    -webkit-font-feature-settings: "clig" off, "liga" off;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Basis-regular;
    font-style: normal;
    font-weight: 400
}

@media screen and (max-width:599px) {
    .author-box .author-details .author-desc {
        padding-left: 1pc !important
    }
}

.author-box .author-details .author-desc .readmore-button {
    text-decoration: underline;
    padding-left: 10px;
    color: #000;
    font-weight: 500 !important;
    position: relative;
    padding-right: 1pc;
    cursor: pointer
}

.author-box .author-details .author-desc .readmore-button:after {
    content: "";
    background: url(clientlib-site/resources/images/authorBioContainer/down-arrow.svg);
    width: .75rem;
    height: .5rem;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: .5625rem;
    margin-left: .25rem
}

.author-box .author-details .author-email {
    font-size: .875rem
}

@media screen and (min-width:600px) {
    .author-box .author-details .author-email {
        padding-left: 8px
    }
}

@media screen and (max-width:599px) {
    .author-box .author-details .author-email {
        padding-left: 1pc !important
    }
}

.author-box .author-details .author-email .email-icon-color {
    width: 1.375rem;
    height: 1.375rem;
    background: url(clientlib-site/resources/images/sentEmail.svg) no-repeat 50%;
    background-size: cover;
    display: inline-block;
    vertical-align: top
}

.author-box .author-details .author-email .author-email-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .131em;
    -webkit-font-feature-settings: "clig" off, "liga" off;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Basis-regular;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    background: linear-gradient(103deg, #dc0916, #f41fd6);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.author-box .author-details .read-more {
    font-size: 1.125rem;
    margin-left: 1.625rem;
    line-height: 2rem;
    letter-spacing: .5px;
    color: #5e6162
}

.author-box .author-details .read-more .readmore-down-icon {
    background: url(clientlib-site/resources/images/authorBioContainer/down-arrow.svg);
    width: .75rem;
    height: .5rem;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: .8125rem;
    margin-left: 1rem
}

.author-box .author-details .desktop-vw-none {
    display: none
}

@media screen and (max-width:599px) {
    .author-box .author-details .desktop-vw-none {
        display: block;
        margin-left: 1pc
    }
}

.author-box .author-details .more-text {
    display: none
}

.author-box .author-bio-row {
    margin-bottom: 4rem
}

@media screen and (max-width:1199px) {
    .author-box .author-bio-row {
        margin-bottom: 3.5rem
    }
}

@media screen and (max-width:599px) {
    .author-box .author-bio-row {
        margin-bottom: 3rem
    }
}

.author-box .author-bio-row:last-child {
    margin-bottom: 0
}

.section-bg-dark .author-desc {
    color: #f4f3f9 !important
}

.section-bg-dark .author-desc .readmore-button {
    color: #fff !important
}

.section-bg-dark .authorBio-section-heading {
    color: #f4f3f9 !important
}

@media screen and (max-width:599px) {
    .section-bg-dark .read-more {
        color: #f4f3f9 !important
    }
}

.author-listing-main-section {
    padding: 5pc 0
}

.author-listing-main-section .author-listing-heading {
    font-size: 2rem;
    line-height: 2.5rem;
    color: #000;
    font-weight: 500;
    font-family: Houschka-Light;
    margin-bottom: 2rem
}

.author-listing-main-section .author-listing-thumb-image {
    height: 17.5rem;
    width: 100%
}

.author-listing-main-section .author-listing-title {
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: .03125rem;
    color: #000;
    font-family: Basis-regular
}

.author-listing-main-section .author-listing-date {
    color: #747678;
    margin-top: .5rem
}

.author-listing-main-section .author-listing-date .author-listing-date-text {
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem
}

@media only screen and (max-width:599px) {
    .author-listing-main-section.author-listing-full-width .author-listing-cards {
        width: 100% !important;
        margin-right: 0 !important
    }
}

.text-banner-main-section {
    height: 22.5rem
}

@media only screen and (max-width:599px) {
    .text-banner-main-section {
        height: 33rem
    }

    .text-banner-main-section .text-linear-bg-right:after {
        background: -webkit-gradient(linear, left top, right top, from(#000), to(transparent));
        background: linear-gradient(90deg, #000, transparent)
    }
}

.text-banner-main-section .bg-img-text-banner {
    background-position: 50%
}

.text-banner-main-section .bg-img-text-banner .banner-text-image {
    height: 100%
}

.text-banner-main-section .bg-img-text-banner .gradient-text-banner {
    top: 0
}

.text-banner-main-section .bg-img-text-banner .gradient-text-banner .section-padding {
    padding: 6pc 0 24px
}

@media only screen and (max-width:599px) {
    .text-banner-main-section .bg-img-text-banner .gradient-text-banner .section-padding {
        padding: 212px 0 154px 8px
    }
}

.text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-banner-content-div h1 {
    font-weight: 500;
    font-family: Houschka-medium;
    font-size: 4.5rem;
    line-height: 4.5rem;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    width: 60%
}

@media only screen and (max-width:599px) {
    .text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-banner-content-div h1 {
        font-size: 2.5rem;
        line-height: 2.5rem;
        width: 100%
    }
}

.text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-banner-content-div p {
    font-family: Basis-regular;
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: .03125rem;
    color: #f4f3f9;
    margin-bottom: 0;
    width: 50%
}

@media only screen and (max-width:599px) {
    .text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-banner-content-div p {
        font-size: .875rem;
        line-height: 1.5rem;
        width: 100%
    }
}

.text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-banner-content-div .line-break {
    display: inline-block;
    width: 100%
}

.text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-md-center .banner-text-descriptiont,
.text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-md-center .banner-title,
.text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-md-center h1,
.text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-md-center p {
    margin: auto
}

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

    .text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-md-center .banner-text-descriptiont,
    .text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-md-center .banner-title,
    .text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-md-center h1,
    .text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-md-center p {
        margin-left: 0
    }
}

.text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-md-right .banner-title,
.text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-md-right h1 {
    margin-left: 40%
}

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

    .text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-md-right .banner-title,
    .text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-md-right h1 {
        margin-left: 0
    }
}

.text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-md-right .banner-text-description,
.text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-md-right p {
    margin-left: 50%
}

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

    .text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-md-right .banner-text-description,
    .text-banner-main-section .bg-img-text-banner .gradient-text-banner .text-md-right p {
        margin-left: 0
    }
}

.text-banner-main-section .bg-img-text-banner .gradient-text-banner .banner-title {
    font-weight: 500;
    font-family: Houschka-medium;
    font-size: 4.5rem;
    line-height: 4.5rem;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    margin-bottom: 1rem;
    width: 60%
}

@media only screen and (max-width:599px) {
    .text-banner-main-section .bg-img-text-banner .gradient-text-banner .banner-title {
        font-size: 2.5rem;
        line-height: 2.5rem;
        width: 100%
    }
}

.text-banner-main-section .bg-img-text-banner .gradient-text-banner .banner-text-description {
    font-family: Basis-regular;
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: .03125rem;
    color: #f4f3f9;
    margin-bottom: 0;
    width: 50%
}

@media only screen and (max-width:599px) {
    .text-banner-main-section .bg-img-text-banner .gradient-text-banner .banner-text-description {
        font-size: 1rem;
        line-height: 1.4rem;
        width: 100%
    }
}

.text-banner-main-section .hero-video-container {
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%
}

.text-banner-main-section .hero-video-container.show-poster .hero-poster-image {
    display: block
}

.text-banner-main-section .hero-video-container .hero-poster-image {
    background-position: 50%;
    background-size: cover;
    left: 0;
    background-repeat: no-repeat;
    top: 0;
    display: none
}

.text-banner-main-section .hero-video-container .cq-dd-image,
.text-banner-main-section .hero-video-container .s7container,
.text-banner-main-section .hero-video-container .s7videoplayer {
    width: 100%;
    height: 100%
}

.text-banner-main-section .hero-video-container .s7controlbar {
    height: 56px !important
}

.text-banner-main-section .hero-video-container .s7controlbar,
.text-banner-main-section .hero-video-container .s7innercontrolbarcontainer {
    background-color: transparent !important;
    background-image: none;
    opacity: 1 !important
}

.text-banner-main-section .hero-video-container .s7controlbar:hover,
.text-banner-main-section .hero-video-container .s7innercontrolbarcontainer:hover {
    background-color: transparent !important
}

.text-banner-main-section .hero-video-container .s7videoplayer {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.text-banner-main-section .hero-video-container .s7videoviewer {
    width: 100%;
    height: 100%
}

.text-banner-main-section .hero-video-container .s7fullscreenbutton,
.text-banner-main-section .hero-video-container .s7iconeffect,
.text-banner-main-section .hero-video-container .s7mutablevolume,
.text-banner-main-section .hero-video-container .s7socialbutton,
.text-banner-main-section .hero-video-container .s7videoscrubber,
.text-banner-main-section .hero-video-container .s7videotime {
    display: none !important
}

.text-banner-main-section .hero-video-container video {
    height: 100% !important;
    width: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    position: unset !important
}

.text-banner-main-section .hero-video-container .s7playpausebutton {
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position-x: 15% !important;
    background-position-y: center !important;
    background-size: inherit !important;
    bottom: 0 !important;
    left: 0 !important;
    top: 0 !important;
    width: 75pt !important;
    height: 56px !important;
    display: none;
    z-index: 2
}

.text-banner-main-section .hero-video-container .s7playpausebutton[selected=false] {
    background-image: url(clientlib-site/resources/images/video/pause-white-btn.svg) !important
}

.text-banner-main-section .hero-video-container .s7playpausebutton[selected=false]:after {
    color: #fff;
    margin-left: 25px;
    content: "PAUSE";
    letter-spacing: .15rem;
    font-weight: 700;
    font-size: 9pt;
    line-height: 1pc;
    font-family: Basis-regular
}

.text-banner-main-section .hero-video-container .s7playpausebutton[selected=true] {
    background-image: url(clientlib-site/resources/images/video/play-white-btn.svg) !important
}

.text-banner-main-section .hero-video-container .s7playpausebutton[selected=true]:after {
    margin-left: 15px;
    color: #fff;
    content: "PLAY";
    letter-spacing: .15rem;
    font-weight: 700;
    font-size: 9pt;
    line-height: 1pc;
    font-family: Basis-regular
}

.banner-accesibility-gradient-reverse {
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, .75)));
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, .75))
}

.banner-accesibility-gradient {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .75)), to(transparent));
    background: linear-gradient(90deg, rgba(0, 0, 0, .75), transparent)
}

.content-align-center .banner-content-box {
    height: 290px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:599px) {
    .content-align-center .banner-content-box {
        height: calc(33rem - 70px)
    }
}

.content-align-center .banner-text-breadcrumb .breadcrumb-border-b {
    padding-top: 1.5625rem !important
}

.remove-slash-icon:after {
    content: ""
}

.slash-icon:after {
    content: " / ";
    color: #fff;
    margin: 0 .5rem
}

.breadcrumb-border-b {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}

@media only screen and (max-width:599px) {
    .breadcrumb-border-b {
        border-bottom: 0
    }
}

@media only screen and (max-width:599px) {
    .breadcrumb-mobile-border-b {
        border-bottom: 1px solid hsla(0, 0%, 100%, .3)
    }
}

.cipherBreadcrumb {
    z-index: 2;
    position: relative
}

.cipherBreadcrumb .breadcrumb-ul {
    margin-bottom: .75rem
}

@media only screen and (max-width:599px) {
    .cipherBreadcrumb .breadcrumb-ul {
        display: -webkit-box !important
    }
}

.cipherBreadcrumb .breadcrumb-ul .breadcrumb-ul-li {
    line-height: 1.5rem;
    list-style: none
}

.cipherBreadcrumb .breadcrumb-ul .breadcrumb-ul-li .breadcrumb-ul-li-a {
    font-family: Basis-bold;
    font-size: .875rem;
    color: #fff;
    letter-spacing: .15rem;
    white-space: nowrap
}

.cipherBreadcrumb .breadcrumb-ul .breadcrumb-ul-li .breadcrumb-ul-li-a:hover {
    color: #fff;
    font-weight: 700
}

.cipherBreadcrumb .breadcrumb-ul .breadcrumb-ul-li .breadcrumb-ul-li-p {
    font-family: Basis-bold;
    font-size: .875rem;
    color: #fff;
    letter-spacing: .15rem;
    white-space: nowrap;
    margin-bottom: 0
}

@media only screen and (max-width:1199px) {
    .cipherBreadcrumb .mobile-view-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow-x: auto
    }
}

.career-search-panel .section-heading {
    color: #747678;
    margin-bottom: 1rem
}

.career-search-panel .career-search-subtitle {
    font-size: 3.5rem;
    line-height: 56px;
    color: #000;
    font-family: Houschka-medium;
    font-weight: 500
}

.career-search-panel .career-slider {
    margin-bottom: 78pt
}

.career-search-panel .career-slider .career-slider-slide .career-slider-card {
    height: 15pc;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.career-search-panel .career-quick-links {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #000;
    margin: 0 1rem 0 0;
    border-bottom: 1px solid #747678;
    font-weight: 400
}

.career-search-panel .career-quick-links:hover {
    border-bottom: 1px solid #494c4d
}

.career-search-panel .career-role-department:after {
    width: 24px;
    height: 24px;
    background: url(clientlib-site/resources/images/search-icon.svg) no-repeat 50%;
    position: absolute;
    top: .5rem;
    left: 5px;
    content: ""
}

.career-search-panel .career-location:after {
    width: 24px;
    height: 24px;
    background: url(clientlib-site/resources/images/chevron-down-c.svg) no-repeat 50%;
    position: absolute;
    top: .75rem;
    right: 0;
    content: ""
}

.career-search-panel .career-search-elements>.input-element,
.career-search-panel .career-search-elements>input,
.career-search-panel .career-search-elements>select {
    border: none;
    border-bottom: 1px solid #898a8d;
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2pc;
    padding: .375rem .75rem .375rem 2rem;
    letter-spacing: .5px;
    color: #747678;
    -webkit-box-shadow: none;
    box-shadow: none
}

.career-search-panel .career-search-elements>select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent
}

.career-search-panel .city-dropdown {
    top: 44px;
    width: 280px;
    height: 405px;
    border: 1px solid #898a8d;
    border-top: 2px solid #cd0f5b;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none;
    overflow-y: scroll;
    background-color: #fff
}

@media only screen and (max-width:599px) {
    .career-search-panel .city-dropdown {
        height: 280px
    }
}

.career-search-panel .city-dropdown .dropdown-list {
    border-bottom: 1px solid #9e9fa3;
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #747678;
    padding: 1pc 15px;
    font-family: Basis-regular;
    cursor: pointer
}

.career-search-panel .city-dropdown .dropdown-list:hover {
    background-color: #f4f3f9;
    color: #000
}

.career-search-panel .city-dropdown .dropdown-list.selected {
    color: #000;
    font-family: Basis-medium
}

.career-search-panel .city-dropdown .dropdown-list.selected:after {
    content: "";
    position: absolute;
    right: 1rem;
    width: 24px;
    height: 24px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(clientlib-site/resources/images/dropdown-check.svg);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.career-search-panel .city-dropdown .dropdown-area {
    font-size: .875rem;
    line-height: 1pc;
    letter-spacing: 2px;
    color: #000;
    font-family: Basis-medium;
    padding: 24px 15px 15px
}

.career-search-panel .error-text {
    font-family: Basis-regular;
    font-size: .75rem;
    color: #e02222;
    margin-bottom: 0;
    height: 1rem
}

@media only screen and (max-width:1199px) {
    .career-search-panel .career-slider {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        padding: 0
    }

    .career-search-panel .career-slider .career-slider-slide .career-slider-card {
        height: 200px
    }

    .career-search-panel .career-search-elements {
        margin-bottom: 1rem
    }

    .career-search-panel .cipher-primary-btn {
        width: 100%
    }
}

@media only screen and (max-width:599px) {
    .career-search-panel .career-slider {
        margin-bottom: 2pc
    }

    .career-search-panel .career-quick-links-list {
        margin-bottom: 1rem
    }

    .career-search-panel .career-search-subtitle {
        font-size: 3rem;
        line-height: 3pc
    }

    .career-search-panel .career-slider .career-slider-slide .career-slider-card {
        height: 10pc
    }
}

.careersForm-outercontainer .careersForm-padding-top {
    padding-top: 6.25rem !important
}

@media only screen and (max-width:1199px) {
    .careersForm-outercontainer .careersForm-padding-top {
        padding-top: 5rem !important
    }
}

.careersForm-outercontainer .careersForm-image {
    right: 0;
    height: 100vh
}

.careersForm-outercontainer .careersForm-image .careersForm-img-inner {
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}

.careersForm-outercontainer .careersForm-query-wrapper {
    padding: 0;
    margin: 0
}

.careersForm-outercontainer .careersForm-right-image {
    height: 100%;
    background: url(clientlib-site/resources/images/formOverlay/form-right-img.png);
    background-repeat: no-repeat;
    background-position: 100%;
    background-attachment: fixed
}

.careersForm-outercontainer .careersForm-outer-wrapper {
    background-color: #000;
    padding: 0;
    margin: 0;
    overflow-y: overlay
}

.careersForm-outercontainer .careersForm-query-innercontainer {
    position: relative;
    padding: 0;
    margin: 0;
    height: 100%
}

.careersForm-outercontainer .careersForm-query-innercontainer>.row {
    padding: 0 1rem 0 2rem
}

@media only screen and (max-width:1199px) {
    .careersForm-outercontainer .careersForm-query-innercontainer>.row {
        padding: 0
    }
}

.careersForm-outercontainer .careersForm-joinUs {
    color: #fff
}

.careersForm-outercontainer .careersForm-joinUs .careersForm-joinUs-anchor {
    color: #fff;
    font-family: Basis-medium;
    font-size: 1.125rem;
    letter-spacing: .03125rem
}

.careersForm-outercontainer .careersForm-joinUs .careersForm-joinUs-anchor:hover {
    text-decoration: none
}

.careersForm-outercontainer .careersForm-joinUs .careersForm-bg-white {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    background-color: #fff
}

.careersForm-outercontainer .careersForm-joinUs .careersForm-bg-white:hover .careersForm-right-arrow {
    -webkit-animation: backToFirst 1s;
    animation: backToFirst 1s
}

.careersForm-outercontainer .careersForm-joinUs .careersForm-right-arrow {
    background: url(clientlib-site/resources/images/formOverlay/VectorrightArrow.svg) no-repeat;
    top: .99rem;
    left: 6.1rem;
    width: 1rem;
    height: .9725rem
}

.careersForm-outercontainer .careersForm-somethingElse-title {
    font-family: Basis-regular;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #b4b4b8
}

.careersForm-outercontainer .careersForm-forminner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.careersForm-outercontainer .text-gray {
    color: #9e9fa3;
    font-size: .875rem;
    letter-spacing: .125rem;
    font-family: Basis-regular
}

.careersForm-outercontainer .careersForm-query-heading {
    font-size: 1rem;
    color: #fff;
    font-family: Basis-bold;
    word-break: normal;
    line-height: 1.5rem;
    letter-spacing: .15em;
    text-transform: uppercase
}

.careersForm-outercontainer .careersForm-query-secondaryheading {
    font-size: 3.5rem;
    line-height: 4.5rem;
    color: #fff;
    font-family: Houschka-medium;
    word-break: normal;
    letter-spacing: .03125rem
}

.careersForm-outercontainer .careersForm-query-para {
    color: #b4b4b8;
    font-size: 1.5rem;
    font-family: Basis-regular;
    word-break: normal;
    letter-spacing: .03125rem;
    line-height: 2rem
}

.careersForm-outercontainer .careersForm-query-form-div {
    position: absolute;
    width: 100%;
    -ms-flex-item-align: top;
    align-self: top;
    z-index: 1;
    height: 6rem
}

@media screen and (max-width:992px) {
    .careersForm-outercontainer .careersForm-query-form-div {
        background-color: #000;
        height: 5rem
    }
}

@media screen and (min-width:1200px) {
    .careersForm-outercontainer .careersForm-query-form-div {
        padding: 0 2.5rem
    }
}

@media screen and (max-width:1024px) {
    .careersForm-outercontainer .careersForm-query-form-div {
        padding: 0 1.5rem
    }
}

.careersForm-outercontainer .careersForm-close-icon {
    background: url(clientlib-site/resources/images/formOverlay/close-button.svg) no-repeat;
    width: 3.125rem;
    height: 3.125rem;
    cursor: pointer
}

.careersForm-outercontainer .form-left-icon {
    background: url(clientlib-site/resources/images/formOverlay/left-arrow.svg) 50% no-repeat;
    width: .48625rem;
    height: .79563rem;
    cursor: pointer
}

.careersForm-outercontainer .form-left-icon-anchor {
    text-decoration: none
}

.careersForm-outercontainer .form-left-icon-text {
    color: #b4b4b8;
    top: -.4375rem;
    left: .625rem;
    font-size: 1rem;
    position: relative;
    font-family: Basis-bold;
    letter-spacing: .15rem;
    text-transform: uppercase;
    min-width: 75pt
}

.careersForm-outercontainer .careersForm-formfield {
    min-height: 6.25rem;
    max-height: 13rem
}

.careersForm-outercontainer .careersForm-formfield .error-text {
    margin-top: .5rem;
    margin-bottom: 1rem;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careersForm-outercontainer .careersForm-formfield .form-element-label {
    visibility: hidden;
    text-transform: uppercase;
    font-size: .875rem;
    margin-bottom: 0
}

.careersForm-outercontainer .careersForm-formfield .form-element-label.display-label {
    visibility: visible
}

.careersForm-outercontainer .careersForm-formfield .form-element-input {
    padding-bottom: 1rem;
    background-color: unset;
    outline: none;
    border: none;
    width: 100%;
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careersForm-outercontainer .careersForm-formfield .form-element-input:focus::-webkit-input-placeholder {
    visibility: hidden
}

.careersForm-outercontainer .careersForm-formfield .form-element-input:focus::-moz-placeholder {
    visibility: hidden
}

.careersForm-outercontainer .careersForm-formfield .form-element-input:focus:-ms-input-placeholder {
    visibility: hidden
}

.careersForm-outercontainer .careersForm-formfield .form-element-input:focus::-ms-input-placeholder {
    visibility: hidden
}

.careersForm-outercontainer .careersForm-formfield .form-element-input:focus::placeholder {
    visibility: hidden
}

.careersForm-outercontainer .careersForm-formfield .form-element-input::-webkit-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careersForm-outercontainer .careersForm-formfield .form-element-input::-moz-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careersForm-outercontainer .careersForm-formfield .form-element-input:-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careersForm-outercontainer .careersForm-formfield .form-element-input::-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careersForm-outercontainer .careersForm-formfield .form-element-input::placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careersForm-outercontainer .careersForm-formfield .form-element-input::-webkit-input-placeholder:first-letter {
    text-transform: capitalize
}

.careersForm-outercontainer .careersForm-formfield .form-element-input::-moz-placeholder:first-letter {
    text-transform: capitalize
}

.careersForm-outercontainer .careersForm-formfield .form-element-input:-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.careersForm-outercontainer .careersForm-formfield .form-element-input::-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.careersForm-outercontainer .careersForm-formfield .form-element-input::placeholder:first-letter {
    text-transform: capitalize
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: unset;
    width: 100%;
    resize: none;
    border: none;
    outline: none;
    color: #fff;
    overflow-y: hidden;
    padding-bottom: 1rem;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea::-webkit-scrollbar {
    width: .3125rem
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea::-webkit-scrollbar-track-piece {
    border-radius: 6.25rem
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea:hover::-webkit-scrollbar-thumb {
    height: 1.875rem;
    background-color: #9e9fa3;
    border-radius: 6.25rem
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea.text-overflow {
    overflow-y: scroll
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea:focus::-webkit-input-placeholder {
    visibility: hidden
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea:focus::-moz-placeholder {
    visibility: hidden
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea:focus:-ms-input-placeholder {
    visibility: hidden
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea:focus::-ms-input-placeholder {
    visibility: hidden
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea:focus::placeholder {
    visibility: hidden
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea::-webkit-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea::-moz-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea:-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea::-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea::placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea::-webkit-input-placeholder:first-letter {
    text-transform: capitalize
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea::-moz-placeholder:first-letter {
    text-transform: capitalize
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea:-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea::-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.careersForm-outercontainer .careersForm-formfield .form-element-textarea::placeholder:first-letter {
    text-transform: capitalize
}

.careersForm-outercontainer .careersForm-formfield .form-element-div {
    border-bottom: 1px solid #898a8d
}

.careersForm-outercontainer .careersForm-formfield .form-element-div:focus-within,
.careersForm-outercontainer .careersForm-formfield .form-element-div:hover {
    border-bottom: 1px solid #fff
}

.careersForm-outercontainer .careersForm-formfield .textfield-limit {
    -ms-flex-item-align: start;
    align-self: start;
    color: #9e9fa3;
    font-size: .875rem;
    font-family: Basis-regular;
    margin-top: .5rem
}

.careersForm-outercontainer .careersForm-formfield .textfield-limit.error {
    color: #e02222
}

.careersForm-outercontainer .careersForm-formfield .validationcheck {
    background: url(clientlib-site/resources/images/formOverlay/validationcheck.svg) 50% no-repeat
}

.careersForm-outercontainer .careersForm-formfield .validationerror {
    background: url(clientlib-site/resources/images/formOverlay/validationerror.svg) 50% no-repeat
}

.careersForm-outercontainer .careersForm-checkbox .consent-checkbox-input,
.careersForm-outercontainer .careersForm-checkbox .consent-checkbox-input-nonMandatory {
    border: .0625rem solid #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: .9375rem;
    height: .9375rem;
    border-radius: 4px;
    background-color: unset;
    margin-left: 0;
    cursor: pointer
}

.careersForm-outercontainer .careersForm-checkbox .consent-checkbox-input-nonMandatory:focus,
.careersForm-outercontainer .careersForm-checkbox .consent-checkbox-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.careersForm-outercontainer .careersForm-checkbox .consent-checkbox-input-nonMandatory:focus,
.careersForm-outercontainer .careersForm-checkbox .consent-checkbox-input-nonMandatory:hover,
.careersForm-outercontainer .careersForm-checkbox .consent-checkbox-input:focus,
.careersForm-outercontainer .careersForm-checkbox .consent-checkbox-input:hover {
    border: .0625rem solid #c9c9ce
}

.careersForm-outercontainer .careersForm-checkbox .consent-checkbox-input-nonMandatory:checked[type=checkbox],
.careersForm-outercontainer .careersForm-checkbox .consent-checkbox-input:checked[type=checkbox] {
    border: .0625rem solid #e41165;
    background-image: url(clientlib-site/resources/images/formOverlay/check-box.svg);
    background-position: 50%
}

.careersForm-outercontainer .careersForm-checkbox .error-text {
    margin-bottom: 0;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careersForm-outercontainer .careersForm-checkbox .consent-checkbox-label {
    width: 100%;
    line-height: 1.5rem;
    margin-left: 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.careersForm-outercontainer .careersForm-checkbox .consent-checkbox-label p {
    display: inline;
    margin-bottom: 0
}

.careersForm-outercontainer .careersForm-checkbox .consent-checkbox-label p strong>a {
    color: #fff;
    font-family: Basis-bold;
    text-decoration: underline
}

.careersForm-outercontainer .careersForm-button-wrapper {
    text-align: left
}

@media (min-width:601px) and (max-width:992px) {
    .careersForm-outercontainer .careersForm-button-wrapper {
        text-align: center
    }
}

.careersForm-outercontainer .careersForm-button-wrapper .careersForm-SubmitBtn {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-radius: 6.25rem;
    font-size: 1.125rem;
    color: #fff;
    letter-spacing: .03125rem;
    height: 3.5rem;
    padding: .75rem 2.8125rem;
    font-family: Basis-regular;
    cursor: pointer
}

.careersForm-outercontainer .careersForm-button-wrapper .careersForm-SubmitBtn:hover {
    color: #fff
}

@media only screen and (max-width:599px) {
    .careersForm-outercontainer .careersForm-button-wrapper .careersForm-SubmitBtn {
        width: 100%
    }
}

.careersForm-outercontainer .careersForm-button-wrapper .careersForm-SubmitBtn:not([disabled]):hover {
    background: linear-gradient(102.57deg, #f84d9f, #d0121e);
    color: #fff
}

.careersForm-outercontainer .careersForm-button-wrapper .careersForm-SubmitBtn:disabled {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
}

.careersForm-outercontainer .careersForm-button-wrapper .careersForm-SubmitBtn:focus {
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: inset 0 0 0 1px #fff;
    border: .09375rem solid #f4a0c1;
    margin: .0625rem
}

.careersForm-outercontainer .form-element-error .form-element-div,
.careersForm-outercontainer .form-element-error .input-block {
    border-bottom: .0625rem solid #ff3e3e
}

.careersForm-outercontainer .form-element-error .form-element-div:focus-within,
.careersForm-outercontainer .form-element-error .form-element-div:hover {
    border-bottom: 1px solid #ff3e3e
}

.careersForm-outercontainer .form-element-error .form-element-div .form-element-input,
.careersForm-outercontainer .form-element-error .form-element-div .form-element-textarea {
    color: #ff3e3e
}

.careersForm-outercontainer .form-element-error .consent-checkbox-input {
    border: .0625rem solid #ff3e3e
}

.careersForm-outercontainer .form-element-error .consent-checkbox-input:focus,
.careersForm-outercontainer .form-element-error .consent-checkbox-input:hover {
    border: 1px solid #ff3e3e
}

.careersForm-outercontainer .careersForm-error-message {
    margin: 1rem auto
}

.careersForm-outercontainer .careersForm-error-message .careersForm-error-message-inner {
    padding: 1rem;
    text-align: center;
    margin: 1rem;
    border: .0625rem solid #ff3e3e;
    border-radius: .25rem
}

.careersForm-outercontainer .careersForm-error-message .error-message-careersForm {
    color: #ff3e3e;
    font-size: 1rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careersForm-outercontainer .careersForm-error-message .tooltip-careersForm-serverError {
    background: url(clientlib-site/resources/images/formOverlay/validationerror.svg) 50% no-repeat;
    width: 2rem
}

.careers-internship-form-outercontainer .careers-internship-form-image {
    right: 0;
    height: 100vh
}

.careers-internship-form-outercontainer .careers-internship-form-image .careers-internship-form-img-inner {
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}

.careers-internship-form-outercontainer .careers-internship-form-query-wrapper {
    padding: 0;
    margin: 0
}

.careers-internship-form-outercontainer .careers-internship-form-right-icon {
    padding: 0 2.5rem;
    position: absolute;
    width: 100%;
    -ms-flex-item-align: top;
    align-self: top;
    z-index: 1;
    height: 6rem
}

@media only screen and (max-width:1024px) {
    .careers-internship-form-outercontainer .careers-internship-form-right-icon {
        padding: 0 1.5rem
    }
}

.careers-internship-form-outercontainer .careers-internship-form-close-icon {
    width: 3.125rem;
    height: 3.125rem
}

.careers-internship-form-outercontainer .form-left-icon {
    background: url(clientlib-site/resources/images/formOverlay/left-arrow.svg) 50% no-repeat;
    width: .48625rem;
    height: .79563rem
}

.careers-internship-form-outercontainer .form-left-icon-anchor {
    text-decoration: none
}

.careers-internship-form-outercontainer .form-left-icon-text {
    color: #b4b4b8;
    top: -.4375rem;
    left: .625rem;
    font-size: 1rem;
    position: relative;
    font-family: Basis-bold;
    letter-spacing: .15rem;
    text-transform: uppercase;
    min-width: 75pt
}

.careers-internship-form-outercontainer .careers-internship-form-right-image {
    height: 100%;
    background: url(clientlib-site/resources/images/formOverlay/form-right-img.png);
    background-repeat: no-repeat;
    background-position: 100%;
    background-attachment: fixed
}

.careers-internship-form-outercontainer .careers-internship-form-outer-wrapper {
    background-color: #000;
    padding: 0;
    margin: 0;
    overflow-y: overlay
}

.careers-internship-form-outercontainer .careers-internship-form-query-innercontainer {
    position: relative;
    margin: 0;
    height: 100%;
    padding: 6.25rem 0 0
}

.careers-internship-form-outercontainer .careers-internship-form-query-innercontainer>.row {
    padding: 0 1rem 0 2rem
}

@media only screen and (max-width:1199px) {
    .careers-internship-form-outercontainer .careers-internship-form-query-innercontainer>.row {
        padding: 0
    }
}

.careers-internship-form-outercontainer .careers-internship-form-forminner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.careers-internship-form-outercontainer .text-gray {
    color: #9e9fa3;
    font-size: .875rem;
    letter-spacing: .125rem;
    font-family: Basis-regular
}

.careers-internship-form-outercontainer .careers-internship-form-query-heading {
    font-size: 3.5rem;
    line-height: 4.5rem;
    color: #fff;
    font-family: Houschka-medium;
    word-break: normal;
    letter-spacing: .03125rem
}

.careers-internship-form-outercontainer .careers-internship-form-query-secondaryheading {
    font-size: 1rem;
    color: #fff;
    font-family: Basis-bold;
    word-break: normal;
    line-height: 1.5rem;
    letter-spacing: .15em;
    text-transform: uppercase
}

.careers-internship-form-outercontainer .careers-internship-form-query-para {
    color: #b4b4b8;
    font-size: 1.5rem;
    font-family: Basis-regular;
    word-break: normal;
    letter-spacing: .03125rem;
    line-height: 2rem
}

.careers-internship-form-outercontainer .careers-internship-form-dateField::-webkit-calendar-picker-indicator {
    background: url(clientlib-site/resources/images/formOverlay/calendar-icon.svg) 50% no-repeat
}

.careers-internship-form-outercontainer .careers-internship-form-midHeading {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: Basis-Regular;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #fff
}

.careers-internship-form-outercontainer .careers-internship-form-query-form-div {
    position: absolute;
    width: 100%;
    -ms-flex-item-align: top;
    align-self: top;
    z-index: 1;
    height: 6rem
}

@media screen and (max-width:992px) {
    .careers-internship-form-outercontainer .careers-internship-form-query-form-div {
        background-color: #000;
        height: 5rem
    }
}

@media screen and (min-width:1200px) {
    .careers-internship-form-outercontainer .careers-internship-form-query-form-div {
        padding: 0 2.5rem
    }
}

@media screen and (max-width:1024px) {
    .careers-internship-form-outercontainer .careers-internship-form-query-form-div {
        padding: 0 1.5rem
    }
}

.careers-internship-form-outercontainer .careers-internship-form-close-icon {
    background: url(clientlib-site/resources/images/formOverlay/close-button.svg) no-repeat;
    width: 50px;
    height: 50px;
    cursor: pointer
}

.careers-internship-form-outercontainer .form_left-icon {
    background: url(clientlib-site/resources/images/formOverlay/left-arrow.svg) 50% no-repeat;
    width: .48625rem;
    height: .79563rem
}

.careers-internship-form-outercontainer .careers-internship-form-formfield {
    min-height: unset;
    max-height: unset
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .error-text {
    margin-top: .5rem;
    margin-bottom: 1rem;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-label {
    visibility: hidden;
    text-transform: uppercase;
    font-size: .875rem;
    margin-bottom: 0
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-label.display-label {
    visibility: visible
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-input {
    padding-bottom: 1rem;
    background-color: unset;
    outline: none;
    border: none;
    width: 100%;
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-input:focus::-webkit-input-placeholder {
    visibility: hidden
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-input:focus::-moz-placeholder {
    visibility: hidden
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-input:focus:-ms-input-placeholder {
    visibility: hidden
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-input:focus::-ms-input-placeholder {
    visibility: hidden
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-input:focus::placeholder {
    visibility: hidden
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-input::-webkit-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-input::-moz-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-input:-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-input::-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-input::placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-input::-webkit-input-placeholder:first-letter {
    text-transform: capitalize
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-input::-moz-placeholder:first-letter {
    text-transform: capitalize
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-input:-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-input::-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-input::placeholder:first-letter {
    text-transform: capitalize
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: unset;
    width: 100%;
    resize: none;
    border: none;
    outline: none;
    color: #fff;
    overflow-y: hidden;
    padding-bottom: 1rem;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea::-webkit-scrollbar {
    width: .3125rem
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea::-webkit-scrollbar-track-piece {
    border-radius: 6.25rem
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea:hover::-webkit-scrollbar-thumb {
    height: 1.875rem;
    background-color: #9e9fa3;
    border-radius: 6.25rem
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea.text-overflow {
    overflow-y: scroll
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea:focus::-webkit-input-placeholder {
    visibility: hidden
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea:focus::-moz-placeholder {
    visibility: hidden
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea:focus:-ms-input-placeholder {
    visibility: hidden
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea:focus::-ms-input-placeholder {
    visibility: hidden
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea:focus::placeholder {
    visibility: hidden
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea::-webkit-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea::-moz-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea:-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea::-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea::placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea::-webkit-input-placeholder:first-letter {
    text-transform: capitalize
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea::-moz-placeholder:first-letter {
    text-transform: capitalize
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea:-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea::-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-textarea::placeholder:first-letter {
    text-transform: capitalize
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-div {
    border-bottom: .0625rem solid #898a8d
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-div:focus-within,
.careers-internship-form-outercontainer .careers-internship-form-formfield .form-element-div:hover {
    border-bottom: .0625rem solid #fff
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .validationcheck {
    background: url(clientlib-site/resources/images/formOverlay/validationcheck.svg) 50% no-repeat
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .validationerror {
    background: url(clientlib-site/resources/images/formOverlay/validationerror.svg) 50% no-repeat
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .mandatory-textarea-errorMsg .textfield-limit {
    float: right
}

.careers-internship-form-outercontainer .careers-internship-form-formfield .mandatory-textarea-errorMsg .error-text {
    float: left
}

.careers-internship-form-outercontainer .careers-internship-form-checkbox .consent-checkbox-input,
.careers-internship-form-outercontainer .careers-internship-form-checkbox .consent-checkbox-input-nonMandatory {
    border: .0625rem solid #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: .9375rem;
    height: .9375rem;
    border-radius: .25rem;
    background-color: unset;
    margin-left: 0;
    cursor: pointer
}

.careers-internship-form-outercontainer .careers-internship-form-checkbox .consent-checkbox-input-nonMandatory:focus,
.careers-internship-form-outercontainer .careers-internship-form-checkbox .consent-checkbox-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.careers-internship-form-outercontainer .careers-internship-form-checkbox .consent-checkbox-input-nonMandatory:focus,
.careers-internship-form-outercontainer .careers-internship-form-checkbox .consent-checkbox-input-nonMandatory:hover,
.careers-internship-form-outercontainer .careers-internship-form-checkbox .consent-checkbox-input:focus,
.careers-internship-form-outercontainer .careers-internship-form-checkbox .consent-checkbox-input:hover {
    border: .0625rem solid #c9c9ce
}

.careers-internship-form-outercontainer .careers-internship-form-checkbox .consent-checkbox-input-nonMandatory:checked[type=checkbox],
.careers-internship-form-outercontainer .careers-internship-form-checkbox .consent-checkbox-input:checked[type=checkbox] {
    border: .0625rem solid #e41165;
    background-image: url(clientlib-site/resources/images/formOverlay/check-box.svg);
    background-position: 50%
}

.careers-internship-form-outercontainer .careers-internship-form-checkbox .error-text {
    margin-bottom: 0;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careers-internship-form-outercontainer .careers-internship-form-checkbox .consent-checkbox-label {
    width: 100%;
    line-height: 1.5rem;
    margin-left: 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.careers-internship-form-outercontainer .careers-internship-form-checkbox .consent-checkbox-label p {
    display: inline;
    margin-bottom: 0
}

.careers-internship-form-outercontainer .careers-internship-form-checkbox .consent-checkbox-label p strong>a {
    color: #fff;
    font-family: Basis-bold;
    text-decoration: underline
}

.careers-internship-form-outercontainer .careers-internship-form-button-wrapper .careers-internship-form-SubmitBtn {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-radius: 6.25rem;
    font-size: 1.125rem;
    color: #fff;
    letter-spacing: .03125rem;
    height: 3.5rem;
    width: 13rem;
    padding: .75rem .625rem;
    font-family: Basis-regular;
    cursor: pointer
}

.careers-internship-form-outercontainer .careers-internship-form-button-wrapper .careers-internship-form-SubmitBtn:hover {
    color: #fff
}

@media only screen and (max-width:599px) {
    .careers-internship-form-outercontainer .careers-internship-form-button-wrapper .careers-internship-form-SubmitBtn {
        width: 100%
    }
}

.careers-internship-form-outercontainer .careers-internship-form-button-wrapper .careers-internship-form-SubmitBtn:not([disabled]):hover {
    background: linear-gradient(102.57deg, #f84d9f, #d0121e);
    color: #fff
}

.careers-internship-form-outercontainer .careers-internship-form-button-wrapper .careers-internship-form-SubmitBtn:disabled {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
}

.careers-internship-form-outercontainer .careers-internship-form-button-wrapper .careers-internship-form-SubmitBtn:focus {
    -webkit-box-shadow: 0 0 0 .0625rem #fff inset;
    box-shadow: inset 0 0 0 .0625rem #fff;
    border: .09375rem solid #f4a0c1;
    margin: .0625rem
}

.careers-internship-form-outercontainer .form-element-error .form-element-div,
.careers-internship-form-outercontainer .form-element-error .input-block {
    border-bottom: .0625rem solid #ff3e3e
}

.careers-internship-form-outercontainer .form-element-error .form-element-div:focus-within,
.careers-internship-form-outercontainer .form-element-error .form-element-div:hover {
    border-bottom: 1px solid #ff3e3e
}

.careers-internship-form-outercontainer .form-element-error .form-element-div .form-element-input,
.careers-internship-form-outercontainer .form-element-error .form-element-div .form-element-textarea {
    color: #ff3e3e
}

.careers-internship-form-outercontainer .form-element-error .consent-checkbox-input {
    border: .0625rem solid #ff3e3e
}

.careers-internship-form-outercontainer .form-element-error .consent-checkbox-input:focus,
.careers-internship-form-outercontainer .form-element-error .consent-checkbox-input:hover {
    border: 1px solid #ff3e3e
}

.careers-internship-form-outercontainer .careers-internship-form-error-message {
    margin: 1rem auto
}

.careers-internship-form-outercontainer .careers-internship-form-error-message .careers-internship-form-error-message-inner {
    padding: 1rem;
    text-align: center;
    margin: 1rem;
    border: .0625rem solid #ff3e3e;
    border-radius: .25rem
}

.careers-internship-form-outercontainer .careers-internship-form-error-message .error-message-careers-internship-form {
    color: #ff3e3e;
    font-size: 1rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.careers-internship-form-outercontainer .careers-internship-form-error-message .tooltip-careers-internship-form-serverError {
    background: url(clientlib-site/resources/images/formOverlay/validationerror.svg) 50% no-repeat;
    width: 2rem
}

.careers-internship-form-outercontainer .academic-error-msg {
    color: #9e9fa3;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    font-family: Basis-regular
}

.careers-internship-form-outercontainer .existing-client {
    color: #fff
}

.careers-internship-form-outercontainer .existing-client .existingClient-text {
    margin-top: 2rem;
    font-size: 1.125rem;
    text-transform: uppercase
}

@media only screen and (max-width:400px) {
    .careers-internship-form-outercontainer .existing-client .existingClient-text {
        font-size: 1rem
    }
}

.careers-internship-form-outercontainer .existing-client .existingClient-switch {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 1.25rem;
    margin-left: 1rem;
    vertical-align: middle
}

.careers-internship-form-outercontainer .existing-client .existingClient-switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.careers-internship-form-outercontainer .existing-client .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #494c4d;
    -webkit-transition: .4s;
    transition: .4s
}

.careers-internship-form-outercontainer .existing-client .slider:before {
    position: absolute;
    content: "";
    height: 1.125rem;
    width: 1.125rem;
    left: .125rem;
    bottom: .0625rem;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    background-image: url(clientlib-site/resources/images/VectorcloseIcon.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: .75rem
}

.careers-internship-form-outercontainer .existing-client input:checked+.slider {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
}

.careers-internship-form-outercontainer .existing-client input:focus+.slider {
    -webkit-box-shadow: 0 0 .0625rem #e41165;
    box-shadow: 0 0 .0625rem #e41165
}

.careers-internship-form-outercontainer .existing-client input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    transform: translateX(26px);
    background-image: url(clientlib-site/resources/images/VectortickIcon.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: .75rem
}

.careers-internship-form-outercontainer .existing-client .slider.round {
    border-radius: 2.125rem
}

.careers-internship-form-outercontainer .existing-client .slider.round:before {
    border-radius: 50%
}

.careers-internship-form-outercontainer .careers-internship-form-scoreField .careers-internship-form-score {
    width: 50%
}

.careers-internship-form-outercontainer .careers-internship-form-scoreField .careers-internship-form-per-cgpa {
    width: 110%
}

.careers-internship-form-outercontainer .careers-internship-form-scoreField .careers-internship-form-per-cgpa .dropDown-menuItem {
    font-size: .9375rem;
    padding: .6rem
}

.careers-internship-form-outercontainer .careers-internship-form-scoreField .dropDown-outerDiv {
    border-bottom: unset
}

.careers-internship-form-outercontainer .careers-internship-form-scoreField .internshipForm-selectElemnt {
    font-size: .8125rem !important;
    padding-top: .3125rem
}

.careers-internship-form-outercontainer .careers-internship-form-scoreField .black-background .dropDown-outerDiv {
    background-color: #000;
    border-bottom: unset
}

.careers-internship-form-outercontainer .careers-internship-form-scoreField .black-background .dropDown-outerDiv:focus,
.careers-internship-form-outercontainer .careers-internship-form-scoreField .black-background .dropDown-outerDiv:hover {
    border-bottom: unset
}

.careers-internship-form-outercontainer .deleteIcon-academic {
    background-image: url(clientlib-site/resources/images/VectordeleteIcon.svg);
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: sub
}

.careers-internship-form-outercontainer .careers-internship-form-save-addMore .save-more-text {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    cursor: pointer
}

.careers-internship-form-outercontainer .careers-internship-form-save-addMore .save-more-icon {
    cursor: pointer
}

.careers-internship-form-outercontainer .careers-internship-form-save-addMore .careers-internship-form-plusIcon {
    background-image: url(clientlib-site/resources/images/formOverlay/VectorplusIcon.svg);
    display: inline-block;
    width: .875rem;
    height: .875rem;
    margin-top: .625rem;
    margin-right: .625rem
}

.careers-internship-form-outercontainer .careers-internship-form-save-addMore.disabled .save-more-text {
    background: unset;
    -webkit-text-fill-color: #747678;
    pointer-events: none
}

.careers-internship-form-outercontainer .careers-internship-form-save-addMore.disabled .careers-internship-form-plusIcon {
    background-image: url(clientlib-site/resources/images/accrodion/plus-white.svg);
    display: inline-block;
    width: .875rem;
    height: .875rem;
    -webkit-filter: opacity(.4) drop-shadow(0 0 0 #747678);
    filter: opacity(.4) drop-shadow(0 0 0 #747678);
    margin-top: .625rem;
    margin-right: .625rem;
    pointer-events: none
}

.careers-internship-form-outercontainer .careers-internship-form-academicTable .academicTable-greyBox {
    background-color: #333737;
    padding: .625rem
}

.careers-internship-form-outercontainer .careers-internship-form-academicTable .academicTable-heading {
    font-family: Basis-Regular;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #9e9fa3;
    margin-bottom: 0
}

.careers-internship-form-outercontainer .careers-internship-form-academicTable .academicTable-success-tick {
    width: .6875rem;
    height: .6875rem;
    content: "";
    background: url(clientlib-site/resources/images/VectortickIcon.svg) no-repeat 50%;
    position: relative;
    padding: 0 .625rem;
    display: inline-block
}

@media only screen and (min-width:1200px) {
    .careers-internship-form-outercontainer .careers-internship-form-academicTable .academicTable-success-details {
        text-align: right
    }
}

.careers-internship-form-outercontainer .careers-internship-form-academicTable .academicTable-success-msg {
    font-size: .875rem;
    line-height: 1.5rem;
    text-align: left;
    letter-spacing: .03125rem;
    color: #119a34;
    display: inline-block
}

.careers-internship-form-outercontainer .careers-internship-form-academicTable .academicTable-details {
    width: 95%;
    display: inline-block
}

.careers-internship-form-outercontainer .careers-internship-form-academicTable .academicTable-deleteIcon {
    width: 5%;
    display: inline-block;
    padding-left: .625rem
}

@media only screen and (max-width:992px) {
    .careers-internship-form-outercontainer .careers-internship-form-academicTable .academicTable-deleteIcon {
        display: inline-block;
        position: absolute;
        right: .625rem;
        padding-left: 0
    }
}

.careers-internship-form-outercontainer .careers-internship-form-academicTable .academicTable-details-inner:not(:last-child) {
    border-bottom: .0625rem solid #5e6162
}

.careers-internship-form-outercontainer .careers-internship-form-academicTable .academicTable-details-inner {
    width: 100%;
    color: #fff;
    font-family: Basis-Regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    margin-left: 0;
    margin-right: 0;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.careers-internship-form-outercontainer .careers-internship-form-academicTable .degree-qualification {
    width: 20%;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:992px) {
    .careers-internship-form-outercontainer .careers-internship-form-academicTable .degree-qualification {
        width: 100%
    }
}

.careers-internship-form-outercontainer .careers-internship-form-academicTable .course-name {
    width: 45%;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width:992px) {
    .careers-internship-form-outercontainer .careers-internship-form-academicTable .course-name {
        width: 100%
    }
}

.careers-internship-form-outercontainer .careers-internship-form-academicTable .year-of-passing {
    width: 15%;
    text-align: center
}

@media only screen and (max-width:992px) {
    .careers-internship-form-outercontainer .careers-internship-form-academicTable .year-of-passing {
        width: 100%;
        text-align: unset
    }
}

.careers-internship-form-outercontainer .careers-internship-form-academicTable .score {
    width: 15%;
    text-align: center
}

@media only screen and (max-width:992px) {
    .careers-internship-form-outercontainer .careers-internship-form-academicTable .score {
        width: 100%;
        text-align: unset
    }
}

.home-banner {
    padding: 1.5rem 0;
    background-color: #000;
    font-family: Basis-regular
}

@media (min-width:1600px) {
    .home-banner {
        padding: 1.5rem 0 6rem
    }
}

.home-banner .home-banner-carousel {
    width: 80%;
    position: relative;
    margin: 0 auto
}

.home-banner .home-banner-carousel .swiper-slide {
    height: auto !important
}

@media (min-width:1600px) {
    .home-banner .home-banner-carousel {
        width: 855pt;
        height: unset !important;
        aspect-ratio: 16/9 !important
    }
}

@media (min-width:1700px) {
    .home-banner .home-banner-carousel {
        width: 75pc;
        height: unset !important;
        aspect-ratio: 16/9 !important
    }
}

@media (min-width:1850px) {
    .home-banner .home-banner-carousel {
        width: 1400px
    }

    .home-banner .home-banner-carousel .image-video-box {
        height: unset !important;
        aspect-ratio: 16/9 !important
    }
}

@media (min-width:2000px) {
    .home-banner .home-banner-carousel {
        width: 1700px
    }

    .home-banner .home-banner-carousel .image-video-box {
        height: unset !important;
        aspect-ratio: 16/9 !important
    }
}

.home-banner .home-banner-carousel .home-banner-slide {
    width: 100%;
    margin: 0 auto;
    background-color: transparent
}

.home-banner .home-banner-carousel .home-banner-slide .image-video-box:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    opacity: 0;
    left: 0;
    z-index: 0;
    background: rgba(0, 0, 0, .6)
}

.home-banner .home-banner-carousel .home-banner-slide .home-banner-box {
    padding-top: 78pt;
    width: 100%
}

.home-banner .home-banner-carousel .home-banner-slide .home-banner-box .homer-banner-timer {
    top: -2.5rem;
    right: 2.5rem
}

.home-banner .home-banner-carousel .home-banner-slide .home-banner-box .home-banner-content {
    top: 0;
    left: 0;
    width: 80%;
    left: 5.7%
}

.home-banner .home-banner-carousel .home-banner-slide .home-banner-box .home-banner-content .home-banner-title {
    font-size: 4rem;
    line-height: 4pc;
    color: #fff;
    margin-bottom: 1.5rem;
    font-family: Houschka-medium
}

.home-banner .home-banner-carousel .home-banner-slide .home-banner-box .home-banner-content .home-banner-desc {
    font-size: 1.5rem;
    line-height: 40px;
    color: #c9c9ce;
    margin-bottom: 2.5rem;
    font-family: Basis-regular;
    opacity: 0
}

.home-banner .home-banner-carousel .home-banner-slide .home-banner-box .home-banner-content .home-banner-links {
    opacity: 0
}

.home-banner .home-banner-carousel .home-banner-slide .home-banner-box .image-video-box {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 72vh;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    background-position: 50%;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    margin: -3.75rem auto 0
}

@media only screen and (max-width:1199px) {
    .home-banner .home-banner-carousel .home-banner-slide .home-banner-box .image-video-box {
        margin-top: 0
    }
}

.home-banner .home-banner-carousel .home-banner-slide .home-banner-box .image-video-box.image-video-box-height {
    height: 350px
}

.home-banner .home-banner-carousel .home-banner-slide .home-banner-box .image-video-box .svg-image-box-parent,
.home-banner .home-banner-carousel .home-banner-slide .home-banner-box .image-video-box .svg-image-box-parent .svg-image-box {
    width: 100%;
    height: 100%
}

.home-banner .home-banner-carousel .home-banner-slide .home-banner-box .image-video-box .svg-image-box-parent .svg-image-box img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.home-banner .home-banner-carousel .home-banner-slide .home-banner-box .text-linear-bg:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    content: "";
    top: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 1;
    opacity: .8
}

.home-banner .home-banner-carousel .home-banner-slide .home-banner-box .image-article-type {
    width: 3pc;
    height: 3pc;
    bottom: -1px;
    right: -1px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 25px;
    background-color: #000;
    position: absolute;
    content: "";
    z-index: 2;
    display: none
}

.home-banner .home-banner-carousel .home-banner-slide .home-banner-box .image-article-type.podcast-icon {
    display: block;
    background-image: url(clientlib-site/resources/images/podcast-ico-w.svg)
}

.home-banner .home-banner-carousel .home-banner-slide .home-banner-box .image-article-type.article-icon {
    display: block;
    background-image: url(clientlib-site/resources/images/article-ico-w.svg)
}

.home-banner .home-banner-carousel .home-banner-slide .home-banner-box .image-article-type.video-icon {
    display: block;
    background-image: url(clientlib-site/resources/images/video-ico-w.svg)
}

.home-banner .home-banner-carousel .home-banner-button {
    width: 45px;
    height: 45px;
    bottom: 1rem;
    right: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 15px;
    background-color: transparent;
    cursor: pointer;
    z-index: 1;
    background-image: url(clientlib-site/resources/images/right-white-arrow.svg)
}

.home-banner .home-banner-carousel .home-banner-button.home-banner-button-next {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
}

.home-banner .home-banner-carousel .home-banner-button.home-banner-button-prev {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.home-banner .home-banner-carousel .home-banner-button.home-banner-play-pause {
    -webkit-transform: translateY(-5pc);
    transform: translateY(-5pc);
    background-image: url(clientlib-site/resources/images/play-btn.svg);
    background-size: 14px
}

.home-banner .home-banner-carousel .home-banner-button.home-banner-play-pause.playing {
    background-image: url(clientlib-site/resources/images/pause.svg)
}

.home-banner .home-banner-carousel .home-banner-slide .image-video-box {
    overflow: hidden
}

.home-banner .home-banner-carousel .home-banner-slide .image-video-box img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
    border: 1px solid #000
}

.home-banner .home-banner-carousel .home-banner-slide.swiper-slide-active .image-video-box img.zoom-out {
    -webkit-transition: all 4s ease-in-out;
    transition: all 4s ease-in-out;
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    will-change: auto
}

.home-banner .home-banner-carousel .home-banner-slide.swiper-slide-active .home-banner-progress-bar {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    height: 2px;
    width: 0;
    bottom: 0
}

.home-banner .home-banner-carousel .home-banner-slide.swiper-slide:not(.swiper-slide-active) {
    opacity: .4
}

.home-banner .home-banner-carousel .home-banner-slide.swiper-slide:not(.swiper-slide-active) .home-banner-content {
    display: none !important
}

.home-banner .home-banner-carousel .home-banner-slide.swiper-slide:not(.swiper-slide-active) .home-banner-progress-bar {
    width: 0 !important
}

@media only screen and (max-width:1199px) {
    .home-banner .home-banner-carousel .home-banner-slide.swiper-slide-prev {
        margin-left: -6px
    }
}

.home-banner .circle-box {
    width: 5pc;
    height: 5pc;
    top: 1.5rem;
    right: -.75rem
}

@media only screen and (max-width:1199px) {
    .home-banner .circle-box {
        width: 4pc;
        height: 4pc
    }
}

.home-banner .circle-box .gradient-halo {
    stroke-dasharray: 0, 20000;
    -webkit-transition-property: none;
    transition-property: none
}

.home-banner .circle-box.animate-start .gradient-halo {
    stroke-dasharray: 200, 20000;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

@media only screen and (max-width:599px) {
    .home-banner .circle-box {
        bottom: -2rem;
        left: 0
    }
}

@media only screen and (max-width:1199px) {
    .home-banner .circle-box {
        top: auto !important;
        right: auto !important;
        bottom: 1rem;
        left: 6%
    }
}

.home-banner .circle-box svg {
    width: 100%;
    height: 100%
}

.home-banner .circle-box .home-banner-counter {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    font-weight: 700;
    font-family: Basis-bold;
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .15em;
    color: #fff
}

.home-banner .swiper-slide-active .circle-box {
    opacity: 1
}

.home-banner .swiper-slide-active .circle-box .draw-border .circle span:first-child em,
.home-banner .swiper-slide-active .circle-box .draw-border .circle span:last-child em {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.home-banner .home-banner-box,
.home-banner .swiper-slide,
.home-banner .swiper-wrapper {
    position: relative
}

@media only screen and (max-width:1199px) {
    .home-banner .home-banner-carousel {
        width: 100%;
        height: 30.3125rem
    }

    .home-banner .home-banner-carousel.swiper {
        overflow: hidden
    }

    .home-banner .home-banner-carousel .home-banner-slide .home-banner-box {
        padding-top: 70px
    }

    .home-banner .home-banner-carousel .home-banner-slide .home-banner-box .home-banner-content .home-banner-title {
        font-size: 2.5rem;
        line-height: 2.5rem
    }

    .home-banner .home-banner-carousel .home-banner-slide .home-banner-box .home-banner-content .home-banner-desc {
        opacity: 0 !important
    }

    .home-banner .home-banner-carousel .home-banner-slide .home-banner-box .home-banner-content .home-banner-links {
        opacity: 1
    }

    .home-banner .home-banner-carousel .home-banner-slide .home-banner-box .image-video-box {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
        width: 90%;
        height: 356px;
        margin-right: 0
    }

    .home-banner .home-banner-carousel .home-banner-slide .home-banner-box .image-video-box:after {
        display: none
    }

    .home-banner .home-banner-carousel .home-banner-slide .home-banner-box .homer-banner-timer {
        bottom: -4rem;
        left: -4rem;
        top: auto !important;
        right: auto
    }

    .home-banner .home-banner-carousel .home-banner-button {
        bottom: 1rem;
        right: 1rem;
        top: auto !important;
        left: auto
    }

    .home-banner .home-banner-carousel .home-banner-button.home-banner-button-prev {
        -webkit-transform: translateX(-50px) rotate(-180deg);
        transform: translateX(-50px) rotate(-180deg)
    }

    .home-banner .home-banner-carousel .home-banner-button.home-banner-button-next {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .home-banner .home-banner-carousel .home-banner-button.home-banner-play-pause {
        -webkit-transform: translateX(-75pt);
        transform: translateX(-75pt);
        background-size: 14px
    }
}

.home-banner.swiper-stop .home-banner-carousel .home-banner-slide.swiper-slide-active .image-video-box {
    -webkit-transform: scale(1.09, 1.07);
    transform: scale(1.09, 1.07);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.home-banner.swiper-stop .home-banner-carousel .home-banner-slide.swiper-slide-active .image-video-box .article-icon,
.home-banner.swiper-stop .home-banner-carousel .home-banner-slide.swiper-slide-active .image-video-box .podcast-icon,
.home-banner.swiper-stop .home-banner-carousel .home-banner-slide.swiper-slide-active .image-video-box .video-icon {
    display: none
}

.home-banner.swiper-stop .home-banner-carousel .home-banner-slide.swiper-slide-active .home-banner-content .home-banner-desc,
.home-banner.swiper-stop .home-banner-carousel .home-banner-slide.swiper-slide-active .home-banner-content .home-banner-links,
.home-banner.swiper-stop .home-banner-carousel .home-banner-slide.swiper-slide-active .image-video-box:after {
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.home-banner.swiper-stop .swiper-slide-active .circle-box .draw-border .circle span:first-child em,
.home-banner.swiper-stop .swiper-slide-active .circle-box .draw-border .circle span:last-child em {
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    -webkit-transition: none !important;
    transition: none !important
}

.home-banner-open header {
    display: none
}

.home-banner-open .home-banner {
    z-index: 1050;
    position: relative;
    height: 100vh;
    padding: 0
}

.home-banner-open .home-banner .home-banner-button,
.home-banner-open .home-banner .home-banner-play-pause {
    display: none
}

.home-banner-open .home-banner .home-banner-box,
.home-banner-open .home-banner .home-banner-carousel,
.home-banner-open .home-banner .swiper-slide,
.home-banner-open .home-banner .swiper-wrapper {
    position: static;
    padding: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    height: 100vh
}

.home-banner-open .home-banner .home-banner-box.swiper-no-swiping .homer-banner-timer,
.home-banner-open .home-banner .home-banner-carousel.swiper-no-swiping .homer-banner-timer,
.home-banner-open .home-banner .swiper-slide.swiper-no-swiping .homer-banner-timer,
.home-banner-open .home-banner .swiper-wrapper.swiper-no-swiping .homer-banner-timer {
    display: none
}

.home-banner-open .home-banner .image-video-box {
    height: 100vh !important;
    width: 100%;
    visibility: hidden
}

.home-banner-open .home-banner .swiper-slide-active {
    margin: 0 !important;
    width: 100% !important
}

.home-banner-edit {
    position: relative
}

.home-banner-edit .home-banner-carousel {
    width: 93%;
    height: auto
}

.home-banner-edit .home-banner-carousel .home-banner-slide {
    width: auto;
    margin: 0;
    padding-top: 90pt
}

.home-banner-edit .home-banner-carousel .home-banner-slide .home-banner-box {
    padding-top: 10px
}

.home-banner-edit .home-banner-carousel .home-banner-slide .home-banner-box .home-banner-content .home-banner-title {
    font-size: 1.5rem;
    line-height: 20px
}

.home-banner-edit .home-banner-carousel .home-banner-slide .home-banner-box .home-banner-content .home-banner-desc {
    font-size: 1.125rem;
    opacity: 1
}

.home-banner-edit .home-banner-carousel .home-banner-slide .home-banner-box .home-banner-content .home-banner-links {
    opacity: 1
}

.home-banner-edit .home-banner-carousel .home-banner-button,
.home-banner-edit .home-banner-carousel .home-banner-play-pause {
    display: none
}

.home-banner-edit .dynamic-media-edit {
    top: 2%;
    bottom: 0;
    height: 70px;
    width: 33%
}

.home-banner-edit .dynamic-media-edit .dynamic-media-edit {
    width: 100%
}

.home-banner-edit .dynamic-media-edit#home-video-1 {
    left: 0
}

.home-banner-edit .dynamic-media-edit#home-video-2 {
    left: 33%
}

.home-banner-edit .dynamic-media-edit#home-video-3 {
    left: 66%
}

.home-banner-edit .dynamic-media-edit#home-video-4 {
    left: 0;
    top: 35pc
}

.home-banner-edit .dynamic-media-edit#home-video-5 {
    left: 33%;
    top: 35pc
}

.home-banner-edit .dynamic-media-edit#home-video-6 {
    left: 66%;
    top: 35pc
}

.home-banner-edit .dynamic-media-edit#home-video-7 {
    left: 0;
    top: 70pc
}

.home-banner-edit .dynamic-media-edit#home-video-8 {
    left: 33%;
    top: 70pc
}

.home-banner-edit .dynamic-media-edit#home-video-9 {
    left: 66%;
    top: 70pc
}

.home-banner-edit .dynamic-media-edit#home-video-10 {
    left: 0;
    top: 1680
}

.home-banner-edit .dynamic-media-edit .video-close {
    display: none
}

.citation-content {
    padding-top: 2.625rem;
    border-top: 1px solid #c9c9ce;
    border-bottom: 1px solid #c9c9ce;
    letter-spacing: .5px;
    color: #000
}

.citation-content .citation-heading {
    font-size: 2rem;
    line-height: 2.5rem;
    font-family: Houschka-medium
}

.citation-content .citation-desc {
    font-size: 1.125rem;
    line-height: 2rem;
    font-family: Basis-regular
}

.citation-content .citation-sources {
    padding: 1.6875rem 0
}

.citation-content .citation-src-container {
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .5px;
    color: #000;
    font-family: Basis-regular;
    margin-bottom: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.citation-content .citation-src-container .citation-src-number {
    display: block;
    padding-right: .75rem
}

.citation-content .citation-src-container .citation-src-text {
    display: block
}

.citation-content .citation-src-container .citation-src-text>.citation-src-anchor {
    text-decoration: underline;
    color: #005b9c
}

.citation-content .citation-src-container:last-child {
    margin-bottom: 0
}

.citation-number {
    vertical-align: super;
    padding-bottom: 2px;
    border-bottom: 1px solid #005b9c;
    color: #005b9c;
    position: relative;
    font-size: .75rem;
    cursor: pointer
}

.citation-text {
    color: #fff;
    background-color: #747678;
    padding: .25rem
}

.citation-text>a {
    text-decoration: underline;
    color: #005b9c
}

.citation-text.showCitationBox {
    visibility: hidden;
    position: absolute;
    background: #f4f3f9;
    border: 1px solid #dfdee3;
    padding: 1.5rem;
    width: 14.1875rem;
    left: -.5rem;
    font-size: .875rem;
    line-height: 140%;
    letter-spacing: .5px;
    font-family: Basis-regular;
    bottom: 100%;
    margin-bottom: .5rem;
    color: #000;
    cursor: pointer;
    z-index: 1
}

.citation-text.showCitationBox:after {
    content: "";
    position: absolute;
    bottom: -.5rem;
    width: .875rem;
    height: .875rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #f4f3f9;
    border-bottom: 1px solid #dfdee3;
    border-right: 1px solid #dfdee3
}

.citation-text.showCitationBox.citationToolTip-right {
    left: -.5rem
}

.citation-text.showCitationBox.citationToolTip-right:after {
    left: .875rem
}

.citation-text.showCitationBox.citationToolTip-left {
    left: unset;
    right: 0
}

.citation-text.showCitationBox.citationToolTip-left:after {
    left: 12.5rem
}

.citation-text.showCitationBox.citationToolTip-center {
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.citation-text.showCitationBox.citationToolTip-center:after {
    left: 50%;
    -webkit-transform: translate(-50%) rotate(45deg);
    transform: translate(-50%) rotate(45deg)
}

.citation-text.showCitationBox.show {
    visibility: visible
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cta-gradient-btn {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-radius: 6.25rem;
    font-size: 1.125rem;
    color: #fff;
    letter-spacing: .03125rem;
    height: 3.5rem;
    padding: 9pt 2pc;
    font-family: Basis-regular
}

.cta-gradient-btn:focus,
.cta-gradient-btn:hover {
    background: linear-gradient(102.57deg, #f84d9f, #d0121e);
    -webkit-transition: all .5s;
    transition: all .5s;
    text-decoration: none;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media only screen and (max-width:599px) {
    .cta-gradient-btn {
        width: 100%
    }
}

.section-dividing-border {
    border-top: 1px solid #dfdee3
}

.pt-104 {
    padding-top: 6.5rem;
    padding-bottom: 6.5rem
}

.color-white {
    color: #fff !important
}

.color-black {
    color: #000 !important
}

.color-grey20 {
    color: #c9c9ce !important
}

.color-grey80 {
    color: #494c4d !important
}

.color-pink30 {
    color: #e41165
}

.error-text-color {
    color: #ff3e3e !important
}

.header-padding-top {
    padding-top: 75pt !important
}

@media only screen and (max-width:1199px) {
    .header-padding-top {
        padding-top: 60px !important
    }
}

.cta-link-text-btn {
    font-family: Basis-medium;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #fff;
    border: 1.5px solid #b4b4b8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 75pt;
    padding: 9pt 2pc
}

.cta-link-text-btn:focus,
.cta-link-text-btn:hover {
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media only screen and (max-width:599px) {
    .cta-link-text-btn {
        width: 100%
    }
}

.grecaptcha-badge {
    visibility: hidden
}

.contactusform-image-div {
    right: 0
}

.contactusform-image-div .contactusform-image {
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}

@media only screen and (min-width:600px) and (max-width:1199px) {
    .btn-outer-block {
        margin: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.youtube-iframe-wrapper .main-youtube-fallback-text,
.youtube-iframe-wrapper iframe {
    width: 35.625rem;
    height: 19.6875rem;
    max-width: 100%
}

.youtube-iframe-wrapper .main-youtube-fallback-text,
.youtube-iframe-wrapper iframe,
.youtube-noCookie-selector .main-youtube-fallback-text,
.youtube-noCookie-selector iframe {
    max-width: 100%
}

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

    .youtube-iframe-wrapper .main-youtube-fallback-text,
    .youtube-iframe-wrapper iframe,
    .youtube-noCookie-selector .main-youtube-fallback-text,
    .youtube-noCookie-selector iframe {
        width: 100%;
        height: 25rem
    }
}

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

    .youtube-iframe-wrapper .main-youtube-fallback-text,
    .youtube-iframe-wrapper iframe,
    .youtube-noCookie-selector .main-youtube-fallback-text,
    .youtube-noCookie-selector iframe {
        height: 12.5rem
    }
}

.editor_height_qna {
    min-height: 600px !important
}

body {
    overflow-x: hidden !important
}

@media only screen and (max-width:599px) {
    body {
        word-break: break-word
    }
}

.richtext-cta-link-hover {
    text-decoration: underline
}

.richtext-cta-link-hover:hover {
    font-family: Basis-medium
}

.ajax-loader {
    border: 8px solid #dfdee3;
    border-top: 10px solid #e41165;
    border-radius: 50%;
    width: 4pc;
    height: 4pc;
    -webkit-animation: ajax-spin 2s linear infinite;
    animation: ajax-spin 2s linear infinite
}

@-webkit-keyframes ajax-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes ajax-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.color-white-icon {
    color: #fff
}

.color-white-icon use {
    fill: #1e2222
}

.color-white-icon clip-path rect {
    fill: #fff
}

.color-white-icon circle,
.color-white-icon path {
    stroke: #1e2222
}

.color-white-icon rect {
    fill: #1e2222
}

.rowContainer .container .custom-container .container,
.rowContainer .container .custom-container .cipher-custom-container,
.rowContainer .cipher-custom-container .custom-container .container,
.rowContainer .cipher-custom-container .custom-container .cipher-custom-container {
    max-width: 100%
}

.tabs-main-container .container.intro-container {
    max-width: 100% !important
}

.color-black-icon {
    color: #000
}

.color-black-icon use {
    fill: #fff
}

.color-black-icon clip-path rect {
    fill: #000
}

.color-black-icon circle,
.color-black-icon path {
    stroke: #fff
}

.color-black-icon rect {
    fill: #fff
}

.bg-dark-grey {
    background-color: #e3e3e3
}

.bg-light-grey {
    background-color: #f4f3f9
}

.main-youtube-fallback-text {
    position: relative;
    width: 100%;
    background-color: #dfdee3
}

.youtube-fallback-text {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px;
    font-family: Basis-regular;
    font-weight: 700;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 15px
}

.youtube-fallback-text>a {
    color: #005b9c
}

.hero-home-gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), to(transparent));
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent);
    z-index: 1
}

.cipher-custom-container .cipher-custom-container {
    max-width: 100%
}

.swiper-notification {
    display: none
}

.contactus-query-container {
    background-color: #000;
    overflow-y: auto;
    overflow-y: overlay
}

.contactus-query-innercontainer>.row {
    padding: 0 1rem 0 2rem
}

@media only screen and (max-width:1199px) {
    .contactus-query-innercontainer>.row {
        padding: 0
    }
}

.contactus-query-heading {
    font-size: 1rem;
    text-transform: uppercase;
    color: #fff;
    font-family: Basis-bold;
    word-break: normal;
    letter-spacing: .15em
}

.contactus-query-secondaryheading {
    font-size: 3.5rem;
    line-height: 4.5rem;
    color: #fff;
    font-family: Houschka-medium;
    word-break: normal;
    letter-spacing: .03125rem
}

.contactus-query-para {
    color: #b4b4b8;
    font-size: 1.5rem;
    font-family: Basis-regular;
    word-break: normal;
    letter-spacing: .03125rem
}

.contactus-query-form-div {
    -ms-flex-item-align: top;
    align-self: top;
    height: 6rem
}

@media screen and (max-width:992px) {
    .contactus-query-form-div {
        background-color: #000;
        height: 4rem
    }
}

.contactus-query .form-left-icon {
    background: url(clientlib-site/resources/images/formOverlay/left-arrow.svg) 50% no-repeat;
    width: .48625rem;
    height: .79563rem
}

.contactus-query .form-left-icon-anchor {
    text-decoration: none
}

.contactus-query .form-left-icon-text {
    color: #b4b4b8;
    top: -.4375rem;
    left: .625rem;
    font-size: 1rem;
    position: relative;
    font-family: Basis-bold;
    letter-spacing: .15rem;
    text-transform: uppercase;
    min-width: 75pt
}

.contactus-query .loader-button-wrapper {
    text-align: left
}

@media (min-width:601px) and (max-width:992px) {
    .contactus-query .loader-button-wrapper {
        text-align: center
    }
}

.contactus-query .loader-button-wrapper .loader-spin {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: .125rem solid hsla(0, 0%, 100%, .3);
    border-top-color: #fff;
    animation: loader-spin 1s ease-in-out infinite;
    -webkit-animation: loader-spin 1s ease-in-out infinite;
    vertical-align: middle;
    margin-left: .3125rem
}

.contactus-query .loader-button-wrapper .loader-button {
    border: 1.5px solid #b4b4b8;
    background-color: unset;
    color: #fff;
    width: 10.875rem;
    font-size: 1.125rem;
    padding: .75rem 2rem;
    border-radius: 6.25rem;
    height: 3.5rem;
    font-weight: 500;
    letter-spacing: .03125rem;
    font-family: Basis-regular
}

@media only screen and (max-width:599px) {
    .contactus-query .loader-button-wrapper .loader-button {
        width: 100%
    }
}

.loader-opacity {
    opacity: .4
}

.business-icon {
    background-image: url(clientlib-site/resources/images/formOverlay/business.svg)
}

.business-icon-1 {
    background-image: url(clientlib-site/resources/images/formOverlay/business-1.svg)
}

.media-icon {
    background-image: url(clientlib-site/resources/images/formOverlay/media.svg)
}

.investor-icon {
    background-image: url(clientlib-site/resources/images/formOverlay/investor.svg)
}

.phone-icon {
    background-image: url(clientlib-site/resources/images/phone-icon.svg)
}

.email-icon {
    background-image: url(clientlib-site/resources/images/email.svg)
}

.fax-icon {
    background-image: url(clientlib-site/resources/images/fax.svg)
}

.post-icon {
    background-image: url(clientlib-site/resources/images/post.svg)
}

.heading-icon {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 1.7rem;
    height: 1.7rem
}

.commonForm-verbiage {
    color: #9e9fa3;
    font-size: .875rem;
    letter-spacing: .03125rem;
    line-height: 1.5rem;
    font-family: Basis-regular
}

.commonForm-verbiage p {
    margin-bottom: 0
}

.commonForm-verbiage p strong>a {
    color: #fff;
    font-family: Basis-bold;
    text-decoration: underline
}

.mandatory-text {
    color: #9e9fa3;
    font-family: Basis-regular;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem
}

.queryform-dropdown {
    min-height: 6.25rem;
    max-height: 7.8125rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.queryform-dropdown-label {
    visibility: hidden;
    font-size: .875rem;
    text-transform: uppercase;
    color: #9e9fa3;
    letter-spacing: .5px;
    font-family: Basis-medium
}

.queryform-dropdown-label.display-label {
    visibility: visible
}

.queryform-dropdown .input-block {
    cursor: pointer;
    border-bottom: .1rem solid #898a8d
}

.queryform-dropdown .input-block:focus-within,
.queryform-dropdown .input-block:hover {
    border-bottom: .0625rem solid #fff
}

.queryform-dropdown .input-block .queryform-dropdown-input {
    border: none;
    background-color: unset;
    padding: 0 0 1rem;
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem;
    text-align: left;
    cursor: pointer;
    text-overflow: ellipsis
}

.queryform-dropdown .input-block .queryform-dropdown-input:hover {
    text-overflow: unset
}

.queryform-dropdown .input-block .queryform-dropdown-input:focus {
    outline: none
}

.queryform-dropdown .input-block .queryform-dropdown-input::-webkit-input-placeholder {
    color: #fff
}

.queryform-dropdown .input-block .queryform-dropdown-input::-moz-placeholder {
    color: #fff
}

.queryform-dropdown .input-block .queryform-dropdown-input:-ms-input-placeholder {
    color: #fff
}

.queryform-dropdown .input-block .queryform-dropdown-input::-ms-input-placeholder {
    color: #fff
}

.queryform-dropdown .input-block .queryform-dropdown-input::placeholder {
    color: #fff
}

.queryform-dropdown .error-text {
    margin-top: .5rem;
    margin-bottom: 0;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.queryform-dropdown-field {
    cursor: pointer;
    background-color: #000;
    border: .0625rem solid #898a8d;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    color: #b4b4b8;
    z-index: 10;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    max-height: 18.75rem;
    overflow-y: auto;
    scrollbar-width: thin;
    overflow-y: overlay
}

.queryform-dropdown-field::-webkit-scrollbar {
    width: .3125rem
}

.queryform-dropdown-field:hover::-webkit-scrollbar-track-piece {
    border-radius: 6.25rem
}

.queryform-dropdown-field::-webkit-scrollbar-thumb {
    margin-top: 6.25rem;
    height: 1.875rem;
    background-color: #9e9fa3;
    border-radius: 6.25rem
}

.queryform-dropdown .queryform-option-field {
    list-style: none;
    padding: 1rem .8rem;
    font-size: 1.125rem;
    font-family: Basis-regular;
    line-height: 1.5625rem;
    word-break: break-word;
    background-color: #000;
    letter-spacing: .03125rem
}

.queryform-dropdown .queryform-option-field:focus,
.queryform-dropdown .queryform-option-field:hover {
    background-color: #1e2222;
    font-family: Basis-bold;
    color: #fff
}

.queryform-dropdown .queryform-option-field.selected {
    color: #fff;
    font-family: Basis-bold
}

.queryform-dropdown .queryform-option-field.selected span {
    width: 1.5625rem;
    height: 1.5625rem;
    background: url(clientlib-site/resources/images/formOverlay/Check-selected.svg) 50% no-repeat;
    background-size: cover
}

.queryform-dropdown .queryform-option-field:last-child {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.queryform-dropdown .queryform-option-field:not(:last-child) {
    border-bottom: .03125rem solid #898a8d
}

.queryform-dropdown .queryform-arrow-down {
    background: url(clientlib-site/resources/images/formOverlay/down-arrow.svg) 50% no-repeat;
    width: .79563rem;
    height: .48375rem
}

.queryform-dropdown .queryform-arrow-up {
    background: url(clientlib-site/resources/images/formOverlay/up-arrow.svg) 50% no-repeat;
    width: .79563rem;
    height: .48375rem
}

.white-background .dropDown-searchElement {
    color: #000
}

.white-background .dropDown-searchElement::-webkit-input-placeholder {
    color: #494c4d
}

.white-background .dropDown-searchElement::-moz-placeholder {
    color: #494c4d
}

.white-background .dropDown-searchElement:-ms-input-placeholder {
    color: #494c4d
}

.white-background .dropDown-searchElement::-ms-input-placeholder {
    color: #494c4d
}

.white-background .dropDown-searchElement::placeholder {
    color: #494c4d
}

.white-background .dropDown-outerDiv {
    background-color: #fff
}

.white-background .dropDown-outerDiv:focus-within,
.white-background .dropDown-outerDiv:hover {
    border-bottom: .0625rem solid #5e6162
}

.white-background .searchable-dropDown-label {
    color: #747678
}

.white-background .dropDown-selectElement {
    text-overflow: ellipsis;
    color: #000
}

.white-background .dropDown-selectElement:invalid {
    color: #747678
}

.white-background .dropDown-menu {
    background-color: #fff
}

.white-background .dropDown-menuItem {
    color: #747678
}

.white-background .dropDown-menuItem.selected,
.white-background .dropDown-menuItem:focus,
.white-background .dropDown-menuItem:hover {
    background-color: #f4f3f9;
    font-family: Basis-bold;
    color: #000
}

.white-background .dropDown-menuItem.selected:after {
    background: url(clientlib-site/resources/images/formOverlay/check-selected-black.svg) 50% no-repeat
}

.black-background .dropDown-searchElement {
    color: #fff
}

.black-background .dropDown-searchElement::-webkit-input-placeholder {
    color: #fff
}

.black-background .dropDown-searchElement::-moz-placeholder {
    color: #fff
}

.black-background .dropDown-searchElement:-ms-input-placeholder {
    color: #fff
}

.black-background .dropDown-searchElement::-ms-input-placeholder {
    color: #fff
}

.black-background .dropDown-searchElement::placeholder {
    color: #fff
}

.black-background .dropDown-outerDiv {
    background-color: #000
}

.black-background .dropDown-outerDiv:focus-within,
.black-background .dropDown-outerDiv:hover {
    border-bottom: .0625rem solid #fff
}

.black-background .searchable-dropDown-label {
    color: #9e9fa3
}

.black-background .dropDown-selectElement,
.black-background .dropDown-selectElement:invalid {
    color: #fff
}

.black-background .dropDown-menu {
    background-color: #000
}

.black-background .dropDown-menuItem {
    color: #b4b4b8
}

.black-background .dropDown-menuItem.selected,
.black-background .dropDown-menuItem:focus,
.black-background .dropDown-menuItem:hover {
    background-color: #1e2222;
    font-family: Basis-bold;
    color: #fff
}

.black-background .dropDown-menuItem.selected:after {
    background: url(clientlib-site/resources/images/formOverlay/Check-selected.svg) 50% no-repeat
}

.formfield {
    min-height: 6.25rem;
    max-height: 13rem
}

.formfield .error-text {
    margin-top: .5rem;
    margin-bottom: 1rem;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.formfield .searchable-dropDown-label {
    visibility: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: uppercase;
    font-size: .875rem;
    margin-bottom: 0
}

.formfield .searchable-dropDown-label.display-label {
    visibility: visible
}

.formfield .dropDown-outerDiv {
    position: relative;
    border-bottom: .0625rem solid #898a8d;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.formfield .dropDown-outerDiv .dd-arrow {
    position: relative;
    display: inline-block;
    padding: .5rem;
    top: .6rem;
    right: 0;
    cursor: pointer;
    background: url(clientlib-site/resources/images/formOverlay/down-arrow.svg) 50% no-repeat
}

.formfield .dropDown-outerDiv.dropdown-open .dd-arrow {
    position: relative;
    display: inline-block;
    padding: .5rem;
    top: .6rem;
    right: 0;
    cursor: pointer;
    background: url(clientlib-site/resources/images/formOverlay/up-arrow.svg) 50% no-repeat
}

.formfield .dropDown-outerDiv.search-focus,
.formfield .dropDown-outerDiv.search-focus:focus {
    border-bottom: .0625rem solid #e41165
}

.formfield .dropDown-outerDiv .dropDown-searchElement {
    padding-bottom: 1rem;
    font-size: 1.125rem;
    background-color: unset;
    outline: none;
    border: none;
    width: 100%;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.formfield .dropDown-outerDiv .dropDown-searchElement::-webkit-input-placeholder {
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.formfield .dropDown-outerDiv .dropDown-searchElement::-moz-placeholder {
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.formfield .dropDown-outerDiv .dropDown-searchElement:-ms-input-placeholder {
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.formfield .dropDown-outerDiv .dropDown-searchElement::-ms-input-placeholder {
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.formfield .dropDown-outerDiv .dropDown-searchElement::placeholder {
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.formfield .dropDown-outerDiv .dropDown-searchElement::-webkit-input-placeholder:first-letter {
    text-transform: capitalize
}

.formfield .dropDown-outerDiv .dropDown-searchElement::-moz-placeholder:first-letter {
    text-transform: capitalize
}

.formfield .dropDown-outerDiv .dropDown-searchElement:-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.formfield .dropDown-outerDiv .dropDown-searchElement::-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.formfield .dropDown-outerDiv .dropDown-searchElement::placeholder:first-letter {
    text-transform: capitalize
}

.formfield .dropDown-outerDiv .dropDown-selectElement {
    padding-top: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-bottom: 1rem;
    font-size: 18px;
    background-color: unset;
    outline: none;
    border: none;
    width: 100%;
    text-overflow: ellipsis;
    cursor: pointer;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.formfield .dropDown-menu {
    cursor: pointer;
    padding: 0;
    margin: 0;
    top: 2.8125rem;
    position: absolute;
    width: 100%;
    border: .0625rem solid #898a8d;
    border-top: 0;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    z-index: 10;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    max-height: 18.75rem;
    overflow-y: auto;
    scrollbar-width: thin;
    overflow-y: overlay
}

.formfield .dropDown-menu::-webkit-scrollbar {
    width: .3125rem
}

.formfield .dropDown-menu:hover::-webkit-scrollbar-track-piece {
    border-radius: 6.25rem
}

.formfield .dropDown-menu::-webkit-scrollbar-thumb {
    margin-top: 6.25rem;
    height: 1.875rem;
    background-color: #9e9fa3;
    border-radius: 6.25rem
}

.formfield .dropDown-menu .dropDown-menuItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding: 1rem;
    margin: 0;
    font-size: 1.125rem;
    font-family: Basis-regular;
    line-height: 1.5625rem;
    word-break: break-word;
    letter-spacing: .03125rem;
    position: relative
}

.formfield .dropDown-menu .dropDown-menuItem.selected:after {
    content: "";
    padding: 1rem;
    width: 1.5625rem;
    height: 1.5625rem
}

.formfield .dropDown-menu .dropDown-menuItem:last-child {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.formfield .dropDown-menu .dropDown-menuItem:not(:last-child) {
    border-bottom: .03125rem solid #898a8d
}

.contact-welcome-outer-wrapper {
    background-color: #000;
    color: #fff;
    font-family: Basis-Light
}

@media only screen and (max-width:1201px) {
    .contact-welcome-outer-wrapper {
        overflow-y: auto;
        overflow-y: overlay
    }
}

.contact-welcome-outer-wrapper .contact-welcome-inner-container {
    margin: 60px 0 50px
}

.contact-welcome-outer-wrapper .contact-welcome-main-heading {
    font-size: 4.125rem;
    font-family: Houschka-medium;
    font-weight: 500
}

@media only screen and (max-width:767px) {
    .contact-welcome-outer-wrapper .contact-welcome-main-heading {
        font-size: 3.5rem;
        line-height: 3.5rem
    }
}

.contact-welcome-outer-wrapper .contact-welcome-sub-heading {
    font-size: 1.375rem;
    color: #b4b4b8;
    font-family: Basis-regular;
    font-weight: 100;
    letter-spacing: .03125rem
}

@media only screen and (max-width:767px) {
    .contact-welcome-outer-wrapper .contact-welcome-sub-heading {
        font-size: 1.125rem;
        padding-bottom: 1rem
    }
}

.contact-welcome-outer-wrapper .contact-welcome-box-inner-wrapper {
    height: 8.5rem;
    text-align: center;
    border-radius: .3125rem;
    border: 1px solid #494c4d;
    padding: 2.3rem;
    cursor: pointer
}

.contact-welcome-outer-wrapper .contact-welcome-box-inner-wrapper:hover {
    background: rgba(244, 243, 249, .1);
    border: 1px solid #fff
}

.contact-welcome-outer-wrapper .boxmodel-image {
    margin: 0 auto;
    text-align: center
}

.contact-welcome-outer-wrapper .contact-welcome-boxtext {
    font-size: 1.125rem;
    color: #fff;
    text-decoration: none;
    font-family: Basis-medium
}

.contact-welcome-outer-wrapper .contact-welcome-content-desc {
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #b4b4b8;
    padding: .9375rem;
    font-family: Basis-regular
}

.contact-welcome-outer-wrapper .contact-welcome-forms {
    padding: .9375rem
}

.contact-welcome-outer-wrapper .contact-welcome-form-inner {
    position: static;
    height: 2rem;
    left: 0;
    top: .25rem;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem
}

@media only screen and (max-width:1280px) {
    .contact-welcome-outer-wrapper .contact-welcome-form-inner {
        padding-right: .625rem
    }
}

@media only screen and (max-width:767px) {
    .contact-welcome-outer-wrapper .contact-welcome-form-inner {
        width: 100%
    }
}

.contact-welcome-outer-wrapper .contact-welcome-form-wrapper {
    padding-left: 0
}

.contact-welcome-outer-wrapper .contact-welcome-form-wrapper a {
    color: #fff;
    text-decoration: none
}

.contact-welcome-outer-wrapper .contact-welcome-box-text {
    font-size: 1.125rem;
    line-height: 2rem;
    margin-right: .3rem;
    font-family: Basis-medium;
    font-style: normal
}

.contact-welcome-outer-wrapper .contact-welcome-box-text:hover {
    text-decoration: underline
}

.contact-welcome-outer-wrapper .contact-welcome-box-arrow {
    top: .4375rem
}

.contact-welcome-outer-wrapper .contact-welcome-white-bg {
    height: 1.8625rem;
    width: 1.8625rem;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer
}

.contact-welcome-outer-wrapper .contact-welcome-white-bg:hover .contact-welcome-right-arrow {
    -webkit-animation: backToFirst 1s;
    animation: backToFirst 1s
}

.contact-welcome-outer-wrapper .contact-welcome-right-arrow {
    background: url(clientlib-site/resources/images/formOverlay/VectorrightArrow.svg) no-repeat;
    top: .4375rem;
    left: .4375rem;
    width: 1rem;
    height: .9725rem
}

.contact-welcome-outer-wrapper .contact-welcome-right-arrow img {
    height: .75rem
}

.contact-welcome-outer-wrapper .contact-welcome-box-outer .contact-welcome-box-outer-url {
    color: #fff;
    text-decoration: none
}

.contact-welcome-outer-wrapper .contact-welcome-box-outer .contact-welcome-box-outer-url:hover {
    text-decoration: none
}

.career-card-section {
    padding: 65px 0;
    background: #1e2222
}

@media screen and (max-width:1199px) {
    .career-card-section {
        padding: 61px 0 77px
    }
}

@media screen and (max-width:599px) {
    .career-card-section {
        padding: 38px 10px 38px 8px
    }
}

.career-card-section .card-vertical-divider {
    position: relative
}

.career-card-section .card-vertical-divider:after {
    content: "";
    background: #f4f3f9;
    width: .0625rem;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0
}

@media screen and (max-width:599px) {
    .career-card-section .card-vertical-divider:after {
        width: 91%;
        height: 1px;
        top: 0;
        left: 15px;
        right: 15px
    }
}

.career-card-section .career-card .career-title {
    font-family: Houschka-medium;
    font-size: 3.5rem;
    line-height: 3.5rem;
    margin-bottom: 1.5rem
}

@media screen and (max-width:1199px) {
    .career-card-section .career-card .career-title {
        margin-bottom: 2rem;
        font-size: 2.5rem;
        line-height: 3rem
    }
}

.career-card-section .career-card .career-description p {
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #b4b4b8;
    margin-bottom: 1.5rem
}

.career-card-section .career-card:first-child {
    width: 80%
}

@media screen and (max-width:1199px) {
    .career-card-section .career-card:first-child {
        width: 90%
    }
}

@media screen and (max-width:599px) {
    .career-card-section .career-card:first-child {
        width: 100%;
        padding-bottom: 2rem
    }
}

.career-card-section .card-padding-left {
    padding-left: 6.5625rem;
    width: 95% !important
}

@media screen and (max-width:1199px) {
    .career-card-section .card-padding-left {
        padding-left: 2.1875rem;
        width: 99% !important
    }
}

@media screen and (max-width:599px) {
    .career-card-section .card-padding-left {
        padding-left: 0;
        width: 100% !important;
        padding-top: 2rem
    }
}

.os-theme-dark.os-theme-orange>.os-scrollbar-vertical {
    width: 6px;
    padding: 0;
    background-color: #fff;
    white-space: nowrap;
    position: relative;
    overflow: hidden
}

.os-theme-dark.os-theme-orange>.os-scrollbar-vertical:after {
    content: "..........................................................................................................";
    letter-spacing: 6px;
    font-size: 30px;
    color: #c9c9ce;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    vertical-align: 3px
}

@media (hover:hover) {
    .os-theme-dark.os-theme-orange>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
        background-color: #000
    }
}

.os-theme-dark.os-theme-orange>.os-scrollbar>.os-scrollbar-track {
    border-radius: 9pt
}

.os-theme-dark.os-theme-orange>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-dark.os-theme-orange>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
    background-color: #000
}

.os-theme-dark.os-theme-hotel-listing-select>.os-scrollbar>.os-scrollbar-track {
    border-radius: 5px
}

.os-scrollbar.os-scrollbar-vertical .os-scrollbar-track .os-scrollbar-handle {
    width: 56px !important;
    height: 56px !important;
    background-color: #000 !important;
    border-radius: 50% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer
}

.os-scrollbar.os-scrollbar-vertical .os-scrollbar-track {
    position: relative
}

.os-scrollbar.os-scrollbar-vertical {
    width: 75px !important
}

.os-scrollbar.os-scrollbar-horizontal .os-scrollbar-track .os-scrollbar-handle {
    width: 56px !important;
    height: 56px !important;
    background-color: #000 !important;
    border-radius: 99px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.os-scrollbar.os-scrollbar-horizontal {
    height: 56px !important;
    padding: 0 20px
}

.download-report-wrapper {
    padding: 3rem 0
}

@media only screen and (min-width:1200px) {
    .download-report-wrapper {
        padding: 4rem 0
    }
}

.download-report-wrapper .download-report-row {
    padding: 2rem 0 1.625rem;
    border-bottom: 1px solid #c9c9ce
}

@media only screen and (min-width:600px) {
    .download-report-wrapper .download-report-row {
        padding: 1.5rem 0
    }
}

@media only screen and (min-width:600px) {
    .download-report-wrapper .download-report-row .download-report-title-cell {
        width: 32.375rem;
        margin-right: 2.125rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1200px) {
    .download-report-wrapper .download-report-row .download-report-title-cell {
        width: 43.25rem;
        margin-right: 8.875rem
    }
}

.download-report-wrapper .download-report-row .download-report-title-cell .download-report-title {
    font-family: Basis-regular;
    font-size: 1.5rem;
    line-height: 2.1rem;
    letter-spacing: .03125rem;
    color: #000;
    margin-bottom: 1.125rem
}

@media only screen and (min-width:600px) {
    .download-report-wrapper .download-report-row .download-report-btn-cell {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.download-report-wrapper .download-report-row .download-report-btn-cell .download-report-btn .download-report-icon {
    background: url(clientlib-site/resources/images/share/download_doc-dark.svg) no-repeat;
    background-position: 50%;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .875rem
}

.download-report-wrapper .download-report-row .download-report-btn-cell .download-report-btn .download-report-text {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .09375rem;
    color: #747678
}

.download-report-wrapper .download-report-row .download-report-btn-cell .download-report-btn:hover {
    color: #747678
}

.advancetab-main-section .download-report-wrapper {
    margin-bottom: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.advancetab-main-section .download-report-wrapper .download-report-row:first-child {
    padding-top: 0
}

@media only screen and (max-width:1199px) {
    .advancetab-main-section.advancetab-viewall-variant .download-report-wrapper {
        margin-bottom: 0
    }
}

.dropdown-listing-section {
    padding-top: 1.75rem;
    padding-bottom: 1.5625rem
}

@media only screen and (min-width:600px) {
    .dropdown-listing-section {
        padding: 1.5rem 0 4.3125rem
    }
}

@media only screen and (min-width:1200px) {
    .dropdown-listing-section {
        padding: 4.125rem 0
    }
}

@media only screen and (min-width:600px) {
    .dropdown-listing-section .dropdown-container {
        width: 32.125rem;
        margin-bottom: 1rem
    }
}

@media only screen and (min-width:1200px) {
    .dropdown-listing-section .dropdown-container {
        width: 32.375rem;
        margin-bottom: 1.4375rem
    }
}

.dropdown-listing-section .dropdown-container .dropdown-list-btn {
    padding: 1rem 2.375rem 1rem 0;
    color: #000;
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    border: 0;
    border-bottom: 1px solid #898a8d;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: unset;
    transition: unset;
    width: 100%;
    border-top: 0;
    border-radius: 0;
    white-space: unset;
    min-height: 6.125rem
}

.dropdown-listing-section .dropdown-container .dropdown-list-btn:focus-visible {
    outline: 2px solid #000
}

@media only screen and (min-width:600px) {
    .dropdown-listing-section .dropdown-container .dropdown-list-btn {
        min-height: auto;
        padding: 1rem 2.75rem 1rem 0
    }
}

@media only screen and (max-width:599px) {
    .dropdown-listing-section .dropdown-container .dropdown-list-btn {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.dropdown-listing-section .dropdown-container .dropdown-list-btn:after {
    content: "";
    position: absolute;
    border: 0;
    background: url(clientlib-site/resources/images/chevron-down-c.svg);
    right: 0;
    width: 13px;
    height: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.dropdown-listing-section .dropdown-container.show .dropdown-list-btn {
    border: 0;
    border-bottom: 2px solid;
    -o-border-image: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-image: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-image-slice: 1;
    background: transparent;
    min-width: 10.9375rem;
    text-align: left
}

.dropdown-listing-section .dropdown-container.show .dropdown-list-btn:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (max-width:599px) {
    .dropdown-listing-section .dropdown-container.show .dropdown-list-btn {
        white-space: normal;
        overflow: initial;
        text-overflow: clip
    }
}

.dropdown-listing-section .dropdown-container .listing-dropdown {
    top: -3px !important;
    padding: 0;
    border-radius: 0 0 .375rem .375rem;
    width: 100%;
    -webkit-transform: translate3d(0, 99px, 0) !important;
    transform: translate3d(0, 99px, 0) !important;
    border: 1px solid #898a8d;
    border-top: 0;
    background-color: #fff;
    max-height: 20.3125rem;
    overflow-y: auto
}

.dropdown-listing-section .dropdown-container .listing-dropdown::-webkit-scrollbar {
    width: 8px
}

.dropdown-listing-section .dropdown-container .listing-dropdown::-webkit-scrollbar-track {
    background: #dfdee3;
    border-radius: 0 0 .25rem 0
}

.dropdown-listing-section .dropdown-container .listing-dropdown::-webkit-scrollbar-thumb {
    background: #e41165;
    border-radius: 6.1875rem
}

@media only screen and (min-width:600px) {
    .dropdown-listing-section .dropdown-container .listing-dropdown {
        -webkit-transform: translate3d(0, 67px, 0) !important;
        transform: translate3d(0, 67px, 0) !important
    }
}

.dropdown-listing-section .dropdown-container .listing-dropdown .dropdown-link-btn {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #747678;
    border-top: 1px solid #9e9fa3;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    white-space: unset
}

.dropdown-listing-section .dropdown-container .listing-dropdown .dropdown-link-btn:hover {
    color: #000;
    background: #f4f3f9
}

.dropdown-listing-section .dropdown-container .listing-dropdown .dropdown-link-btn.active {
    background: #fff;
    padding-right: 3rem !important;
    color: #000
}

.dropdown-listing-section .dropdown-container .listing-dropdown .dropdown-link-btn.active:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1rem;
    height: .8125rem;
    background-image: url(clientlib-site/resources/images/dropdown-check.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    content: "";
    right: 1.3125rem;
    position: absolute
}

.dropdown-listing-section .dropdown-container .listing-dropdown .dropdown-link-btn.active:hover {
    background: #f4f3f9
}

.dropdown-listing-section .dropdown-container .listing-dropdown .dropdown-link-btn:first-child {
    border-top: 0
}

.dropdown-listing-section .dropdown-list-title {
    font-family: Houschka-medium;
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: .5rem;
    color: #000
}

@media only screen and (min-width:600px) {
    .dropdown-listing-section .dropdown-list-title {
        font-size: 2.5rem
    }
}

@media only screen and (min-width:1200px) {
    .dropdown-listing-section .dropdown-list-title {
        margin-bottom: .75rem
    }
}

.dropdown-listing-section .dropdown-table-row {
    border-bottom: 1px solid #c9c9ce;
    padding-bottom: .8125rem;
    padding-top: 2rem
}

@media only screen and (min-width:600px) and (max-width:1199px) {
    .dropdown-listing-section .dropdown-table-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width:1200px) {
    .dropdown-listing-section .dropdown-table-row {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: .5rem
    }

    .dropdown-listing-section .dropdown-table-row .dropdown-table-cell:first-child,
    .dropdown-listing-section .dropdown-table-row .dropdown-table-cell:nth-child(3) {
        width: calc(40% - 1pc)
    }

    .dropdown-listing-section .dropdown-table-row .dropdown-table-cell:nth-child(2) {
        width: calc(20% - 1pc)
    }
}

@media only screen and (min-width:600px) and (max-width:1199px) {
    .dropdown-listing-section .dropdown-table-row .dropdown-table-cell:first-child {
        width: 100%
    }

    .dropdown-listing-section .dropdown-table-row .dropdown-table-cell:nth-child(2) {
        margin-right: 2rem
    }

    .dropdown-listing-section .dropdown-table-row .dropdown-table-cell:nth-child(2),
    .dropdown-listing-section .dropdown-table-row .dropdown-table-cell:nth-child(3) {
        width: calc(50% - 1pc)
    }
}

.dropdown-listing-section .table-header {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .09375rem;
    color: #747678
}

@media only screen and (min-width:1200px) {
    .dropdown-listing-section .table-header {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.dropdown-listing-section .cell-title-name {
    font-family: Basis-regular;
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: .03125rem;
    color: #000
}

.dropdown-listing-section .cell-position-desc,
.dropdown-listing-section .cell-role-desc {
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #494c4d
}

.dropdown-listing-section .cell-position-desc {
    font-family: Basis-medium
}

.dropdown-listing-section .cell-role-desc {
    font-family: Basis-regular
}

.dropdown-listing-section.dropdown-listing-dark .cell-title-name,
.dropdown-listing-section.dropdown-listing-dark .dropdown-container .dropdown-list-btn,
.dropdown-listing-section.dropdown-listing-dark .dropdown-list-title {
    color: #fff
}

.dropdown-listing-section.dropdown-listing-dark .dropdown-container .listing-dropdown {
    background-color: #000;
    border: 1px solid #898a8d;
    border-top: 0
}

.dropdown-listing-section.dropdown-listing-dark .dropdown-container .listing-dropdown .dropdown-link-btn {
    background-color: #000;
    border-top: 1px solid #898a8d;
    color: #b4b4b8
}

.dropdown-listing-section.dropdown-listing-dark .dropdown-container .listing-dropdown .dropdown-link-btn:hover {
    color: #fff;
    background: #1e2222
}

.dropdown-listing-section.dropdown-listing-dark .dropdown-container .listing-dropdown .dropdown-link-btn.active {
    color: #fff
}

.dropdown-listing-section.dropdown-listing-dark .dropdown-container .listing-dropdown .dropdown-link-btn.active:after {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.dropdown-listing-section.dropdown-listing-dark .dropdown-container .listing-dropdown .dropdown-link-btn.active:hover {
    background: #1e2222
}

.dropdown-listing-section.dropdown-listing-dark .dropdown-container .listing-dropdown .dropdown-link-btn:first-child {
    border-top: 0
}

.dropdown-listing-section.dropdown-listing-dark .dropdown-container .listing-dropdown::-webkit-scrollbar-track {
    background: #333737
}

.dropdown-listing-section.dropdown-listing-dark .cell-position-desc,
.dropdown-listing-section.dropdown-listing-dark .cell-role-desc {
    color: #c9c9ce
}

.dropdown-listing-section.dropdown-listing-dark .dropdown-table-row {
    border-bottom: 1px solid #494c4d
}

.dynamic-filter-panel {
    padding: 3rem 0
}

.dynamic-filter-panel .filter-section-heading {
    font-size: 2rem;
    line-height: 40px;
    color: #000;
    font-family: Houschka-medium;
    margin-bottom: 1.5rem
}

.dynamic-filter-panel .filter-title {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    color: #000;
    padding: 14px 0 10px
}

.dynamic-filter-panel .filter-sep {
    background-color: #d9d9d9;
    margin-right: .75rem;
    height: 2pc;
    width: 2px;
    padding: 1pc 0 25px
}

.dynamic-filter-panel .filter-dropdown-btn {
    font-family: Basis-regular;
    font-weight: 400;
    font-size: 18px;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #747678;
    background-color: transparent;
    margin-right: 26px;
    padding: 1pc 30px 1pc 20px
}

.dynamic-filter-panel .filter-dropdown-btn.selected,
.dynamic-filter-panel .filter-dropdown-btn:hover {
    color: #000
}

.dynamic-filter-panel .filter-dropdown-btn.selected:after {
    height: 2px;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    position: absolute;
    bottom: 0;
    left: 13px;
    width: 100%;
    content: ""
}

.dynamic-filter-panel .filter-dropdown-btn.selected:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.dynamic-filter-panel .filter-dropdown-btn:before {
    position: absolute;
    right: -3px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(clientlib-site/resources/images/chevron-down-c.svg);
    content: "";
    top: 50%;
    margin-top: -10px
}

.dynamic-filter-panel .active-selected-filter .filter-dropdown-text:after {
    height: 8px !important;
    width: 8px !important;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    position: absolute;
    top: 17px;
    right: 9pt;
    border-radius: 50%;
    width: 100%;
    content: "";
    display: none
}

.dynamic-filter-panel .active-selected-filter .filter-accordian-text:after {
    height: 8px !important;
    width: 8px !important;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    position: absolute;
    top: -8px;
    right: -8px;
    border-radius: 50%;
    content: ""
}

.dynamic-filter-panel .filter-modal-button {
    width: 300px;
    font-family: Basis-Medium;
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    font-weight: 600;
    color: #000
}

.dynamic-filter-panel .filter-modal-button .filter-count {
    background-color: #e41165;
    border: 2px solid #fff;
    position: relative;
    width: 22px;
    height: 22px;
    font-size: .75rem;
    line-height: 1pc;
    letter-spacing: .15em;
    color: #fff;
    right: -40px;
    top: -10px;
    display: inline-block;
    border-radius: 1pc;
    font-family: Basis-bold;
    vertical-align: center
}

.dynamic-filter-panel .filter-modal-button:after {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(clientlib-site/resources/images/filters-ico-b.svg)
}

.dynamic-filter-panel .filter-search-card {
    min-height: 500px
}

.dynamic-filter-panel .filter-search-card .no-article-text {
    font-size: 1.125rem;
    color: #000;
    font-family: Basis-regular
}

.dynamic-filter-panel .filter-col:first-child .filter-title:after {
    background-color: #d9d9d9;
    margin-left: .75rem;
    margin-right: 0;
    height: 2pc;
    width: 2px;
    padding: 15px 0 25px;
    content: "";
    display: inline-block;
    vertical-align: middle
}

.dynamic-filter-panel .filter-overlay-backdrop {
    left: 0;
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    height: calc(100vh - 90pt)
}

.dynamic-filter-panel .filter-overlay-backdrop.filter-viewed {
    -webkit-transform: translateY(-56px);
    transform: translateY(-56px)
}

.dynamic-filter-panel .filter-overlay-backdrop .cipher-primary-btn {
    font-family: Basis-medium
}

.dynamic-filter-panel .filter-overlay-backdrop .filter-overlay-bg {
    min-height: 3in;
    background-color: #1e2222;
    max-height: calc(100% - 90px);
    overflow-y: auto
}

@media only screen and (max-width:1199px) {
    .dynamic-filter-panel .filter-overlay-backdrop {
        position: fixed;
        top: 0;
        height: 100vh;
        z-index: 1001;
        background: none
    }

    .dynamic-filter-panel .filter-overlay-backdrop .filter-overlay-bg {
        height: 100vh;
        max-height: 100vh;
        overflow-y: auto;
        position: relative
    }
}

.dynamic-filter-panel .filter-overlay-backdrop .filter-overlay-body {
    padding: 4rem 0 3.5rem
}

@media only screen and (max-width:1199px) {
    .dynamic-filter-panel .filter-overlay-backdrop .filter-overlay-body {
        padding: 1rem 0 3.5rem
    }
}

.dynamic-filter-panel .filter-overlay-backdrop .filter-popup-heading {
    font-family: Houschka-medium;
    font-size: 3.5rem;
    line-height: 56px;
    color: #fff;
    margin-bottom: 3rem
}

.dynamic-filter-panel .filter-overlay-backdrop .filter-pop-close-btn {
    right: 3.5%;
    top: 1rem;
    width: 3pc;
    height: 3pc;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #fff;
    border-radius: 3pc;
    background-color: #000;
    background-image: url(clientlib-site/resources/images/close.svg)
}

.dynamic-filter-panel .filter-overlay-backdrop .card {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

@media only screen and (max-width:1199px) {
    .dynamic-filter-panel .filter-overlay-backdrop .card .card-body {
        padding: 36px 0
    }
}

.dynamic-filter-panel .filter-overlay-backdrop .card-header {
    display: none;
    padding: 0;
    background-color: transparent;
    border: none
}

.dynamic-filter-panel .filter-overlay-backdrop .card-header .filter-acc-button {
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    color: #fff;
    padding: 1.5rem 3rem 1rem 0;
    font-family: Basis-bold;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    border-radius: 0
}

.dynamic-filter-panel .filter-overlay-backdrop .card-header .filter-acc-button.collapsed {
    border-bottom: 1px solid #b4b4b8
}

.dynamic-filter-panel .filter-overlay-backdrop .card-header .filter-acc-button.filter-acc-button:focus {
    border: 1px solid #fff !important
}

@media only screen and (max-width:1199px) {
    .dynamic-filter-panel .filter-overlay-backdrop .card-header {
        display: block
    }
}

@media only screen and (max-width:1199px) {
    .dynamic-filter-panel .filter-overlay-backdrop .collapse.show {
        border-bottom: 1px solid #b4b4b8
    }
}

.dynamic-filter-panel .filter-overlay-backdrop .filter-acc-button .accordion-btn-link-icon {
    top: 1rem;
    right: 0
}

.dynamic-filter-panel .filter-overlay-backdrop .filter-acc-button .accordion-btn-link-icon .expand-icon {
    height: 2.5rem;
    width: 2.5rem;
    right: 0;
    background-size: 1.25rem;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 1.25rem;
    -webkit-filter: invert(1);
    filter: invert(1)
}

.dynamic-filter-panel .filter-overlay-backdrop .filter-acc-button:not(.collapsed) .expand-icon {
    background-color: #000;
    background-image: url(clientlib-site/resources/images/accrodion/minus-white.svg)
}

.dynamic-filter-panel .filter-overlay-backdrop .filter-acc-button.collapsed .expand-icon {
    background-color: #000;
    background-image: url(clientlib-site/resources/images/accrodion/plus-white.svg)
}

@media only screen and (min-width:1200px) {
    .dynamic-filter-panel .filter-overlay-backdrop .filter-btn-container {
        margin-top: 2.625rem
    }
}

.dynamic-filter-panel .dynamic-filter-search {
    border-bottom: 1px solid #b4b4b8
}

.dynamic-filter-panel .btn-apply-filter:disabled {
    background: #747678
}

.dynamic-filter-panel .btn-clear-all {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #fff;
    border: none;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    font-family: Basis-regular
}

.dynamic-filter-panel .filter-accordian {
    margin-bottom: 3.5rem
}

.dynamic-filter-panel .filter-search-list {
    padding-top: 3rem
}

@media only screen and (max-width:599px) {
    .dynamic-filter-panel .filter-search-list {
        padding-top: 2rem
    }
}

.dynamic-filter-panel .filter-search-list .filter-list-view .filter-list-card {
    margin-bottom: 2.5rem
}

.dynamic-filter-panel .filter-search-list .filter-list-view .filter-list-card .filter-list-details {
    min-height: 225px
}

.dynamic-filter-panel .filter-search-list .filter-list-view .filter-list-card .filter-list-details .filter-details-title {
    margin-bottom: .3125rem
}

@media only screen and (min-width:599px) and (max-width:1199px) {
    .dynamic-filter-panel .filter-search-list .filter-list-view .filter-list-card .filter-list-details {
        min-height: 175px
    }

    .dynamic-filter-panel .filter-search-list .filter-list-view .filter-list-card .filter-list-details .filter-details-type-data {
        font-size: 1rem
    }
}

@media only screen and (max-width:599px) {
    .dynamic-filter-panel .filter-search-list .filter-list-view .filter-list-card .filter-list-details {
        min-height: auto
    }
}

.dynamic-filter-panel .filter-search-list .filter-list-view .filter-list-card .filter-list-details .filter-details-type {
    font-size: .875rem
}

@media only screen and (max-width:1199px) {
    .dynamic-filter-panel .filter-search-list .filter-list-view .filter-list-card {
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #b4b4b8
    }

    .dynamic-filter-panel .filter-search-list .filter-list-view .filter-list-card .filter-details-type {
        font-size: .875rem
    }
}

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

    .dynamic-filter-panel .filter-search-list .col-12:last-child .filter-list-card,
    .dynamic-filter-panel .filter-search-list .col-12:nth-child(6) .filter-list-card {
        border: none;
        margin-bottom: 3pc;
        padding-bottom: 0
    }
}

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

    .dynamic-filter-panel .filter-search-list .col-12:last-child .filter-list-card,
    .dynamic-filter-panel .filter-search-list .col-12:nth-child(6) .filter-list-card {
        margin-bottom: 40px
    }
}

.dynamic-filter-panel .filter-search-list .filter-list-card {
    margin-bottom: 3rem;
    text-decoration: none
}

.dynamic-filter-panel .filter-search-list .filter-list-card:hover .filter-details-title {
    text-decoration: underline;
    color: #000
}

@media only screen and (max-width:599px) {
    .dynamic-filter-panel .filter-search-list .filter-list-card {
        padding-bottom: .75rem;
        margin-bottom: 2.5rem;
        border-bottom: 1px solid #b4b4b8
    }
}

.dynamic-filter-panel .filter-search-list .filter-list-card .filter-list-thumb {
    height: auto;
    padding-top: 56.25%;
    margin-bottom: 1.25rem;
    background-size: cover
}

@media only screen and (max-width:599px) {
    .dynamic-filter-panel .filter-search-list .filter-list-card .filter-list-thumb {
        padding-top: 100%;
        margin-bottom: 0
    }
}

.dynamic-filter-panel .filter-search-list .filter-list-card .filter-list-details {
    padding-bottom: 25px
}

.dynamic-filter-panel .filter-search-list .filter-list-card .filter-list-details .filter-detail-desc {
    font-size: 1rem;
    line-height: 24px;
    margin-top: 5px;
    font-family: Basis-regular;
    letter-spacing: .5px;
    color: #494c4d
}

.dynamic-filter-panel .filter-search-list .filter-list-card .filter-list-details .filter-details-type {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1pc;
    letter-spacing: .15em;
    color: #1e2222;
    margin-bottom: .75rem;
    text-align: left
}

.dynamic-filter-panel .filter-search-list .filter-list-card .filter-list-details .filter-details-title {
    font-size: 1.5rem;
    line-height: 34px;
    font-family: Basis-regular;
    color: #000;
    letter-spacing: .5px;
    margin-bottom: .75rem
}

@media only screen and (max-width:599px) {
    .dynamic-filter-panel .filter-search-list .filter-list-card .filter-list-details .filter-details-title {
        font-size: 1.125rem;
        line-height: 25px
    }
}

.dynamic-filter-panel .filter-search-list .filter-list-card .filter-list-details .filter-details-type-data {
    font-size: .875rem;
    font-family: Basis-regular;
    line-height: 24px;
    color: #747678;
    bottom: 0;
    left: 0;
    letter-spacing: .5px;
    position: absolute
}

@media only screen and (max-width:599px) {
    .dynamic-filter-panel .filter-search-list .filter-list-card .filter-list-details .filter-details-type-data {
        position: static
    }
}

@media only screen and (max-width:599px) {
    .dynamic-filter-panel .filter-search-list .filter-list-card .filter-list-details {
        padding-bottom: 0
    }
}

.dynamic-filter-panel .filter-results {
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #747678;
    font-family: Basis-regular
}

.dynamic-filter-panel .filter-list-pagination {
    padding-top: 1rem;
    border-top: 1px solid #494c4d
}

@media only screen and (max-width:599px) {
    .dynamic-filter-panel .filter-list-pagination {
        padding-top: 2.5rem
    }
}

.dynamic-filter-panel .filter-list-pagination .pagination-button {
    background-size: 15px;
    width: 56px;
    height: 56px;
    border: none;
    background-color: #f4f3f9;
    vertical-align: middle
}

.dynamic-filter-panel .filter-list-pagination .pagination-button:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url(clientlib-site/resources/images/arrow-right-w.svg) no-repeat 50%;
    content: "";
    -webkit-filter: invert(1);
    filter: invert(1)
}

.dynamic-filter-panel .filter-list-pagination .pagination-button[disabled]:after {
    opacity: .35
}

.dynamic-filter-panel .filter-list-pagination .pagination-button.filter-pagination-prev-button:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.dynamic-filter-panel .filter-list-pagination .pagination-dropdown {
    width: 156px;
    font-size: .875rem;
    font-family: Basis-Bold;
    line-height: 24px;
    letter-spacing: .15em;
    color: #747678
}

.dynamic-filter-panel .filter-list-pagination .pagination-dropdown .page-selected {
    padding: 1pc 2pc 1pc 1pc;
    line-height: 24px
}

.dynamic-filter-panel .filter-list-pagination .pagination-dropdown.search-list-count-dropdown {
    width: 75pt
}

.dynamic-filter-panel .filter-list-pagination .pagination-dropdown .dropdown-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(clientlib-site/resources/images/chevron-down-c.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    content: "";
    right: 1.25rem
}

.dynamic-filter-panel .filter-list-pagination .pagination-dropdown.opened .dropdown-arrow {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.dynamic-filter-panel .filter-list-pagination .pagination-dropdown.opened .pagination-pages {
    display: block
}

.dynamic-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages {
    display: none;
    border-bottom: 2px solid #e41165;
    bottom: 3.5rem;
    background-color: #000;
    left: 0;
    width: 100%;
    height: auto;
    overflow-y: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.dynamic-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages.dropdown-height {
    height: 15rem
}

@media only screen and (max-width:1199px) {
    .dynamic-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages.dropdown-height {
        height: 12rem
    }
}

@media only screen and (max-width:599px) {
    .dynamic-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages.dropdown-height {
        height: 10rem
    }
}

.dynamic-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages::-webkit-scrollbar {
    width: 6px
}

.dynamic-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages::-webkit-scrollbar-track {
    background: #898a8d
}

.dynamic-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages::-webkit-scrollbar-thumb {
    background: #e41165;
    height: 20px
}

.dynamic-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages::-webkit-scrollbar-thumb:hover {
    background: #c9c9ce
}

.dynamic-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages .page-number {
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    color: #b4b4b8
}

.dynamic-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages .pagination-number {
    background-color: transparent;
    font-size: .875rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #fff;
    padding: 8px 1pc;
    border: 1px solid transparent;
    border-right: none;
    border-left: none
}

.dynamic-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages .pagination-number.selected:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(clientlib-site/resources/images/dropdown-check.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-filter: invert(1);
    filter: invert(1);
    content: "";
    right: 1rem;
    position: absolute
}

.dynamic-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages .pagination-number:hover {
    background-color: #1e2222;
    border-top: 1px solid #9e9fa3;
    border-bottom: 1px solid #9e9fa3
}

.dynamic-filter-panel .tag-break {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.dynamic-filter-panel .filter-list-title {
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    font-family: Basis-bold;
    font-weight: 700;
    color: #fff
}

.dynamic-filter-panel .tag-disabled,
.dynamic-filter-panel .text-disabled {
    opacity: .25
}

.dynamic-filter-panel .tag-disabled.tag-link,
.dynamic-filter-panel .tag-disabled.tag-link:hover,
.dynamic-filter-panel .text-disabled.tag-link,
.dynamic-filter-panel .text-disabled.tag-link:hover {
    cursor: default
}

.dynamic-filter-panel .tag-link {
    font-weight: 400;
    font-size: .875rem;
    line-height: 24px;
    color: #fff;
    padding: .5rem 1.25rem;
    border: 1px solid #5e6162;
    font-family: Basis-regular;
    border-radius: 20px;
    min-width: 85px;
    text-align: center;
    margin: 0 1rem .625rem 0;
    cursor: pointer
}

.dynamic-filter-panel .tag-link.tag-read-more {
    background-color: #333737
}

.dynamic-filter-panel .tag-link.tag-read-more:hover:before {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.dynamic-filter-panel .tag-link.tag-read-more:before {
    background-image: url(clientlib-site/resources/images/chevron-down-w.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 24px;
    position: absolute;
    right: 1pc;
    top: 50%;
    width: 24px;
    height: 24px;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dynamic-filter-panel .tag-link.tag-read-more.tag-read-less:before {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

@media only screen and (max-width:1199px) {
    .dynamic-filter-panel .tag-link {
        min-width: 4.6875rem;
        margin: 0 .625rem .625rem 0
    }
}

.dynamic-filter-panel .tag-link .tag-close {
    display: none
}

.dynamic-filter-panel .tag-link:not(.tag-disabled):hover {
    background-color: #fff;
    color: #000;
    position: relative;
    -webkit-box-shadow: 0 0 0 .125rem #fff;
    box-shadow: 0 0 0 .125rem #fff
}

.dynamic-filter-panel .tag-link.selected {
    background-color: #fff;
    color: #000;
    position: relative;
    padding-right: 2.25rem
}

.dynamic-filter-panel .tag-link.selected .tag-close {
    background: transparent url(clientlib-site/resources/images/close-b.svg) 50% no-repeat;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 1rem;
    height: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    right: .75rem;
    border: none
}

.dynamic-filter-panel .tag-link.selected:after {
    position: absolute;
    left: 1%;
    top: 4%;
    width: 98%;
    height: 92%;
    content: "";
    border-radius: 20px
}

.dynamic-filter-panel .filter-modal-button:hover {
    border: 1.5px solid #000
}

.dynamic-filter-panel .dynamic-filter-list {
    padding: 1.5rem 0 0;
    overflow-x: auto
}

.dynamic-filter-panel .dynamic-filter-list .swiper-slide {
    width: auto
}

.dynamic-filter-panel .dynamic-filter-list .break-flex {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: 0
}

.dynamic-filter-panel .dynamic-filter-list::-webkit-scrollbar {
    height: 4px;
    opacity: 0
}

.dynamic-filter-panel .dynamic-filter-list::-webkit-scrollbar-track {
    background: #dfdee3;
    border-radius: 0 0 .25rem 0
}

.dynamic-filter-panel .dynamic-filter-list::-webkit-scrollbar-thumb {
    background: #e41165;
    border: none;
    border-right: 50vw solid #dfdee3
}

.dynamic-filter-panel .dynamic-filter-list .dynamic-filter-selected-list .dynamic-filter-selected-item {
    background-color: #dfdee3;
    color: #5e6162;
    font-family: Basis-regular;
    line-height: 100%;
    font-size: .875rem;
    border-radius: 24px;
    border: 1px solid transparent;
    margin-right: .5rem;
    line-height: 14px;
    letter-spacing: .5px;
    position: relative;
    text-transform: capitalize;
    text-wrap: nowrap;
    padding: .5rem 2.25rem .5rem 1rem
}

.dynamic-filter-panel .dynamic-filter-list .dynamic-filter-selected-list .dynamic-filter-selected-item:hover {
    border: 1px solid #5e6162
}

.dynamic-filter-panel .dynamic-filter-list .dynamic-filter-selected-list .dynamic-filter-selected-item.list-filter-clear {
    background-color: transparent;
    text-decoration: underline;
    border: none
}

.dynamic-filter-panel .dynamic-filter-list .dynamic-filter-selected-list .dynamic-filter-selected-item:not(.tag-disabled):hover {
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0 0 0 .125rem #fff;
    box-shadow: 0 0 0 .125rem #fff
}

.dynamic-filter-panel .dynamic-filter-list .dynamic-filter-selected-list .dynamic-filter-selected-item .tag-close {
    background: transparent url(clientlib-site/resources/images/close-g.svg) 50% no-repeat;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 1rem;
    height: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .75rem;
    border: none
}

.dynamic-filter-panel .dynamic-filter-list .dynamic-filter-selected-list .dynamic-filter-selected-item:hover {
    background-color: #fff;
    position: relative
}

.dynamic-filter-panel .dynamic-filter-list .dynamic-filter-selected-list .dynamic-filter-selected-item:hover:after {
    position: absolute;
    left: 1%;
    top: 4%;
    width: 98%;
    height: 92%;
    content: "";
    border-radius: 20px
}

.dynamic-filter-panel .cipher-custom-container .cipher-custom-container {
    margin: auto
}

@media only screen and (min-width:1920px) {
    .dynamic-filter-panel .cipher-custom-container .cipher-custom-container {
        max-width: 103pc !important
    }
}

@media only screen and (min-width:1200px) {
    .dynamic-filter-panel .cipher-custom-container .cipher-custom-container {
        max-width: calc(100% - 150px)
    }
}

@media only screen and (max-width:1199px) {
    .dynamic-filter-panel .cipher-custom-container .cipher-custom-container {
        max-width: calc(100% - 88px)
    }
}

@media only screen and (max-width:767px) {
    .dynamic-filter-panel .cipher-custom-container .cipher-custom-container {
        max-width: calc(100% - 88px)
    }
}

@media only screen and (max-width:576px) {
    .dynamic-filter-panel .cipher-custom-container .cipher-custom-container {
        max-width: calc(100% - 3pc)
    }
}

.dynamic-filter-panel .filter-by-txt {
    color: #5e6162;
    min-width: 85px;
    font-family: Basis-regular;
    line-height: 100%;
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .5px
}

.negativeindex {
    z-index: -1
}

.media-query-top {
    top: 0
}

@media screen and (min-width:1200px) {
    .media-query-top {
        top: 98px
    }
}

.email-signup-main-section {
    background: #1e2222
}

.email-signup-main-section .signup-left-image-section {
    height: 25.5rem
}

.email-signup-main-section .signup-left-image-section .signup-left-image {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.email-signup-main-section .signup-right-content-section {
    padding: 3rem 6rem;
    height: 25.5rem;
    margin: auto
}

@media only screen and (max-width:1199px) {
    .email-signup-main-section .signup-right-content-section {
        max-width: calc(100% - 88px);
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

@media only screen and (max-width:767px) {
    .email-signup-main-section .signup-right-content-section {
        max-width: calc(100% - 88px);
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

@media only screen and (max-width:576px) {
    .email-signup-main-section .signup-right-content-section {
        max-width: calc(100% - 3pc);
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section {
    height: 100%
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .signup-right-content-heading-h2 {
    font-family: Houschka-medium;
    color: #fff;
    font-size: 3.5rem;
    line-height: 3.5rem
}

@media only screen and (max-width:599px) {
    .email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .signup-right-content-heading-h2 {
        font-size: 3rem
    }
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .signup-right-content-secondaryheading-h2 {
    font-size: 1rem;
    color: #fff;
    font-family: Basis-bold;
    word-break: normal;
    line-height: 1.5rem;
    letter-spacing: .15em;
    text-transform: uppercase
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .signup-right-content-para-p {
    font-family: Basis-regular;
    font-size: 1.5rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #b4b4b8
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .email-signup-btn {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-radius: 6.25rem;
    font-size: 1.125rem;
    color: #fff;
    letter-spacing: .03125rem;
    height: 3.5rem;
    padding: 9pt 2pc;
    font-family: Basis-regular
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .email-signup-btn:hover {
    background: linear-gradient(102.57deg, #f84d9f, #d0121e);
    -webkit-transition: all .5s;
    transition: all .5s;
    text-decoration: none;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media only screen and (max-width:599px) {
    .email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .email-signup-btn {
        width: 100%
    }
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .email-signup-btn:not([disabled]):hover {
    background: linear-gradient(102.57deg, #f84d9f, #d0121e);
    color: #fff
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .email-signup-btn:disabled {
    opacity: .3;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .email-signup-btn:focus {
    -webkit-box-shadow: 0 0 0 2px #000 inset;
    box-shadow: inset 0 0 0 2px #000;
    border: .09375rem solid #f4a0c1;
    margin: .0625rem;
    background: linear-gradient(102.57deg, #f84d9f, #d0121e);
    -webkit-transition: all .5s;
    transition: all .5s;
    text-decoration: none
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .email-signup-input-field {
    font-family: Basis-regular;
    background: transparent;
    border: none;
    border-bottom: 1px solid #898a8d;
    border-radius: 0;
    padding: 1rem 2rem;
    height: 3.5rem;
    color: #fff;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .email-signup-input-field:placeholder {
    color: #fff;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px;
    font-family: Basis-regular
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .email-signup-input-field:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #898a8d
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .error-text,
.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .post-servlet-Error,
.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .sigunup-form-common-error-text {
    font-family: Basis-regular;
    font-size: .875rem;
    letter-spacing: .03125rem;
    color: #ff3e3e;
    margin-bottom: 0;
    height: 1rem
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .email-signup-mail-icon {
    background-image: url(clientlib-site/resources/images/emailSignUp/email.svg);
    left: 1rem;
    top: 1.125rem;
    bottom: 0;
    height: 1.375rem;
    width: 1.375rem
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .checkbox-label-content {
    display: block;
    padding-left: 1.25rem;
    margin-bottom: 0;
    cursor: pointer;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #9e9fa3
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .checkbox-label-content .checkbox-input {
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .checkbox-label-content p {
    font-family: Basis-regular;
    display: inline;
    margin-bottom: 8px
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .checkbox-label-content p strong>a {
    color: #fff;
    font-family: Basis-bold;
    text-decoration: underline
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .checkbox-label-content .checkbox-checkmark {
    top: 0;
    left: 0;
    height: 1rem;
    width: 1rem;
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: transparent
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .checkbox-label-content .checkbox-checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: .3125rem;
    top: .125rem;
    width: .25rem;
    height: .5rem;
    border: 1px solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .checkbox-label-content .checkbox-input:checked~.checkbox-checkmark {
    background-color: transparent
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .checkbox-label-content .checkbox-input:checked~.checkbox-checkmark:after {
    display: block
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .email-signup-thankyou-box .email-signup-email-icon {
    background-image: url(clientlib-site/resources/images/emailSignUp/thankyou-email-icon.svg);
    height: 3rem;
    width: 3rem
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .email-signup-thankyou-box h1 {
    font-family: Houschka-medium;
    font-size: 3.5rem;
    line-height: 3.5rem;
    color: #fff;
    margin-bottom: 2rem
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .email-signup-thankyou-box p {
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: .03125rem;
    font-family: Basis-regular;
    color: #b4b4b8
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .contact-server-error-msg {
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .contact-server-error-msg .email-signup-email-icon {
    background-image: url(clientlib-site/resources/images/emailSignUp/thankyou-email-icon.svg);
    height: 3rem;
    width: 3rem
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .contact-server-error-msg .contact-server-error-msg-heading {
    font-size: 2rem;
    color: #ff3e3e;
    font-family: Houschka-medium
}

.email-signup-main-section .signup-right-content-section .signup-right-content-inner-section .contact-server-error-msg .contact-server-error-msg-content {
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: .03125rem;
    font-family: Basis-regular;
    color: #b4b4b8
}

.email-signup-main-section .loader-button-wrapper {
    text-align: left
}

@media (min-width:601px) and (max-width:992px) {
    .email-signup-main-section .loader-button-wrapper {
        text-align: center
    }
}

.email-signup-main-section .loader-button-wrapper .loader-spin {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: .125rem solid hsla(0, 0%, 100%, .3);
    border-top-color: #fff;
    animation: loader-spin 1s ease-in-out infinite;
    -webkit-animation: loader-spin 1s ease-in-out infinite;
    vertical-align: middle;
    margin-left: .3125rem
}

.email-signup-main-section .loader-button-wrapper .loader-button {
    border: 1.5px solid #b4b4b8;
    background-color: unset;
    color: #fff;
    width: 10.875rem;
    font-size: 1.125rem;
    padding: .75rem 2rem;
    border-radius: 6.25rem;
    height: 3.5rem;
    font-weight: 500;
    letter-spacing: .03125rem;
    font-family: Basis-regular
}

@media only screen and (max-width:599px) {
    .email-signup-main-section .loader-button-wrapper .loader-button {
        width: 100%
    }
}

.email-signup-main-section .commonForm-verbiage {
    color: #9e9fa3;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .03125rem;
    font-family: Basis-regular;
    margin-bottom: 2rem
}

.email-signup-main-section .commonForm-verbiage p {
    margin-bottom: 0
}

.email-signup-main-section .commonForm-verbiage p strong>a {
    color: #fff;
    font-family: Basis-bold;
    text-decoration: underline
}

@media only screen and (max-width:1199px) {
    .email-signup-main-section .signup-right-content-section {
        padding: 4rem;
        min-height: 408px;
        height: auto
    }

    .email-signup-main-section .checkbox-element {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width:599px) {
    .email-signup-main-section .signup-right-content-section {
        padding: 3rem 1rem
    }
}

.checkbox-element .checkbox-input {
    border: 1px solid #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1rem;
    height: 1rem;
    border-radius: 4px;
    background-color: unset;
    margin-left: 0;
    cursor: pointer;
    margin-top: 3px
}

.checkbox-element .checkbox-input.checkbox-error {
    border: 1px solid #e02222
}

.checkbox-element .checkbox-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.checkbox-element .checkbox-input:checked[type=checkbox] {
    border: 1px solid #fff;
    background-image: url(clientlib-site/resources/images/formOverlay/Check-selected.svg);
    background-position: 50%;
    background-size: 9pt;
    background-repeat: no-repeat
}

.checkbox-element .error-text {
    margin-bottom: 0;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.checkbox-element .checkbox-label-content {
    width: 100%;
    line-height: 1.5rem;
    margin-left: 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.checkbox-element .checkbox-label-content p {
    display: inline;
    margin-bottom: 0
}

.checkbox-element .checkbox-label-content p strong>a {
    color: #fff;
    font-family: Basis-bold;
    text-decoration: underline
}

.event-details-section {
    padding-top: 3.125rem
}

@media screen and (max-width:1199px) {
    .event-details-section {
        padding-top: 1.5rem
    }
}

.event-details-section .event-details-border-bottom {
    border: 1px solid #b4b4b8;
    margin-top: 3.25rem;
    width: 68%;
    margin-bottom: 4.5rem
}

@media screen and (max-width:1199px) {
    .event-details-section .event-details-border-bottom {
        width: 100%;
        margin-top: 1.5rem
    }
}

@media screen and (max-width:599px) {
    .event-details-section .event-details-border-bottom {
        margin-bottom: 2.75rem;
        margin-top: 1.5rem
    }
}

@media screen and (max-width:768px) {
    .event-details-section .event-details-margin {
        margin-top: 1.5rem !important
    }
}

.event-details-section .event-details-border-left:after {
    content: "";
    border-left: 1px solid #dfdee3;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

@media screen and (max-width:1199px) {
    .event-details-section .event-details-border-left:after {
        border: none
    }
}

.event-details-section .event-details-div {
    margin-left: 68px;
    width: 74%
}

.event-details-section .event-details-div.first-detail-m-l {
    margin-left: 0
}

@media screen and (max-width:1199px) {
    .event-details-section .event-details-div {
        margin-left: 0;
        width: 79%
    }
}

@media screen and (max-width:599px) {
    .event-details-section .event-details-div {
        width: 85%
    }
}

.event-details-section .event-details-div .event-detail-type-icon {
    margin-right: .5rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    width: 1.5rem;
    height: 1.5rem
}

.event-details-section .event-details-div .location-icon {
    background-image: url(clientlib-site/resources/images/eventDetails/location-pink.svg)
}

.event-details-section .event-details-div .podcast-icon {
    background-image: url(clientlib-site/resources/images/eventDetails/podcast-pink.svg)
}

.event-details-section .event-details-div .webinar-icon {
    background-image: url(clientlib-site/resources/images/eventDetails/window-pink.svg)
}

.event-details-section .event-details-div .time-icon {
    background-image: url(clientlib-site/resources/images/eventDetails/time-pink.svg)
}

.event-details-section .event-details-div .event-details-type {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    margin-bottom: .5rem;
    color: #000
}

.event-details-section .event-details-div .event-details-info {
    font-family: Basis-medium;
    font-size: 1.25rem;
    line-height: 140%;
    letter-spacing: .03125rem;
    margin-bottom: .5rem;
    color: #000
}

.event-details-section .event-details-div .event-details-description {
    font-family: Basis-regular;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .03125rem;
    margin-bottom: 0;
    color: #747678
}

.event-banner-date-div {
    padding-bottom: 1rem;
    margin-bottom: 1.5rem
}

@media screen and (max-width:599px) {
    .event-banner-date-div {
        margin-bottom: 1rem
    }
}

.event-banner-date-div:after {
    content: "";
    width: 80%;
    position: absolute;
    border-bottom: 1px solid #dfdee3;
    bottom: 0
}

@media screen and (max-width:599px) {
    .event-banner-date-div:after {
        width: 100%
    }
}

.event-banner-date-div .event-banner-date-inner-div .event-banner-date {
    font-family: Houschka-medium;
    font-size: 4.5rem;
    line-height: 100%
}

.event-banner-date-div .event-banner-date-inner-div .event-banner-date .date-space {
    margin: 0 24px
}

@media screen and (max-width:1199px) {
    .event-banner-date-div .event-banner-date-inner-div .event-banner-date {
        font-size: 4.5rem;
        line-height: 5.4rem
    }

    .event-banner-date-div .event-banner-date-inner-div .event-banner-date .date-space {
        margin: 0 8px
    }
}

@media screen and (max-width:599px) {
    .event-banner-date-div .event-banner-date-inner-div .event-banner-date {
        font-size: 3.5rem;
        line-height: 3.5rem
    }

    .event-banner-date-div .event-banner-date-inner-div .event-banner-date .date-space {
        margin: 0
    }

    .event-banner-date-div .event-banner-date-inner-div .event-banner-date .end-date,
    .event-banner-date-div .event-banner-date-inner-div .event-banner-date .start-date {
        min-width: 4.375rem
    }
}

.event-banner-date-div .event-banner-date-inner-div .event-banner-year-div {
    font-family: Basis-bold;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    margin-left: 1.5rem
}

.event-banner-date-div .event-banner-date-inner-div .event-banner-year-div .event-banner-end-year,
.event-banner-date-div .event-banner-date-inner-div .event-banner-year-div .event-banner-start-year,
.event-banner-date-div .event-banner-date-inner-div .event-banner-year-div .event-banner-year {
    margin-bottom: .625rem
}

@media screen and (max-width:599px) {
    .event-banner-date-div .event-banner-date-inner-div .event-banner-year-div {
        font-size: .875rem
    }
}

.add-calender-text,
.addtocalendar {
    display: inline-block;
    background: transparent
}

.add-calender-text .add-calender-link,
.addtocalendar .add-calender-link {
    outline: none !important;
    cursor: pointer;
    position: relative;
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    padding-bottom: 1rem;
    color: #fff;
    margin-left: 2rem
}

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

    .add-calender-text .add-calender-link,
    .addtocalendar .add-calender-link {
        margin-left: 1.5rem
    }
}

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

    .add-calender-text .add-calender-link,
    .addtocalendar .add-calender-link {
        margin-left: 1rem
    }
}

.add-calender-text .add-calender-link:after,
.addtocalendar .add-calender-link:after {
    content: "";
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    height: 3px;
    border-radius: 2px;
    background: linear-gradient(102.57deg, #f84d9f, #d0121e)
}

.add-calender-text .add-calender-event,
.addtocalendar .add-calender-event {
    display: none
}

.add-calender-text .atcb-list,
.addtocalendar .atcb-list {
    background: #f4f3f9;
    padding: 24px 24px 0;
    list-style: none;
    margin-top: 2.25rem;
    position: absolute;
    left: 1.875rem
}

.add-calender-text .atcb-list:after,
.addtocalendar .atcb-list:after {
    position: absolute;
    content: "";
    top: -9pt;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 14px solid #f4f3f9
}

.add-calender-text .atcb-list .atcb-item,
.addtocalendar .atcb-list .atcb-item {
    margin-bottom: 1.5rem;
    width: 8.375rem
}

.add-calender-text .atcb-list .atcb-item .atcb-item-link,
.addtocalendar .atcb-list .atcb-item .atcb-item-link {
    font-family: Basis-medium;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    color: #000;
    text-decoration: none
}

.add-calender-text .hide,
.addtocalendar .hide {
    display: none
}

.bottom-right-title .event-banner-date-div:after,
.center-right-title .event-banner-date-div:after,
.top-right-title .event-banner-date-div:after {
    right: 0
}

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

    .bottom-right-title .event-banner-date-div:after,
    .center-right-title .event-banner-date-div:after,
    .top-right-title .event-banner-date-div:after {
        left: 0
    }
}

.bottom-right-title .event-banner-date-inner-div,
.center-right-title .event-banner-date-inner-div,
.top-right-title .event-banner-date-inner-div {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

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

    .bottom-right-title .event-banner-date-inner-div,
    .center-right-title .event-banner-date-inner-div,
    .top-right-title .event-banner-date-inner-div {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.calender-show-up {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    top: -50px
}

.calender-show-up:after {
    position: absolute;
    content: "";
    bottom: -.75rem;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 14px solid #f4f3f9;
    border-bottom: 0 !important;
    top: unset !important
}

@media screen and (max-width:768px) {
    .mobile-m-l {
        margin-left: 0 !important
    }
}

.event-hero-banner .hero-banner-title-div h1 {
    margin-bottom: 0 !important
}

@media screen and (max-width:1199px) {
    .event-hero-banner .hero-banner-title-div h1 {
        margin-bottom: 1.5rem !important
    }
}

.event-hero-banner .hero-banner-title-div p {
    font-family: Basis-bold;
    margin-bottom: .5rem;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

.event-hero-banner .hero-banner-heading {
    font-family: Basis-bold !important;
    margin-bottom: .5rem !important;
    font-size: .875rem !important;
    line-height: 1.5rem !important;
    letter-spacing: .15em !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

.event-hero-banner .register-btn {
    border: 1.5px solid #b4b4b8
}

.event-hero-banner .register-btn:hover {
    border: 1.5px solid #fff
}

.event-hero-banner .register-btn:focus {
    outline: 1.5px solid #fff;
    outline-offset: 2.5px;
    border: 1.5px solid #fff
}

.event-list-panel {
    padding: 5.125rem 0 5.375rem
}

.event-list-panel .event-list-tab-content:focus {
    outline: 2px solid
}

.event-list-panel .event-list-nav-tabs-div {
    padding-bottom: 2.25rem
}

.event-list-panel .event-list-nav-tabs-div .event-list-nav-tabs .event-list-nav-link {
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    color: #5e6162;
    padding: 0 0 8px !important;
    border-bottom: 1px solid transparent
}

.event-list-panel .event-list-nav-tabs-div .event-list-nav-tabs .event-list-nav-link:hover {
    color: #000;
    border-color: transparent !important
}

.event-list-panel .event-list-cta-link {
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    color: #747678;
    padding-bottom: 8px;
    border-bottom: 1px solid #747678;
    text-decoration: none;
    position: absolute;
    top: .5rem;
    right: 15px
}

@media only screen and (max-width:1199px) {
    .event-list-panel .event-list-cta-link {
        position: static;
        margin-top: 1rem;
        right: 0;
        top: 0
    }
}

.event-list-panel .event-list-cta-link:hover {
    color: #000;
    border-bottom: 1px solid #000;
    border-image-slice: 1;
    background: transparent
}

.event-list-panel .event-list-cta-link .event-list-cta-link-arrow {
    display: none
}

.event-list-panel .event-list-nav-tabs {
    border-bottom: none
}

@media only screen and (max-width:1199px) {
    .event-list-panel .event-list-nav-tabs {
        overflow-x: scroll;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-y: hidden
    }
}

.event-list-panel .event-list-nav-tabs .event-list-nav-item {
    margin-right: 1rem;
    padding: 0 1pc
}

@media only screen and (max-width:1199px) {
    .event-list-panel .event-list-nav-tabs .event-list-nav-item {
        white-space: nowrap;
        width: auto
    }
}

.event-list-panel .event-list-nav-tabs .event-list-nav-item .active {
    color: #000;
    border: 0;
    border-bottom: 1px solid;
    -o-border-image: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-image: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-image-slice: 1;
    background: transparent
}

.event-list-panel .event-list-nav-tabs .event-list-nav-item:last-child {
    margin-right: 0
}

.event-list-panel .add-calender-event {
    display: none
}

.event-list-panel .event-list-row {
    padding: 1.5rem 0;
    border-bottom: 1px solid #c9c9ce
}

.event-list-panel .event-list-row .event-list-date {
    letter-spacing: .15em;
    font-size: 1rem;
    line-height: 2.125rem;
    color: #5e6162;
    font-family: Basis-bold;
    font-weight: 700
}

.event-list-panel .event-list-row .event-list-title {
    font-size: 24px;
    line-height: 2.125rem;
    font-family: Basis-regular;
    color: #000;
    letter-spacing: .5px
}

.event-list-panel .event-list-row .event-list-venue-detail {
    font-size: .75rem;
    line-height: 1pc;
    letter-spacing: .15em;
    color: #be0046;
    font-family: Basis-bold
}

.event-list-panel .event-list-row .event-list-download-icon {
    background-image: url(clientlib-site/resources/images/infocard/download_doc.svg);
    min-width: 24px;
    cursor: pointer;
    margin-right: .875rem
}

.event-list-panel .event-list-row .generic-full-video-btn {
    padding-left: 36px;
    display: inline-block;
    cursor: pointer
}

.event-list-panel .event-list-row .generic-full-video-btn:hover {
    text-decoration: underline
}

.event-list-panel .event-list-row .generic-full-video-btn:before {
    background: url(clientlib-site/resources/images/webcast.svg) 50% no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    content: ""
}

.event-list-panel .event-list-row .event-list-download-icon {
    background: url(clientlib-site/resources/images/podcastCoponent/download_doc.svg) 50% no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    opacity: .75;
    margin-right: 9pt;
    vertical-align: middle
}

.event-list-panel .event-list-row .event-list-asset-text {
    font-family: Basis-bold;
    font-size: 9pt;
    line-height: 1pc;
    letter-spacing: .15em;
    color: #747678;
    background: none;
    border: none
}

.event-list-panel .event-list-row .add-calender-text,
.event-list-panel .event-list-row .addtocalendar {
    display: inline-block;
    background: transparent
}

.event-list-panel .event-list-row .add-calender-text .add-calender-link,
.event-list-panel .event-list-row .addtocalendar .add-calender-link {
    outline: none !important;
    cursor: pointer;
    position: relative;
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .15em;
    padding-left: 2.25rem;
    color: #e41165;
    vertical-align: middle
}

.event-list-panel .event-list-row .add-calender-text .add-calender-link:after,
.event-list-panel .event-list-row .addtocalendar .add-calender-link:after {
    left: 0;
    width: 24px;
    height: 24px;
    background: url(clientlib-site/resources/images/calendar-plus.svg) no-repeat 50%;
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.event-list-panel .event-list-row .add-calender-text .add-calender-link:focus,
.event-list-panel .event-list-row .addtocalendar .add-calender-link:focus {
    outline: 2px solid #fff !important;
    border-radius: 2px
}

.event-list-panel .event-list-row .add-calender-text .add-calender-event,
.event-list-panel .event-list-row .addtocalendar .add-calender-event {
    display: none
}

.event-list-panel .event-list-row .add-calender-text .atcb-list,
.event-list-panel .event-list-row .addtocalendar .atcb-list {
    background: #f4f3f9;
    padding: 24px 24px 0;
    list-style: none;
    margin-top: 2.25rem;
    position: absolute;
    left: 1.875rem
}

.event-list-panel .event-list-row .add-calender-text .atcb-list:after,
.event-list-panel .event-list-row .addtocalendar .atcb-list:after {
    position: absolute;
    content: "";
    top: -9pt;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 14px solid #f4f3f9
}

.event-list-panel .event-list-row .add-calender-text .atcb-list .atcb-item,
.event-list-panel .event-list-row .addtocalendar .atcb-list .atcb-item {
    margin-bottom: 1.5rem;
    width: 8.375rem
}

.event-list-panel .event-list-row .add-calender-text .atcb-list .atcb-item .atcb-item-link,
.event-list-panel .event-list-row .addtocalendar .atcb-list .atcb-item .atcb-item-link {
    font-family: Basis-medium;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    color: #000;
    text-decoration: none
}

.event-list-panel .event-list-row .add-calender-text .hide,
.event-list-panel .event-list-row .addtocalendar .hide {
    display: none
}

.event-list-panel .pagination-dropdown {
    font-size: .875rem;
    font-family: Basis-Bold;
    line-height: 24px;
    letter-spacing: .15em;
    color: #747678
}

@media only screen and (max-width:1199px) {
    .event-list-panel .pagination-dropdown {
        width: 50%
    }
}

@media only screen and (max-width:599px) {
    .event-list-panel .pagination-dropdown {
        width: 100%
    }
}

.event-list-panel .pagination-dropdown .page-selected {
    padding: 1pc 2pc 1pc 1pc;
    line-height: 24px
}

@media only screen and (max-width:1199px) {
    .event-list-panel .pagination-dropdown .page-selected {
        padding: 1pc 0;
        border-bottom: 1px solid #898a8d
    }
}

.event-list-panel .pagination-dropdown .page-selected .selected-number {
    font-size: 1.125rem
}

.event-list-panel .pagination-dropdown.search-list-count-dropdown {
    width: 75pt
}

.event-list-panel .pagination-dropdown .dropdown-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(clientlib-site/resources/images/chevron-down-c.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    content: "";
    right: 0
}

.event-list-panel .pagination-dropdown.opened .dropdown-arrow {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.event-list-panel .pagination-dropdown.opened .pagination-pages {
    display: block
}

.event-list-panel .pagination-dropdown .pagination-pages {
    display: none;
    border: 1px solid #898a8d;
    border-top: 2px solid #e41165;
    top: 100%;
    background-color: transparent;
    left: 0;
    width: 100%;
    height: auto;
    overflow-y: auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.event-list-panel .pagination-dropdown .pagination-pages.dropdown-height {
    height: 15rem
}

@media only screen and (max-width:1199px) {
    .event-list-panel .pagination-dropdown .pagination-pages.dropdown-height {
        height: 12rem
    }
}

@media only screen and (max-width:599px) {
    .event-list-panel .pagination-dropdown .pagination-pages.dropdown-height {
        height: 10rem
    }
}

.event-list-panel .pagination-dropdown .pagination-pages::-webkit-scrollbar {
    width: 6px
}

.event-list-panel .pagination-dropdown .pagination-pages::-webkit-scrollbar-track {
    background: #898a8d
}

.event-list-panel .pagination-dropdown .pagination-pages::-webkit-scrollbar-thumb {
    background: #e41165;
    height: 20px
}

.event-list-panel .pagination-dropdown .pagination-pages::-webkit-scrollbar-thumb:hover {
    background: #c9c9ce
}

.event-list-panel .pagination-dropdown .pagination-pages .page-number {
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    color: #b4b4b8
}

.event-list-panel .pagination-dropdown .pagination-pages .pagination-number {
    background-color: #fff;
    font-size: 1.125rem;
    line-height: 2pc;
    font-family: Basis-regular;
    letter-spacing: .5px;
    color: #747678;
    padding: 1pc;
    border: none;
    border-bottom: 1px solid #898a8d
}

.event-list-panel .pagination-dropdown .pagination-pages .pagination-number:last-child {
    border-bottom: none
}

.event-list-panel .pagination-dropdown .pagination-pages .pagination-number:hover {
    color: #000;
    background-color: #f4f3f9
}

.event-list-panel .pagination-dropdown .pagination-pages .pagination-number.selected {
    color: #000;
    font-family: Basis-medium;
    font-weight: 500
}

.event-list-panel .pagination-dropdown .pagination-pages .pagination-number.selected:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(clientlib-site/resources/images/dropdown-check.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    content: "";
    right: 1rem;
    position: absolute
}

@media screen and (min-width:599px) {
    .event-list-panel .banner-video-modal.video-fullscreen .banner-video-duration {
        right: 21%;
        bottom: 21.25%
    }

    .event-list-panel .banner-video-modal.video-fullscreen .s7container,
    .event-list-panel .banner-video-modal.video-fullscreen .s7videoplayer {
        width: 70% !important;
        height: 70% !important;
        left: 15% !important;
        top: 15% !important
    }
}

.event-list-panel.cq-Editable-dom .custom-container.row>div {
    width: 33% !important
}

.event-list-panel.cq-Editable-dom .custom-container.row>div .video-card-poster,
.event-list-panel.cq-Editable-dom .custom-container.row>div .youtube-iframe-apper iframe {
    height: 250px !important
}

.event-list-panel .custom-container.row>div:last-child .video-card-box {
    margin-right: 0
}

@media screen and (max-width:1199px) {
    .event-list-panel .custom-container.row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media screen and (max-width:1199px) {
    .event-list-panel .custom-container.row>div {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 90% !important;
        padding-right: 0 !important
    }

    .event-list-panel .custom-container.row>div .video-card-poster,
    .event-list-panel .custom-container.row>div .youtube-iframe-wrapper iframe {
        height: 27pc
    }
}

@media screen and (max-width:599px) {
    .event-list-panel .custom-container.row>div {
        width: 90% !important;
        padding-right: 0 !important
    }

    .event-list-panel .custom-container.row>div .video-card-poster,
    .event-list-panel .custom-container.row>div .youtube-iframe-wrapper iframe {
        height: 227px !important
    }
}

.event-list-panel .addtocalendar .atcb-list {
    z-index: 1
}

@media screen and (max-width:1199px) {
    .event-list-panel .section-title {
        font-size: 2rem
    }
}

.event-list-panel.events-dark-theme {
    background: #000
}

.event-list-panel.events-dark-theme .event-list-nav-tabs .event-list-nav-item .active,
.event-list-panel.events-dark-theme .event-list-nav-tabs .event-list-nav-item .event-list-nav-link:hover,
.event-list-panel.events-dark-theme .event-list-row .event-list-title,
.event-list-panel.events-dark-theme .section-title {
    color: #fff
}

.event-list-panel.events-dark-theme .event-list-row .event-list-asset-text {
    color: #b4b4b8
}

.event-list-panel.events-dark-theme .event-list-row .event-list-download-icon,
.event-list-panel.events-dark-theme .event-list-row .generic-full-video-btn:before {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.event-list-panel.events-dark-theme .event-list-cta-link:hover {
    color: #fff;
    border-bottom: 1px solid #fff
}

.event-list-panel.events-dark-theme .pagination-dropdown .page-selected .selected-number {
    color: #fff !important
}

@media screen and (max-width:1199px) {
    .event-list-panel.events-dark-theme .pagination-dropdown .pagination-pages .pagination-number {
        background-color: #000;
        color: #b4b4b8
    }

    .event-list-panel.events-dark-theme .pagination-dropdown .pagination-pages .pagination-number:hover {
        color: #fff;
        background: #1e2222
    }

    .event-list-panel.events-dark-theme .pagination-dropdown .pagination-pages .pagination-number.selected {
        color: #fff
    }

    .event-list-panel.events-dark-theme .pagination-dropdown .pagination-pages .pagination-number.selected:after {
        -webkit-filter: invert(1);
        filter: invert(1)
    }

    .event-list-panel.events-dark-theme .pagination-dropdown .pagination-pages .pagination-number.selected:hover {
        background: #1e2222
    }

    .event-list-panel.events-dark-theme .pagination-dropdown .pagination-pages .pagination-number:first-child {
        border-top: 0
    }
}

.event-list-panel.events-dark-theme .view-all-event-btn {
    color: #fff;
    border: 1px solid #fff
}

.event-list-panel.events-dark-theme .view-all-event-btn:after {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.event-list-panel .no-result-found {
    font-size: 1rem;
    font-family: Basis-regular;
    color: #000
}

.event-list-panel .view-all-event-btn {
    padding-right: 3rem;
    color: #000
}

.event-list-panel .view-all-event-btn:after {
    background-image: url(clientlib-site/resources/images/arrow-down-black.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    background-repeat: no-repeat;
    background-position: 50%
}

.horizontaltab-main-section .event-list-panel {
    padding: 0 !important
}

.horizontaltab-main-section .event-list-panel .section-title {
    display: none
}

.horizontaltab-main-section .event-list-panel .event-list-cta-link-div {
    text-align: center !important
}

.horizontaltab-main-section .event-list-panel .event-list-cta-link {
    position: static;
    border: 1px solid #fff;
    padding: .75rem 2rem;
    border-radius: 6.25rem;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.125rem;
    font-family: Basis-regular;
    line-height: inherit;
    margin-top: 3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:1199px) {
    .horizontaltab-main-section .event-list-panel .event-list-cta-link {
        margin-top: 1.5rem
    }
}

.horizontaltab-main-section .event-list-panel .event-list-cta-link .event-list-cta-link-arrow {
    background-image: url(clientlib-site/resources/images/arrow-right-w.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-left: .5rem
}

@media only screen and (min-width:600px) {
    .our-people-section .our-people-heading {
        max-width: 33.0625rem
    }
}

.our-people-section .overlay-detail-title {
    max-width: 37pc;
    margin-bottom: .75rem
}

@media only screen and (min-width:600px) and (max-width:1199px) {
    .our-people-section .overlay-detail-title {
        margin-bottom: 1.5rem
    }
}

.our-people-section .overlay-detail-designation {
    margin-bottom: 2rem
}

.our-people-section .follow-text,
.our-people-section .overlay-detail-designation {
    color: #b4b4b8;
    font-family: Basis-bold;
    font-size: .75rem;
    letter-spacing: .15em;
    line-height: 1pc
}

.our-people-section .follow-text {
    margin-right: 39px
}

@media only screen and (max-width:767px) {
    .our-people-section .follow-text {
        margin-right: 0
    }
}

.our-people-section .overlay-detail-social-links {
    padding: .75rem 1rem;
    border-top: 1px solid #b4b4b8;
    border-bottom: 1px solid #b4b4b8
}

.our-people-section .expert-social-links .social-ico {
    width: 24px;
    height: 24px;
    margin: 0 2rem 0 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.our-people-section .expert-social-links .social-ico.Facebook {
    background-image: url(clientlib-site/resources/images/expertOverlaySocial/facebook.svg)
}

.our-people-section .expert-social-links .social-ico.Twitter {
    background-image: url(clientlib-site/resources/images/expertOverlaySocial/twitter.svg)
}

.our-people-section .expert-social-links .social-ico.Youtube {
    background-image: url(clientlib-site/resources/images/expertOverlaySocial/youtube.svg)
}

.our-people-section .expert-social-links .social-ico.Instagram {
    background-image: url(clientlib-site/resources/images/expertOverlaySocial/instagram.svg)
}

.our-people-section .expert-social-links .social-ico.linkedin {
    background-image: url(clientlib-site/resources/images/expertOverlaySocial/linkedin.svg)
}

.our-people-section .expert-social-links .expert-social-links-list:last-child .social-ico {
    margin: 0
}

.our-people-section .expert-cta-link {
    padding-right: 3.5rem;
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #fff;
    border: none;
    font-family: Basis-medium
}

.our-people-section .expert-cta-link:after {
    content: "";
    background-size: 15px;
    width: 40px;
    position: absolute;
    right: 0;
    height: 40px;
    border: none;
    background: #e41165 url(clientlib-site/resources/images/arrow-right-w.svg) no-repeat 50%;
    vertical-align: middle;
    border-radius: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.our-people-section .expert-cta-link:hover:after {
    -webkit-animation: hoverEffect .75s;
    animation: hoverEffect .75s
}

.our-people-section .overlay-detail-modal .overlay-details-page-img {
    position: absolute;
    right: -7%;
    top: 0;
    width: 460px;
    height: 460px;
    max-height: none
}

@media only screen and (max-width:1199px) {
    .our-people-section .overlay-detail-modal .overlay-details-page-img {
        position: relative;
        right: 0;
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
        padding-top: 100%
    }
}

.our-people-section .overlay-detail-modal .overlay-details-page-img img {
    width: 460px;
    height: 460px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto
}

@media only screen and (max-width:1199px) {
    .our-people-section .overlay-detail-modal .overlay-details-page-img img {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        position: absolute;
        top: 0;
        left: 0
    }
}

.our-people-section .break-row {
    display: none
}

.our-people-section .expert-view-all-btn {
    color: #000;
    max-width: 236px
}

.our-people-section .expert-view-all-btn:after {
    width: 24px;
    height: 24px;
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(clientlib-site/resources/images/arrow-down-black.svg);
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle
}

.our-people-section.our-people-dark-theme .expert-view-all-btn {
    color: #fff
}

.our-people-section.our-people-dark-theme .expert-view-all-btn:after {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.our-people-section .our-people-thumb-image {
    margin-bottom: 1.5rem
}

.our-people-section .our-people-card {
    padding: 1rem 0
}

.our-people-section .expert-grid-panel .our-people-card {
    opacity: 1;
    padding: 0;
    margin-bottom: 3.75rem
}

@media only screen and (max-width:1199px) {
    .our-people-section .expert-grid-panel .our-people-card {
        margin-bottom: 2.5rem
    }
}

@media only screen and (max-width:1199px) {
    .our-people-section .expert-grid-panel .our-people-card .our-people-designation-height {
        margin-bottom: 0
    }
}

.our-people-section .expert-grid-panel .our-people-card .our-people-info {
    padding-left: 15px
}

.our-people-section .expert-grid-panel .our-people-card .people-card-info {
    min-height: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5625rem
}

@media only screen and (max-width:1199px) {
    .our-people-section .expert-grid-panel .our-people-card .people-card-info {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }
}

@media only screen and (max-width:599px) {
    .our-people-section .expert-grid-panel .our-people-card .people-card-info {
        min-height: auto
    }
}

@media only screen and (max-width:1199px) {
    .our-people-section .expert-grid-panel .our-people-card .people-card-info .our-people-name-height {
        height: 3.4375rem
    }
}

.our-people-section .expert-grid-panel .our-people-card .people-card-info .our-people-content {
    margin-left: 1.5rem
}

@media only screen and (max-width:1199px) {
    .our-people-section .expert-grid-panel .our-people-card .people-card-info .our-people-content {
        margin-left: 1rem
    }
}

.our-people-section .expert-grid-panel .our-people-card .people-card-info .our-people-content .our-people-name {
    font-size: 1.5rem;
    line-height: 28px
}

@media only screen and (min-width:600px) and (max-width:1199px) {
    .our-people-section .expert-grid-panel .our-people-card .people-card-info .our-people-content .our-people-name {
        font-size: 1.75rem
    }
}

.our-people-section .expert-grid-panel .our-people-card .people-card-info .our-people-thumb-image {
    width: 6pc;
    height: 6pc;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 0
}

@media only screen and (max-width:1199px) {
    .our-people-section .expert-grid-panel .our-people-card .people-card-info .our-people-thumb-image {
        width: 72px;
        height: 72px
    }
}

.our-people-section .expert-grid-panel .our-people-card .people-card-info .break-row {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 0;
    display: block
}

.expert-quote-section {
    background: #000;
    padding: 4rem 0
}

.expert-quote-section .expert-detail {
    border-top: 1px solid #494c4d;
    border-bottom: 1px solid #494c4d;
    padding: 2rem 0
}

.expert-quote-section .expert-detail .expert-name-heading {
    font-size: 2rem;
    font-family: Houschka-medium;
    color: #e41165;
    line-height: 2.5rem;
    letter-spacing: .03125rem;
    margin-bottom: .5rem
}

.expert-quote-section .expert-detail .expert-role {
    font-family: Basis-regular;
    font-size: .75rem;
    letter-spacing: 1.8px;
    line-height: 1pc;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0
}

.expert-quote-section .expert-detail .article-quote-img-div {
    height: 6pc;
    width: 6pc;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: .5rem
}

.expert-quote-section .expert-detail .email-msg-icon {
    width: 1.25rem;
    height: 1.21875rem;
    background: url(clientlib-site/resources/images/email-msg-white.svg) no-repeat 50%;
    background-size: cover;
    display: inline-block;
    vertical-align: middle
}

.expert-quote-section .expert-mail-button:focus {
    outline: 2px solid #fff
}

.expert-quote-section .expert-mail-button.cta-light-theme:focus {
    outline: 2px solid #000
}

@media only screen and (min-width:600px) {
    .expert-quote-section .expert-mail-button {
        margin-top: 1.5rem
    }
}

@media only screen and (min-width:1200px) {
    .expert-quote-section .expert-mail-button {
        margin-top: 2rem
    }
}

.expert-quote-section.expert-quote-section-light-theme {
    background-color: #fff
}

.expert-box {
    padding: 0 0 0 6rem
}

.expert-box .quote-icon-main-div {
    display: inline-block;
    margin-right: 2rem;
    left: 0;
    top: 0
}

.expert-box .quote-icon-main-div.quote-icon-dark {
    background: url(clientlib-site/resources/images/white-quote.svg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 3pc;
    width: 72px;
    opacity: .35
}

.expert-box .quote-icon-main-div.quote-icon-light {
    background-image: url(clientlib-site/resources/images/grey-quote.svg);
    background-repeat: no-repeat;
    width: 4.5rem;
    height: 3.0625rem
}

.expert-box .expert-quote {
    font-size: 1.5rem;
    font-family: Basis-regular;
    color: #fff;
    line-height: 2.1rem;
    margin: 0;
    letter-spacing: .5px;
    padding-left: 6rem
}

@media only screen and (max-width:1199px) {
    .expert-box .expert-quote {
        margin: 0 0 2rem
    }
}

.expert-support-section {
    padding: 2rem 0 0
}

.expert-support-section .expert-support-line {
    position: relative;
    display: block;
    padding-left: 2rem;
    font-family: Basis-Regular;
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .031rem;
    color: #dfdee3
}

.expert-support-section .expert-support-line:after {
    background: #e41165;
    width: 4px;
    border-radius: 10px;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    content: ""
}

@media only screen and (max-width:1199px) {
    .expert-quote-section {
        padding: 3.5rem 0
    }

    .expert-box {
        padding: 0 1rem
    }

    .expert-box .expert-quote {
        font-size: 1.125rem;
        padding-left: 6rem
    }

    .expert-role {
        font-size: .75rem
    }
}

@media only screen and (max-width:599px) {
    .expert-quote-section {
        padding: 3rem 0
    }

    .expert-quote-section .expert-detail .expert-role {
        margin-bottom: 2rem
    }

    .expert-box {
        padding: 0 1rem 3rem 0
    }

    .expert-box .expert-quote {
        line-height: 1.8rem;
        margin: 0 0 1rem;
        padding-left: 4rem
    }

    .expert-box .quote-icon-main-div.quote-icon-dark {
        height: 2pc;
        width: 3pc;
        margin-right: 1rem
    }

    .expert-box .quote-icon-main-div.quote-icon-light {
        background-size: cover;
        height: 33px;
        width: 3pc;
        margin-right: 1rem
    }
}

.feature-article-section {
    padding: 72px 0 60px
}

.feature-article-section .feature-article-section-heading {
    font-family: Houschka-medium;
    margin-bottom: 2rem;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #000
}

.feature-article-section .feature-article-left-image-div {
    height: 24.25rem
}

.feature-article-section .feature-article-left-image-div .feature-article-left-image,
.feature-article-section .feature-article-left-image-div .feature-article-right-image {
    -o-object-fit: cover;
    object-fit: cover
}

.feature-article-section .cipher-section-click:hover {
    text-decoration: none
}

.feature-article-section .cipher-section-click:active {
    text-decoration: underline;
    color: #494c4d
}

.feature-article-section .feature-hero-article-div {
    width: 80%;
    margin-top: 2.5rem
}

.feature-article-section .feature-hero-article-div .feature-hero-article-title {
    font-family: Houschka-medium;
    font-size: 3rem;
    line-height: 3rem;
    color: #000;
    padding-left: 1.5rem
}

.feature-article-section .feature-hero-article-div .feature-hero-article-title:after {
    background: #e41165;
    width: .25rem;
    border-radius: .625rem;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    content: ""
}

@media screen and (max-width:1199px) {
    .feature-article-section .feature-hero-article-div .feature-hero-article-title {
        font-size: 2rem;
        line-height: 2.5rem
    }
}

.feature-article-section .feature-article-publish-div {
    margin-top: 1.5rem;
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    color: #747678
}

.feature-article-section .feature-article-publish-div .feature-article-publish-text {
    text-transform: capitalize
}

.feature-article-section .pink-vertical-line {
    padding-left: 2rem
}

.feature-article-section .pink-vertical-line:after {
    background: #e41165;
    width: .25rem;
    border-radius: .625rem;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    content: ""
}

.feature-article-section .feature-article-right-secton {
    margin-bottom: 3.1875rem;
    margin-left: 6.625rem
}

.feature-article-section .feature-article-right-secton:last-child {
    margin-bottom: 0
}

.feature-article-section .feature-article-right-secton .horizontal-divider {
    background: #c9c9ce;
    height: 1px;
    margin: 9pt 0
}

.feature-article-section .feature-article-right-secton .feature-article-details-count {
    font-family: Houschka-medium;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #747678;
    margin-bottom: 0
}

.feature-article-section .feature-article-right-secton .feature-article-right-inner-div .feature-article-right-image-div {
    width: 7.5rem;
    height: 4.3125rem;
    margin-right: 1rem
}

.feature-article-section .feature-article-right-secton .feature-article-right-inner-div .feature-article-right-image-div .feature-article-right-image {
    -o-object-fit: cover;
    object-fit: cover
}

.feature-article-section .feature-article-right-secton .feature-article-right-inner-div .feature-article-right-content .feature-article-title {
    font-family: Basis-regular;
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: .03125rem;
    color: #000
}

@media screen and (max-width:1199px) {
    .feature-article-section .feature-article-right-secton {
        margin-left: 5px;
        margin-bottom: 1.125rem
    }

    .feature-article-section .feature-article-right-secton:last-child {
        margin-bottom: 0
    }

    .feature-article-section .feature-article-right-secton .feature-article-right-inner-div .feature-article-right-image-div {
        width: 5.75rem;
        height: 3.3125rem;
        margin-right: 1rem
    }

    .feature-article-section .feature-article-right-secton .feature-article-right-inner-div .feature-article-right-content {
        width: 58%
    }

    .feature-article-section .feature-article-right-secton .feature-article-right-inner-div .feature-article-right-content .feature-article-title {
        font-size: 1.125rem;
        line-height: 1.575rem
    }
}

@media screen and (max-width:599px) {
    .feature-article-section .feature-article-right-secton {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .feature-article-section .feature-article-right-secton:first-child {
        margin-top: 2.0625rem
    }

    .feature-article-section .feature-article-right-secton .feature-article-right-inner-div .feature-article-right-content {
        width: 64%
    }
}

@media screen and (max-width:1199px) {
    .feature-article-section {
        padding: 49px 0 68px
    }

    .feature-article-section .feature-article-section-heading {
        margin-left: 1.5rem
    }

    .feature-article-section .feature-article-publish-div {
        font-size: .875rem;
        line-height: 1.5rem;
        margin-top: 1.5rem
    }

    .feature-article-section .feature-article-left-image-div {
        height: 14.6875rem
    }

    .feature-article-section .feature-article-left-image-div .feature-article-left-image {
        -o-object-fit: cover;
        object-fit: cover
    }

    .feature-article-section .pink-vertical-line {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
}

@media screen and (max-width:599px) {
    .feature-article-section {
        padding: 26px 0 39px
    }

    .feature-article-section .cipher-custom-container {
        padding: 0
    }

    .feature-article-section .pink-vertical-line {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
}

.bg-dark-theme {
    background: #000
}

.award-section-main-section {
    padding: 2pc 0 88px
}

.award-section-main-section .award-section-heading-div .award-section-heading-title {
    font-family: Houschka-medium;
    margin-top: 3rem;
    margin-bottom: 1.4375rem;
    font-size: 2.5rem;
    line-height: 3rem
}

.award-section-main-section .award-section-heading-div .award-section-heading-title p {
    margin-bottom: 0
}

.award-section-main-section .award-section-heading-div .award-section-heading-pink-text {
    background-image: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

@media only screen and (max-width:1199px) {
    .award-section-main-section .award-section-heading-div .award-section-heading-title {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 1.1875rem
    }
}

@media only screen and (max-width:599px) {
    .award-section-main-section .award-section-heading-div .award-section-heading-title {
        width: 83%
    }
}

.award-section-main-section .award-section-description {
    margin-top: 1.5rem;
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em
}

@media only screen and (max-width:1199px) {
    .award-section-main-section .award-section-description {
        font-size: .75rem;
        line-height: 1rem;
        width: 91%;
        margin-top: 1.25rem
    }
}

@media only screen and (max-width:599px) {
    .award-section-main-section .award-section-description {
        width: 100%
    }
}

.award-section-main-section .award-logo-nav {
    padding-left: 0;
    list-style: none
}

.award-section-main-section .award-logo-nav .award-logo-nav-list {
    display: inline-block;
    margin-right: 1rem
}

.award-section-main-section .award-logo-nav .award-logo-nav-list .award-logo-main-div {
    height: 6rem;
    width: 10.75rem
}

.award-section-main-section .award-logo-nav .award-logo-nav-list .award-logo-main-div .award-section-award-logo {
    width: 100%;
    height: 100%
}

.award-section-main-section .border-w-95 {
    width: 95%
}

@media only screen and (max-width:1199px) {
    .award-section-main-section {
        padding: 2pc 0 55px
    }

    .award-section-main-section .border-w-95 {
        width: 91%
    }
}

@media only screen and (max-width:599px) {
    .award-section-main-section {
        padding: 2pc 0 40px
    }

    .award-section-main-section .border-w-95 {
        width: 100%
    }
}

.reason-belief-panel {
    font-family: Basis-regular;
    padding: 1rem 0 0
}

.reason-belief-panel .section-heading {
    font-size: 2rem;
    font-family: Houschka-medium !important;
    line-height: 40px;
    letter-spacing: 0;
    color: #000;
    margin-bottom: 2rem
}

.reason-belief-panel .reason-image-bg {
    background-image: none;
    left: 0;
    z-index: 0;
    opacity: .75;
    top: 0;
    z-index: -1;
    -webkit-filter: saturate(50%);
    filter: saturate(50%);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transition: all 1s;
    transition: all 1s;
    overflow: hidden
}

@media only screen and (max-width:1199px) {
    .reason-belief-panel .reason-image-bg {
        display: none
    }
}

.reason-belief-panel .reason-image-bg.selected {
    opacity: 1;
    z-index: 1;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition: background-size 1s;
    transition: background-size 1s;
    background-size: 110%
}

.reason-belief-panel .reason-list-card-link:hover {
    text-decoration: none
}

.reason-belief-panel .reason-belief-image-tile {
    background-image: none;
    background-position: 50%;
    background-repeat: no-repeat;
    max-height: 85vh;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-size: cover;
    height: 760px;
    -webkit-filter: saturate(0);
    filter: saturate(0);
    border-right: 1px solid hsla(0, 0%, 100%, .3);
    z-index: 2
}

.reason-belief-panel .reason-belief-image-tile:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    opacity: 1;
    left: 0;
    z-index: 1;
    background: rgba(59, 61, 74, .6);
    mix-blend-mode: multiply
}

.reason-belief-panel .reason-belief-image-tile:focus:before,
.reason-belief-panel .reason-belief-image-tile:hover:before {
    opacity: 0;
    display: none;
    -webkit-transition: all .5s;
    transition: all .5s
}

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

    .reason-belief-panel .reason-belief-image-tile:focus:before,
    .reason-belief-panel .reason-belief-image-tile:hover:before {
        display: none;
        opacity: 0
    }
}

.reason-belief-panel .reason-belief-image-tile .reason-belief-content {
    bottom: 0;
    left: 0;
    z-index: 1
}

.reason-belief-panel .reason-belief-image-tile .reason-belief-tags {
    font-size: .875rem;
    line-height: 24px;
    padding: .5rem .75rem;
    background-color: #fff;
    color: #000;
    border-radius: 20px;
    letter-spacing: .5px
}

.reason-belief-panel .reason-belief-image-tile .reason-belief-tags:hover {
    text-decoration: underline
}

.reason-belief-panel .reason-belief-image-tile .reason-belief-card-title {
    font-size: 1.5rem;
    line-height: 40px;
    letter-spacing: .5px;
    color: #fff;
    max-width: 280px
}

@media only screen and (max-width:1199px) {
    .reason-belief-panel .reason-belief-image-tile .reason-belief-card-title {
        max-width: 100%
    }
}

.reason-belief-panel .reason-belief-image-tile .reason-belief-card-desc {
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
    height: 0;
    overflow: hidden;
    max-width: 280px
}

@media only screen and (max-width:1199px) {
    .reason-belief-panel .reason-belief-image-tile .reason-belief-card-desc {
        max-width: 100%
    }
}

.reason-belief-panel .reason-belief-image-tile .right-arrow-ico {
    width: 40px;
    height: 40px;
    background: #fff url(clientlib-site/resources/images/arrow-right-b.svg) no-repeat 50%;
    background-size: 15px
}

.reason-belief-panel .reason-belief-image-tile:focus,
.reason-belief-panel .reason-belief-image-tile:hover {
    background-image: none;
    -webkit-transition: all 1s;
    transition: all 1s
}

.reason-belief-panel .reason-belief-image-tile:focus .text-linear-bg-bottom:after,
.reason-belief-panel .reason-belief-image-tile:hover .text-linear-bg-bottom:after {
    display: block !important
}

.reason-belief-panel .reason-belief-image-tile:focus .reason-belief-card-desc,
.reason-belief-panel .reason-belief-image-tile:hover .reason-belief-card-desc {
    height: auto;
    -webkit-transition: all 1s;
    transition: all 1s
}

.reason-belief-panel .reason-belief-slide {
    overflow: hidden;
    width: 25%
}

.reason-belief-panel .reason-belief-slide:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    opacity: 0;
    left: 0;
    z-index: 0;
    background: linear-gradient(224.58deg, rgba(220, 9, 22, .6), rgba(251, 34, 221, .6) 88.19%);
    mix-blend-mode: multiply
}

.reason-belief-panel .reason-belief-slide:hover:after {
    opacity: 1;
    -webkit-transition: all .5s;
    transition: all .5s
}

@media only screen and (max-width:1199px) {
    .reason-belief-panel .reason-belief-slide:hover:after {
        display: none;
        opacity: 0
    }
}

.reason-belief-panel .pink-gradient:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    opacity: 1;
    left: 0;
    z-index: 0;
    background: linear-gradient(224.58deg, rgba(220, 9, 22, .6), rgba(251, 34, 221, .6) 88.19%);
    mix-blend-mode: multiply
}

.reason-belief-panel .reason-belief-pagination {
    bottom: 1rem;
    z-index: 1;
    left: 0
}

.reason-belief-panel .reason-belief-pagination .swiper-pagination-bullet {
    width: 50px;
    margin: 0 .5rem;
    height: 2px;
    background: #898a8d
}

.reason-belief-panel .reason-belief-pagination .swiper-pagination-bullet-active {
    background: linear-gradient(224.58deg, rgba(220, 9, 22, .6), rgba(251, 34, 221, .6) 88.19%);
    background-blend-mode: multiply
}

.reason-belief-panel.activated .text-linear-bg-bottom:after {
    display: none
}

.reason-belief-panel.activated .reason-belief-image-tile {
    background-image: none !important;
    border: none
}

.reason-belief-panel.activated .reason-belief-image-tile:before {
    display: none;
    opacity: 0
}

@media only screen and (max-width:1199px) {
    .reason-belief-panel .reason-belief-image-tile .reason-belief-card-desc {
        height: auto;
        display: block
    }

    .reason-belief-panel .reason-belief-image-tile {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        background-position: 50%;
        background-size: cover
    }

    .reason-belief-panel .reason-belief-slide {
        width: 100%
    }

    .reason-belief-panel .section-heading {
        font-size: 1.5rem;
        font-family: Houschka-medium
    }
}

.feature-list-main-section {
    background: #1e2222;
    padding: 56px 0
}

.feature-list-main-section .feature-list-main-heading {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    color: #fff
}

.feature-list-main-section .feature-list-icon-div .feature-svg-icon {
    height: 8rem;
    width: 8rem
}

.feature-list-main-section .feature-list-description-div .feature-list-description {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #fff
}

.flexi-list-section {
    padding: 72px 0
}

.flexi-list-section .flexi-list-main-heading {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    margin-bottom: .5rem
}

.flexi-list-section .flexi-list-main-title {
    font-family: Houschka-medium;
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 3rem
}

@media screen and (max-width:1199px) {
    .flexi-list-section .flexi-list-main-title {
        margin-bottom: 2.5rem
    }
}

.flexi-list-section .flexi-list-link {
    border-bottom: 1px solid #e41165;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem
}

@media screen and (max-width:1199px) {
    .flexi-list-section .flexi-list-link {
        margin-bottom: 1rem;
        padding-bottom: 1rem
    }
}

.flexi-list-section .flexi-list-link .flexi-list-arrow:after {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    content: "";
    right: 1.375rem;
    bottom: -11px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s;
    transition: all .5s;
    background: url(clientlib-site/resources/images/arrow-right-pink.svg) no-repeat 50%
}

.flexi-list-section .flexi-list-link .flexi-list-arrow.flexi-download-icon:after {
    background: url(clientlib-site/resources/images/share/download_doc.svg) no-repeat 50%
}

.flexi-list-section .flexi-list-link:hover {
    border-bottom: 2px solid #e41165;
    text-decoration: none !important
}

.flexi-list-section .flexi-list-link:hover .flexi-list-arrow:after {
    -webkit-transform: translate(.5rem, -50%);
    transform: translate(.5rem, -50%);
    -webkit-transition: all .5s;
    transition: all .5s
}

.flexi-list-section .flexi-list-icon {
    margin-bottom: .5rem
}

.flexi-list-section .height-with-icon {
    height: 10.25rem
}

@media screen and (max-width:1199px) {
    .flexi-list-section .height-with-icon {
        height: 13rem
    }
}

@media screen and (max-width:599px) {
    .flexi-list-section .height-with-icon {
        height: auto
    }
}

.flexi-list-section .height-without-icon {
    height: 9rem
}

@media screen and (max-width:1199px) {
    .flexi-list-section .height-without-icon {
        height: 11rem
    }
}

@media screen and (max-width:599px) {
    .flexi-list-section .height-without-icon {
        height: auto
    }
}

.flexi-list-section .flexi-list-content-div {
    border-bottom: 1px solid #e41165;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem
}

@media screen and (max-width:1199px) {
    .flexi-list-section .flexi-list-content-div {
        margin-bottom: 1rem;
        padding-bottom: 1rem
    }
}

.flexi-list-section .flexi-list-title-div .flexi-list-title {
    font-family: Basis-regular;
    font-size: 1.5rem;
    line-height: 1.8rem;
    letter-spacing: .03125rem;
    margin-bottom: 0
}

.flexi-list-section .flexi-list-title-div .flexi-list-title.flexi-list-no-description {
    padding-right: 4rem
}

.flexi-list-section .flexi-list-desc-div {
    max-height: 3rem;
    width: 83%
}

@media screen and (max-width:1199px) {
    .flexi-list-section .flexi-list-desc-div {
        max-height: 5.5rem
    }
}

.flexi-list-section .flexi-list-desc-div .flexi-list-desc {
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    margin-bottom: 0
}

.flexi-list-section .flexi-svg-icon {
    height: 24px;
    width: 24px
}

.follow-us-section .follow-us-box {
    padding: 40px 0 44px;
    border-top: 1px solid #e3e3e3
}

.follow-us-section .follow-us-section-heading {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .5rem;
    letter-spacing: .15em
}

.follow-us-section .follow-us-section-title {
    font-family: Houschka-medium;
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin-bottom: 3.25rem
}

@media screen and (max-width:1199px) {
    .follow-us-section .follow-us-section-title {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 2.53125rem
    }
}

@media screen and (max-width:599px) {
    .follow-us-section .follow-us-section-title {
        font-size: 2rem;
        line-height: 2rem;
        margin-bottom: 2.25rem
    }
}

.follow-us-section .follow-us-link:hover {
    text-decoration: none !important
}

.follow-us-section .follow-us-link .follow-us-social-icon-div .follow-us-social-icon {
    width: 36px;
    height: 36px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-filter: invert(1);
    filter: invert(1);
    margin-right: .875rem
}

.follow-us-section .follow-us-link .follow-us-social-icon-div .follow-us-social-icon.linkedin {
    background-image: url(clientlib-site/resources/images/social/linkedin.svg)
}

.follow-us-section .follow-us-link .follow-us-social-icon-div .follow-us-social-icon.Facebook {
    background-image: url(clientlib-site/resources/images/social/Facebook.svg)
}

.follow-us-section .follow-us-link .follow-us-social-icon-div .follow-us-social-icon.Twitter {
    background-image: url(clientlib-site/resources/images/social/Twitter.svg)
}

.follow-us-section .follow-us-link .follow-us-social-icon-div .follow-us-social-icon.Instagram {
    background-image: url(clientlib-site/resources/images/social/Instagram.svg)
}

.follow-us-section .follow-us-link .follow-us-social-icon-div .follow-us-social-icon.Youtube {
    background-image: url(clientlib-site/resources/images/social/Youtube.svg)
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .follow-us-section .follow-us-link .follow-us-social-icon-div .follow-us-social-icon {
        display: none;
        margin-right: .5rem
    }
}

@media screen and (max-width:767px) {
    .follow-us-section .follow-us-link .follow-us-social-icon-div .follow-us-social-icon {
        margin-right: 0
    }
}

.follow-us-section .follow-us-link .follow-us-inner-content-div .follow-us-inner-social-title {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .15em;
    margin-bottom: 0
}

.follow-us-section .follow-us-link .follow-us-inner-content-div .follow-us-inner-social-link {
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    margin-bottom: 0
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .follow-us-section .follow-us-link .follow-us-inner-content-div .follow-us-inner-social-link {
        display: none
    }
}

@media screen and (max-width:767px) {
    .follow-us-section .follow-us-link .follow-us-inner-content-div {
        display: none
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .follow-us-section .follow-us-link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.follow-us-section.dark-social-bg .follow-us-box {
    border-top: 1px solid #dfdee3
}

.follow-us-section.dark-social-bg .follow-us-box .follow-us-social-icon-div .follow-us-social-icon {
    -webkit-filter: invert(0);
    filter: invert(0)
}

.footer-container {
    padding: 0 6.5%
}

.footer {
    background-color: #000
}

.footer #desktopFooter {
    display: block;
    padding: 2.5rem 0;
    border-top: 1px solid #494c4d
}

.footer #desktopFooter .footer-title {
    font-family: Houschka-medium;
    font-size: 1.125rem;
    color: #fff;
    margin-bottom: 2.25rem;
    line-height: 1.875rem
}

.footer #desktopFooter .footer-title .desktop-footer-section-title {
    color: inherit;
    font-family: inherit;
    text-decoration: none
}

.footer #desktopFooter .footer-title .desktop-footer-section-title:hover {
    text-decoration: underline;
    font-family: Houschka-Bold
}

.footer #desktopFooter .quick-links {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer #desktopFooter .quick-links .quick-links-list {
    padding: 0;
    list-style: none;
    margin: 0 0 .375rem
}

.footer #desktopFooter .quick-links .quick-links-list .quick-links-list-items {
    font-family: Basis-regular;
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    line-height: 2rem
}

.footer #desktopFooter .quick-links .quick-links-list .quick-links-list-items:hover {
    text-decoration: underline;
    font-family: Basis-bold
}

.footer #mobileFooter {
    display: none;
    border-top: 1px solid #494c4d;
    padding: 1rem 0
}

.footer #mobileFooter .footer-card {
    background: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #494c4d
}

.footer #mobileFooter .footer-card:last-child {
    border: none
}

.footer #mobileFooter .footer-card .footer-card-header {
    background: none;
    border: none;
    padding-right: 0
}

.footer #mobileFooter .footer-card .footer-card-header .footer-title {
    padding: 1.5625rem .71875rem .5625rem;
    font-family: Houschka-medium;
    font-size: 1.125rem;
    color: #fff
}

.footer #mobileFooter .footer-card .footer-card-header .footer-title .tab-footer-section-title {
    color: inherit;
    font-family: inherit;
    text-decoration: none
}

.footer #mobileFooter .footer-card .footer-card-header .footer-title .tab-footer-section-title:hover {
    text-decoration: underline;
    font-family: Houschka-Bold
}

.footer #mobileFooter .footer-card .footer-card-header .btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    color: #fff;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    padding-left: 0;
    text-align: left;
    position: relative;
    font-size: 1.125rem
}

.footer #mobileFooter .footer-card .footer-card-header .btn-link:after {
    position: absolute;
    top: 0;
    content: "";
    height: 2.5rem;
    width: 2.5rem;
    right: 0;
    background-size: 1.25rem;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 1.25rem
}

.footer #mobileFooter .footer-card .footer-card-header .btn-link:focus {
    outline: 1px solid #fff
}

.footer #mobileFooter .footer-card .footer-card-header .btn-link.collapsed:after {
    background-color: #494c4d;
    background-image: url(clientlib-site/resources/images/accrodion/Vector.svg)
}

.footer #mobileFooter .footer-card .footer-card-header .btn-link:not(.collapsed):after {
    background-color: #fff;
    background-image: url(clientlib-site/resources/images/accrodion/minus.svg)
}

.footer #mobileFooter .footer-card .footer-card-body .quick-links {
    margin: 0;
    padding-left: 1.5rem;
    list-style: none
}

.footer #mobileFooter .footer-card .footer-card-body .quick-links .quick-links-list {
    padding: 0;
    list-style: none;
    margin: 0 0 .75rem
}

.footer #mobileFooter .footer-card .footer-card-body .quick-links .quick-links-list .quick-links-list-items {
    font-family: Basis-regular;
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    line-height: 2rem
}

.footer #mobileFooter .footer-card .footer-card-body .quick-links .quick-links-list .quick-links-list-items:hover {
    text-decoration: underline;
    font-family: Basis-bold
}

#baseFooter {
    background: #000;
    position: relative;
    padding: 1.5rem 0;
    width: 100%
}

@media only screen and (min-width:1200px) {
    #baseFooter:before {
        content: "";
        position: absolute;
        width: calc(100% - 76px);
        height: .125rem;
        background: #fff;
        top: 0;
        left: 2.375rem
    }
}

#baseFooter.no-border:before {
    display: none
}

#baseFooter .social-icn-ul {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0
}

#baseFooter .social-icn-ul .social-icn-ul-list {
    list-style: none
}

#baseFooter .social-icn-ul .social-icn-ul-list:hover {
    opacity: .8
}

#baseFooter .social-icn-ul .social-icn-ul-list .social-icn-item .social-icn-item-icon {
    height: .9375rem;
    width: .9375rem
}

#baseFooter .link-content {
    font-family: Basis-regular;
    font-size: .7rem;
    color: #f4f3f9
}

#baseFooter .link-content:hover {
    text-decoration: none;
    color: #f4f3f9
}

#baseFooter .base-footer-cipher-lnks-ul {
    padding-left: 0
}

#baseFooter .base-footer-cipher-lnks-ul .base-footer-cipher-lnks-ul-list {
    list-style: none;
    display: inline-block;
    float: left;
    margin-right: 1rem
}

#baseFooter .base-footer-cipher-lnks-ul .base-footer-cipher-lnks-ul-list .base-footer-cipher-lnks-ul-list-item {
    font-family: Basis-regular;
    font-size: .75rem;
    color: #f4f3f9
}

#baseFooter .base-footer-cipher-lnks-ul .base-footer-cipher-lnks-ul-list .base-footer-cipher-lnks-ul-list-item:hover {
    text-decoration: underline;
    font-family: Basis-medium
}

#baseFooter .p-r-l-adjst {
    padding-left: 0;
    padding-right: 0
}

#baseFooter .tab-view-b-b {
    border-bottom: 2px solid #fff;
    width: 97%;
    position: absolute;
    top: 6.8rem;
    display: none
}

@media only screen and (min-width:768px) and (orientation:landscape) {
    #baseFooter .tab-view-b-b {
        top: 5.8rem
    }
}

@media only screen and (min-width:841px) and (max-width:896px) and (orientation:landscape) {
    #baseFooter .tab-view-b-b {
        top: 6.8rem
    }
}

@media only screen and (min-width:914px) and (orientation:landscape) {
    #baseFooter .tab-view-b-b {
        top: 7rem
    }
}

@media only screen and (min-width:1024px) and (orientation:landscape) {
    #baseFooter .tab-view-b-b {
        top: 5.8rem
    }
}

#baseFooter .text-underline {
    text-decoration: underline
}

#baseFooter .expand-view {
    display: none;
    position: absolute;
    text-decoration: none;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    padding-right: 1.5rem
}

#baseFooter .expand-view:hover {
    color: #fff
}

#baseFooter .expand-view:after {
    content: "+";
    color: #fff;
    position: absolute;
    right: 0;
    font-size: 1.75rem;
    font-weight: 700;
    top: 50%;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%)
}

#baseFooter .expand-view.expanded:after {
    content: "-"
}

@media only screen and (max-width:1199px) {
    .footer-container {
        padding: 0 2.5%
    }

    #baseFooter {
        padding: 0
    }

    #baseFooter .base-footer-cipher-lnks-ul {
        padding: 1rem 0 2.5rem;
        margin-bottom: 0;
        width: 85%
    }

    #baseFooter .base-footer-cipher-lnks-ul .base-footer-cipher-lnks-ul-list {
        margin-right: 8px;
        width: 29%
    }
}

@media only screen and (max-width:1199px) and (max-width:599px) {
    #baseFooter .base-footer-cipher-lnks-ul .base-footer-cipher-lnks-ul-list {
        width: 100%
    }
}

@media only screen and (max-width:1199px) {
    #baseFooter .footer-tabview {
        padding: .625rem 0
    }

    #baseFooter .expand-view,
    #baseFooter .tab-view-b-b {
        display: block
    }

    #baseFooter .p-r-l-adjst {
        padding-left: 15px;
        padding-right: 15px
    }

    #baseFooter .base-footer-pad-MV {
        padding: 2.1875rem 0
    }

    #baseFooter .social-icn-ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #baseFooter .text-left-mob {
        text-align: right
    }

    .footer #desktopFooter,
    .footer #mobileFooter {
        display: none
    }

    .mob-w-full {
        width: 100%
    }
}

@media only screen and (max-width:599px) {
    .footer {
        padding: 0
    }

    .footer #mobileFooter {
        display: none
    }

    #baseFooter {
        margin-top: 0
    }

    #baseFooter .footer-tabview {
        padding: 0 .9375rem
    }

    #baseFooter .expand-view,
    #baseFooter .tab-view-b-b {
        display: none
    }

    #baseFooter .social-icn-ul {
        padding: 1rem 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 0 !important
    }

    #baseFooter .base-footer-pad-MV {
        padding: 0;
        margin-bottom: 1rem
    }

    #baseFooter .base-footer-cipher-lnks-ul {
        border-bottom: none;
        height: unset;
        padding: 0;
        margin-bottom: .5rem;
        margin-top: 1rem
    }

    #baseFooter .base-footer-cipher-lnks-ul .base-footer-cipher-lnks-ul-list {
        display: inline;
        clear: both;
        margin-bottom: 1rem
    }

    #baseFooter .text-left-mob {
        text-align: left
    }

    #baseFooter .p-r-l-adjst {
        padding-left: 15px;
        padding-right: 15px
    }

    #baseFooter .mob-d-none {
        display: none
    }
}

@media only screen and (max-width:320px) {
    #baseFooter .social-icn-ul {
        padding: 1.5rem 0 !important;
        width: 100%
    }

    #baseFooter .base-footer-pad-MV {
        padding: 0;
        margin-bottom: 1rem
    }

    #baseFooter .base-footer-cipher-lnks-ul {
        border-bottom: none;
        height: unset;
        padding: 0;
        margin-bottom: .5rem;
        margin-top: 1rem
    }

    #baseFooter .base-footer-cipher-lnks-ul .base-footer-cipher-lnks-ul-list {
        display: inline;
        clear: both;
        margin-bottom: 1rem
    }
}

.footer-panel .footer-container {
    padding: 0 6.5%
}

.footer-panel.footer {
    background-color: #1e2222
}

@media only screen and (min-width:1200px) {
    .footer-panel.footer {
        background-color: #e3e3e3
    }
}

.footer-panel.footer #desktopFooter {
    display: block;
    padding: 3rem 0
}

.footer-panel.footer #desktopFooter .footer-title {
    font-family: Basis-medium;
    font-size: 1.125rem;
    color: #fff;
    margin-bottom: .5rem;
    line-height: 1.875rem;
    letter-spacing: .5px
}

@media only screen and (min-width:1200px) {
    .footer-panel.footer #desktopFooter .footer-title {
        color: #494c4d
    }
}

.footer-panel.footer #desktopFooter .footer-title .desktop-footer-section-title {
    color: inherit;
    font-family: inherit;
    text-decoration: none
}

.footer-panel.footer #desktopFooter .footer-title a.desktop-footer-section-title:hover {
    text-decoration: underline
}

@media only screen and (min-width:1200px) {
    .footer-panel.footer #desktopFooter .footer-title a.desktop-footer-section-title:hover {
        color: #000
    }
}

.footer-panel.footer #desktopFooter .quick-links {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-panel.footer #desktopFooter .quick-links .quick-links-list {
    padding: 0;
    list-style: none;
    margin: 0 0 .75rem
}

.footer-panel.footer #desktopFooter .quick-links .quick-links-list .quick-links-list-items {
    font-family: Basis-regular;
    color: #fff;
    text-decoration: none;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .5px
}

@media only screen and (min-width:1200px) {
    .footer-panel.footer #desktopFooter .quick-links .quick-links-list .quick-links-list-items {
        color: #494c4d
    }
}

.footer-panel.footer #desktopFooter .quick-links .quick-links-list .quick-links-list-items:hover {
    text-decoration: underline
}

@media only screen and (min-width:1200px) {
    .footer-panel.footer #desktopFooter .quick-links .quick-links-list .quick-links-list-items:hover {
        color: #000
    }
}

.footer-panel.footer #desktopFooter .quick-links .quick-links-list .quick-links-list-items.quick-link-external:after {
    content: "";
    background: url(clientlib-site/resources/images/link-icon-light.svg) no-repeat 50%;
    width: 1pc;
    height: 1pc;
    position: absolute;
    margin-left: .25rem;
    margin-top: .25rem;
    display: inline-block
}

.footer-panel.footer #mobileFooter {
    border-top: 1px solid #494c4d;
    padding: 1rem 0 2rem
}

@media only screen and (min-width:1200px) {
    .footer-panel.footer #mobileFooter {
        display: none !important
    }
}

.footer-panel.footer #mobileFooter .footer-card {
    background: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #494c4d
}

.footer-panel.footer #mobileFooter .footer-card:last-child {
    border: none
}

.footer-panel.footer #mobileFooter .footer-card .footer-card-header {
    background: none;
    border: none;
    padding-right: 0
}

.footer-panel.footer #mobileFooter .footer-card .footer-card-header .footer-title {
    font-family: Basis-medium;
    font-size: 1.125rem;
    color: #fff
}

.footer-panel.footer #mobileFooter .footer-card .footer-card-header .footer-title .tab-footer-section-title {
    color: inherit;
    font-family: inherit;
    text-decoration: none
}

.footer-panel.footer #mobileFooter .footer-card .footer-card-header .footer-title .tab-footer-section-title:hover {
    text-decoration: underline
}

.footer-panel.footer #mobileFooter .footer-card .footer-card-header .btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    color: #fff;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    font-size: 1.125rem
}

.footer-panel.footer #mobileFooter .footer-card .footer-card-header .btn-link:after {
    position: absolute;
    bottom: .5rem;
    content: "";
    height: 2.5rem;
    width: 2.5rem;
    right: 0;
    background-size: 1.25rem;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 1.25rem
}

.footer-panel.footer #mobileFooter .footer-card .footer-card-header .btn-link.collapsed:after {
    background-color: #494c4d;
    background-image: url(clientlib-site/resources/images/accrodion/Vector.svg)
}

.footer-panel.footer #mobileFooter .footer-card .footer-card-header .btn-link:not(.collapsed):after {
    background-color: #fff;
    background-image: url(clientlib-site/resources/images/accrodion/minus.svg)
}

.footer-panel.footer #mobileFooter .footer-card .footer-card-body .quick-links {
    margin: 0;
    padding-left: 1.5rem;
    list-style: none
}

.footer-panel.footer #mobileFooter .footer-card .footer-card-body .quick-links .quick-links-list {
    padding: 0;
    list-style: none;
    margin: 0 0 .75rem
}

.footer-panel.footer #mobileFooter .footer-card .footer-card-body .quick-links .quick-links-list .quick-links-list-items {
    font-family: Basis-regular;
    color: #fff;
    text-decoration: none;
    font-size: .875rem;
    line-height: 1.5rem
}

.footer-panel.footer #mobileFooter .footer-card .footer-card-body .quick-links .quick-links-list .quick-links-list-items:hover {
    text-decoration: underline
}

.footer-panel.footer.dark-theme {
    background-color: #1e2222
}

.footer-panel.footer.dark-theme #desktopFooter .footer-title {
    color: #c9c9ce
}

@media only screen and (min-width:1200px) {
    .footer-panel.footer.dark-theme #desktopFooter .footer-title a.desktop-footer-section-title:hover {
        color: #fff
    }
}

.footer-panel.footer.dark-theme #desktopFooter .quick-links .quick-links-list .quick-links-list-items {
    color: #c9c9ce
}

.footer-panel.footer.dark-theme #desktopFooter .quick-links .quick-links-list .quick-links-list-items.quick-link-external:after {
    background: url(clientlib-site/resources/images/link-icon-dark.svg) no-repeat 50%
}

@media only screen and (min-width:1200px) {
    .footer-panel.footer.dark-theme #desktopFooter .quick-links .quick-links-list .quick-links-list-items:hover {
        color: #fff
    }
}

@media only screen and (max-width:1199px) {
    .footer-panel .footer-container {
        padding: 0 2.5%
    }

    .footer-panel.footer #desktopFooter {
        display: none
    }

    .footer-panel.footer.editor-mode-footer #desktopFooter {
        display: block
    }

    .footer-panel.footer #mobileFooter {
        display: none
    }

    .footer-panel .mob-w-full {
        width: 100%
    }
}

@media only screen and (max-width:599px) and (orientation:portrait) {
    .footer-panel.footer {
        padding: 0
    }

    .footer-panel.footer #mobileFooter {
        display: none !important
    }
}

.footerCTA-main-section {
    background: #1e2222
}

.footerCTA-main-section .footerCTA-left-image-section {
    height: 25.4375rem
}

.footerCTA-main-section .footerCTA-right-content-section {
    padding: 3rem 8rem;
    height: 100%
}

.footerCTA-main-section .footerCTA-right-content-section .footerCTA-right-content-inner-section {
    width: 100%
}

.footerCTA-main-section .footerCTA-right-content-section .footerCTA-right-content-inner-section .footerCTA-right-content-heading-h2 {
    font-size: 3.5rem;
    line-height: 3.5rem;
    color: #fff;
    font-family: Houschka-Light
}

.footerCTA-main-section .footerCTA-right-content-section .footerCTA-right-content-inner-section .footerCTA-right-content-para-p {
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #b4b4b8;
    font-family: Basis-regular
}

.footer-cta-gradient-btn {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-radius: 6.25rem;
    font-size: 1.125rem;
    color: #fff;
    letter-spacing: .03125rem;
    height: 3.5rem;
    padding: 9pt 2pc;
    font-family: Basis-regular
}

.footer-cta-gradient-btn:hover {
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.footer-cta-gradient-btn:focus,
.footer-cta-gradient-btn:hover {
    background: linear-gradient(102.57deg, #f84d9f, #d0121e);
    -webkit-transition: all .5s;
    transition: all .5s;
    text-decoration: none
}

.footer-cta-gradient-btn:focus {
    -webkit-box-shadow: 0 0 0 2px #000 inset;
    box-shadow: inset 0 0 0 2px #000;
    border: .125rem solid #f4a0c1
}

@media only screen and (max-width:599px) {
    .footer-cta-gradient-btn {
        width: 100%
    }
}

@media only screen and (max-width:1199px) {
    .footerCTA-main-section .footerCTA-right-content-section {
        padding: 6rem 8rem
    }
}

@media only screen and (max-width:599px) {
    .footerCTA-main-section .footerCTA-right-content-section {
        padding: 3rem .5rem
    }

    .footerCTA-main-section .footerCTA-right-content-section .footerCTA-right-content-inner-section .footer-contact-us-button {
        width: 100%
    }

    .footerCTA-main-section .footerCTA-right-content-section .footerCTA-right-content-inner-section .footerCTA-right-content-heading-h2 {
        font-size: 2.5rem
    }
}

.footer-flyout-section {
    padding: 7pc 0;
    background: #1e2222
}

.footer-flyout-section .footer-flyout-div-width {
    width: 80%
}

.footer-flyout-section .footer-flyout-div .footer-flyout-heading {
    margin-bottom: 1.5rem
}

@media screen and (max-width:599px) {
    .footer-flyout-section .footer-flyout-div .footer-flyout-heading {
        margin-bottom: 1rem
    }
}

.footer-flyout-section .footer-flyout-div .footer-flyout-heading p {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    margin-bottom: 0
}

.footer-flyout-section .footer-flyout-div .footer-flyout-heading h1,
.footer-flyout-section .footer-flyout-div .footer-flyout-heading h2 {
    font-family: Houschka-medium;
    font-size: 3.5rem;
    line-height: 3.5rem;
    margin-bottom: 0
}

.footer-flyout-section .footer-flyout-div .footer-flyout-heading h3 {
    font-family: Houschka-medium;
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin-bottom: 0
}

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

    .footer-flyout-section .footer-flyout-div .footer-flyout-heading h1,
    .footer-flyout-section .footer-flyout-div .footer-flyout-heading h2 {
        font-size: 2.5rem;
        line-height: 2.5rem
    }

    .footer-flyout-section .footer-flyout-div .footer-flyout-heading h3 {
        font-size: 1.5rem;
        line-height: 1.5rem
    }
}

.footer-flyout-section .footer-flyout-div .footer-flyout-description {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #c9c9ce;
    margin-bottom: 1.5rem
}

@media screen and (max-width:599px) {
    .footer-flyout-section .footer-flyout-div .footer-flyout-description {
        margin-bottom: 1rem
    }
}

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

    .footer-flyout-section .footer-flyout-div .btn-footer-flyout-primary,
    .footer-flyout-section .footer-flyout-div .btn-footer-flyout-secondry {
        width: 100%
    }

    .footer-flyout-section .footer-flyout-div .btn-footer-flyout-primary {
        margin-bottom: 2rem
    }
}

.footer-flyout-section .footer-redirect-link-div {
    padding-left: 6.5625rem
}

@media screen and (max-width:1199px) {
    .footer-flyout-section .footer-redirect-link-div {
        padding-left: .1875rem
    }
}

@media screen and (max-width:599px) {
    .footer-flyout-section .footer-redirect-link-div {
        padding-left: 0
    }
}

.footer-flyout-section .footer-redirect-link-div .footer-links-heading {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    margin-bottom: 1.5rem
}

@media screen and (max-width:599px) {
    .footer-flyout-section .footer-redirect-link-div .footer-links-heading {
        margin-bottom: 1rem
    }
}

.footer-flyout-section .footer-redirect-link-div .footer-link-nav {
    padding-left: 0;
    margin-bottom: 0
}

.footer-flyout-section .footer-redirect-link-div .footer-link-nav .footer-link {
    display: block;
    padding: 4px 1pc;
    border: 1px solid #5e6162;
    border-radius: 6.25rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 1rem
}

.footer-flyout-section .footer-redirect-link-div .footer-link-nav .footer-link:last-child {
    margin-bottom: 0
}

.footer-flyout-section .footer-redirect-link-div .footer-link-nav .footer-link .footer-link-item {
    font-family: Basis-regular;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem
}

.footer-flyout-section .footer-redirect-link-div .footer-link-nav .footer-link .footer-link-item .link-arrow-icon {
    display: block;
    background-image: url(clientlib-site/resources/images/statsCard/slider-right-arrow-icon.svg);
    height: .9375rem;
    width: 1rem;
    z-index: 10;
    cursor: pointer;
    margin-left: .5rem
}

@media screen and (max-width:1199px) {
    .footer-flyout-section .footer-flyout-div-width {
        width: 100%
    }
}

@media only screen and (max-width:599px) {
    .footer-flyout-section {
        padding: 3pc 0
    }

    .footer-flyout-section .border-left {
        border-left: none !important
    }
}

.footer-flyout-section.footer-flyout-section-light-theme {
    background-color: #f4f3f9
}

.footer-flyout-section.footer-flyout-section-light-theme .footer-flyout-description {
    color: #5e6162
}

.footer-flyout-section.footer-flyout-section-light-theme .footer-link-item .link-arrow-icon {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.gallery-card-section {
    padding: 2.5rem 0 3.75rem;
    color: #000
}

@media only screen and (min-width:600px) and (max-width:1199px) {
    .gallery-card-section {
        padding: 4.125rem 0 6.4375rem
    }
}

@media only screen and (max-width:599px) {
    .gallery-card-section {
        padding: 1.8125rem 0 3rem
    }
}

.gallery-card-section.gallery-edit-section {
    min-height: 25rem
}

.gallery-card-section.gallery-edit-section .gallery-card-navigation,
.gallery-card-section.gallery-edit-section .gallery-gif-image {
    display: none
}

.gallery-card-section .gallery-card-swiper {
    margin: 2rem 0;
    z-index: 2
}

.gallery-card-section .gallery-section-title {
    font-family: Houschka-medium;
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin-bottom: 2rem
}

@media only screen and (max-width:599px) {
    .gallery-card-section .gallery-section-title {
        font-size: 2rem
    }
}

.gallery-card-section .gallery-card-headding {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    margin: 1rem 0 .5rem
}

.gallery-card-section .gallery-card-desc {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    opacity: .9
}

@media only screen and (min-width:1200px) {
    .gallery-card-section .gallery-card-desc {
        max-width: 36.75rem
    }
}

.gallery-card-section .gallery-card-edit {
    height: 75pt !important
}

.gallery-card-section .gallery-card-slide .gallery-gif-image {
    display: none
}

.gallery-card-section .gallery-card-slide.swiper-slide-active .gallery-gif-image {
    display: block
}

.gallery-card-section .gallery-card-slide.swiper-slide-active .gallery-gif-thumb {
    display: none
}

.gallery-card-section .gallery-card-slide .gallery-video-play {
    position: absolute;
    background-color: #000;
    bottom: 0;
    left: 0;
    height: 56px;
    z-index: 9999;
    padding: 0 1pc 0 18px;
    border: 0
}

.gallery-card-section .gallery-card-slide .gallery-video-play .gallery-play-thumb {
    background: url(clientlib-site/resources/images/video/play-white-btn.svg) 50% no-repeat;
    width: 24px;
    height: 24px
}

.gallery-card-section .gallery-card-slide .gallery-video-play .gallery-play-text {
    font-family: Basis-bold;
    margin-left: 10px;
    color: #fff;
    font-size: 9pt;
    line-height: 1pc;
    letter-spacing: .15em
}

.gallery-card-section .gallery-card-slide .gallery-video-play .gallery-video-time:after {
    content: ")"
}

.gallery-card-section .gallery-card-slide .gallery-video-play .gallery-video-time:before {
    content: "("
}

.gallery-card-section .gallery-card-slide .gallery-image-card,
.gallery-card-section .gallery-card-slide .gallery-video-card {
    margin-bottom: 2.5rem;
    aspect-ratio: 16/9
}

.gallery-card-section .gallery-card-slide .gallery-image-card div {
    height: 100%
}

.gallery-card-section .gallery-card-slide .gallery-video-card.handle-video-control .s7controlbar {
    opacity: 0 !important
}

.gallery-card-section .gallery-card-slide .gallery-video-card:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent
}

.gallery-card-section .gallery-card-slide .gallery-video-card.caption-not-available .s7mutablevolume .s7mutebutton {
    right: 6pc !important
}

@media screen and (max-width:599px) {
    .gallery-card-section .gallery-card-slide .gallery-video-card.caption-not-available .s7mutablevolume .s7mutebutton {
        right: 2pc !important
    }
}

.gallery-card-section .gallery-card-slide .gallery-video-card.caption-not-available .caption-not-ready-btn,
.gallery-card-section .gallery-card-slide .gallery-video-card.caption-not-available .s7closedcaptionbutton {
    display: none !important
}

.gallery-card-section .gallery-card-slide .gallery-video-card.caption-not-available .s7container[mode=fullscreen] .s7mutablevolume {
    right: 5pc !important
}

.gallery-card-section .gallery-card-slide .gallery-video-card.transcript-not-available .caption-not-ready-btn,
.gallery-card-section .gallery-card-slide .gallery-video-card.transcript-not-available .s7closedcaptionbutton {
    right: 76px !important
}

.gallery-card-section .gallery-card-slide .gallery-video-card.transcript-not-available .s7mutablevolume .s7mutebutton {
    right: 6pc !important
}

.gallery-card-section .gallery-card-slide .gallery-video-card.transcript-not-available .video-ts-download {
    display: none !important
}

.gallery-card-section .gallery-card-slide .gallery-video-card.transcript-not-available.caption-not-available .s7mutablevolume .s7mutebutton {
    right: 40px !important
}

.gallery-card-section .gallery-card-slide .gallery-video-card.transcript-not-available.caption-not-available .s7container[mode=fullscreen] .s7mutablevolume {
    right: 0 !important
}

@media screen and (max-width:599px) {
    .gallery-card-section .gallery-card-slide .gallery-video-card.transcript-not-available.caption-not-available .s7container[mode=fullscreen] .s7mutablevolume {
        right: -1pc !important
    }
}

.gallery-card-section .gallery-card-slide .gallery-video-card.transcript-not-available .s7container[mode=fullscreen] .caption-not-ready-btn,
.gallery-card-section .gallery-card-slide .gallery-video-card.transcript-not-available .s7container[mode=fullscreen] .s7closedcaptionbutton {
    right: 24px !important
}

.gallery-card-section .gallery-card-slide .gallery-video-card.transcript-not-available .s7container[mode=fullscreen] .s7mutablevolume {
    right: 5pc !important
}

.gallery-card-section .gallery-card-slide .s7container,
.gallery-card-section .gallery-card-slide .s7dm-dynamic-media,
.gallery-card-section .gallery-card-slide .s7responsiveContainer,
.gallery-card-section .gallery-card-slide .s7videoplayer,
.gallery-card-section .gallery-card-slide .s7videoviewer {
    height: 100% !important;
    width: 100% !important
}

.gallery-card-section .gallery-card-slide .s7container video {
    height: 100% !important;
    width: 100% !important;
    position: unset !important
}

.gallery-card-section .gallery-card-slide .s7container video::cue {
    font-family: Basis-regular
}

.gallery-card-section .gallery-card-slide .s7container .s7iconeffect,
.gallery-card-section .gallery-card-slide .s7container .s7socialshare {
    display: none !important
}

.gallery-card-section .gallery-card-slide .s7container .s7videoplayer .s7caption {
    font-size: 1.125rem
}

@media only screen and (max-width:599px) {
    .gallery-card-section .gallery-card-slide .s7container .s7videoplayer .s7caption {
        font-size: .75rem
    }
}

.gallery-card-section .gallery-card-slide .s7playpausebutton[selected=false] {
    background: url(clientlib-site/resources/images/pause-btn-white.svg) 50% no-repeat !important
}

.gallery-card-section .gallery-card-slide .s7playpausebutton[selected=true] {
    background: url(clientlib-site/resources/images/play-btn-white.svg) 50% no-repeat !important
}

.gallery-card-section .gallery-card-slide .s7controlbar {
    background: transparent !important;
    height: 70px !important;
    z-index: 99;
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent)) !important;
    background: linear-gradient(0deg, #000, transparent) !important
}

.gallery-card-section .gallery-card-slide .s7videoscrubber {
    margin-top: 3px;
    width: calc(100% - 2pc) !important;
    left: 1pc !important;
    top: 1pc !important
}

.gallery-card-section .gallery-card-slide .s7videoscrubber .s7knob {
    height: 4px !important;
    top: 0 !important;
    width: 9pt !important;
    border-radius: 0 50px 50px 0;
    background-color: #fff
}

.gallery-card-section .gallery-card-slide .s7videoscrubber .s7track {
    background: transparent !important;
    height: 4px !important
}

.gallery-card-section .gallery-card-slide .s7videoscrubber .s7trackloaded {
    height: 4px !important;
    background-color: hsla(0, 0%, 100%, .5) !important;
    border-radius: 50px;
    width: 100% !important
}

.gallery-card-section .gallery-card-slide .s7videoscrubber .s7trackplayed {
    height: 4px !important;
    border-radius: 50px 0 0 50px;
    background-color: #fff
}

.gallery-card-section .gallery-card-slide .s7playpausebutton {
    top: 34px !important;
    left: 20px !important;
    height: 24px !important;
    width: 24px !important
}

.gallery-card-section .gallery-card-slide .s7videotime {
    font-family: Basis-bold;
    color: #fff;
    font-size: 9pt !important;
    line-height: 1pc;
    letter-spacing: .15em;
    right: unset !important;
    left: 54px !important;
    top: 33px !important
}

@media only screen and (min-width:600px) {
    .gallery-card-section .gallery-card-slide .s7videotime {
        font-family: Basis-regular;
        font-size: 14px !important;
        left: 56px !important;
        top: 34px !important
    }
}

.gallery-card-section .gallery-card-slide .s7mutablevolume {
    visibility: visible !important
}

.gallery-card-section .gallery-card-slide .s7mutablevolume .s7mutebutton {
    top: 34px !important;
    right: 146px !important;
    height: 24px !important;
    width: 24px !important
}

.gallery-card-section .gallery-card-slide .s7mutablevolume .s7mutebutton[selected=false] {
    background: url(clientlib-site/resources/images/video-unmuted.svg) 50% no-repeat !important
}

.gallery-card-section .gallery-card-slide .s7mutablevolume .s7mutebutton[selected=true] {
    background: url(clientlib-site/resources/images/video-mute.svg) 50% no-repeat !important
}

@media screen and (max-width:599px) {
    .gallery-card-section .gallery-card-slide .s7mutablevolume .s7mutebutton {
        right: 74px !important
    }
}

.gallery-card-section .gallery-card-slide .s7mutablevolume .s7verticalvolume {
    opacity: 0 !important
}

.gallery-card-section .gallery-card-slide .s7fullscreenbutton {
    top: 38px !important;
    right: 20px !important;
    height: 24px !important;
    width: 24px !important
}

.gallery-card-section .gallery-card-slide .s7closedcaptionbutton {
    height: 24px !important;
    width: 24px !important;
    background-size: contain !important;
    background-position: 50% !important;
    top: 38px !important;
    right: 8pc !important
}

.gallery-card-section .gallery-card-slide .s7closedcaptionbutton[selected=false] {
    background-image: url(clientlib-site/resources/images/video/caption-ico.svg) !important
}

.gallery-card-section .gallery-card-slide .s7closedcaptionbutton[selected=true] {
    background-image: url(clientlib-site/resources/images/video/caption-active.svg) !important
}

@media screen and (max-width:599px) {
    .gallery-card-section .gallery-card-slide .s7closedcaptionbutton {
        right: 66px !important
    }
}

.gallery-card-section .gallery-card-slide .caption-not-ready-btn {
    background: url(clientlib-site/resources/images/video/Closed_caption_inactive.svg);
    position: absolute;
    height: 24px;
    width: 24px;
    background-size: contain;
    background-position: 50%;
    top: 38px;
    right: 8pc
}

@media screen and (max-width:599px) {
    .gallery-card-section .gallery-card-slide .caption-not-ready-btn {
        right: 66px !important
    }
}

.gallery-card-section .gallery-card-slide .video-ts-download {
    position: absolute;
    right: 74px !important;
    width: 24px !important;
    height: 24px !important;
    top: 38px !important;
    cursor: pointer
}

.gallery-card-section .gallery-card-slide .video-ts-download[data-asset=false] {
    background: url(clientlib-site/resources/images/video/Download_Trascript_inactive.svg)
}

.gallery-card-section .gallery-card-slide .video-ts-download[data-asset=false] .video-message-wrapper {
    color: #c9c9ce;
    border: 1px solid #c9c9ce
}

.gallery-card-section .gallery-card-slide .video-ts-download[data-asset=true] {
    background: url(clientlib-site/resources/images/video/download_transcript.svg)
}

@media screen and (max-width:599px) {
    .gallery-card-section .gallery-card-slide .video-ts-download {
        display: none
    }
}

.gallery-card-section .gallery-card-slide .video-message-wrapper {
    color: #119a34;
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    border: 1px solid #119a34;
    position: absolute;
    top: -78px;
    right: -54px;
    padding: 9pt 9pt 9pt 52px;
    min-width: 15.125rem;
    border-radius: .25rem;
    background: rgba(0, 0, 0, .85);
    cursor: auto
}

.gallery-card-section .gallery-card-slide .video-message-wrapper:after {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    top: 50%;
    left: 9pt;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.gallery-card-section .gallery-card-slide .video-message-wrapper.video-ts-notready:after {
    background: url(clientlib-site/resources/images/video/Download_Trascript_inactive.svg)
}

.gallery-card-section .gallery-card-slide .video-message-wrapper.video-ts-downloading:after {
    background: url(clientlib-site/resources/images/video/Download_Trascript_success.svg)
}

.gallery-card-section .gallery-card-slide .video-message-wrapper.video-caption-not-ready {
    top: -40px;
    right: 20px !important;
    color: #c9c9ce;
    border: 1px solid #c9c9ce
}

.gallery-card-section .gallery-card-slide .video-message-wrapper.video-caption-not-ready:after {
    position: absolute;
    content: "";
    background: url(clientlib-site/resources/images/video/Closed_caption_inactive.svg);
    height: 24px;
    width: 24px;
    top: 50%;
    left: 9pt;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.gallery-card-section .gallery-card-slide .s7container[mode=fullscreen] .s7mutablevolume {
    right: 136px !important
}

.gallery-card-section .gallery-card-slide .s7container[mode=fullscreen] .s7mutablevolume .s7mutebutton {
    right: 0 !important
}

.gallery-card-section .gallery-card-slide .s7container[mode=fullscreen] .video-ts-download {
    right: 24px !important
}

@media screen and (max-width:599px) {
    .gallery-card-section .gallery-card-slide .s7container[mode=fullscreen] .video-ts-download {
        display: block
    }
}

.gallery-card-section .gallery-card-slide .s7container[mode=fullscreen] .caption-not-ready-btn,
.gallery-card-section .gallery-card-slide .s7container[mode=fullscreen] .s7closedcaptionbutton {
    right: 5pc !important
}

.gallery-card-section .gallery-card-slide .s7container[mode=fullscreen] .video-message-wrapper {
    right: 0
}

.gallery-card-section .gallery-card-slide .s7container[mode=fullscreen] .s7videoplayer .s7caption {
    font-size: 1.375rem
}

@media only screen and (max-width:599px) {
    .gallery-card-section .gallery-card-slide .s7container[mode=fullscreen] .s7videoplayer .s7caption {
        font-size: 1rem
    }
}

.gallery-card-section .gallery-card-slide .s7fullscreenbutton[selected=true] {
    background: rgba(0, 0, 0, .5) url(clientlib-site/resources/images/close.svg) 50% no-repeat !important;
    position: fixed;
    top: 20px;
    right: 20px;
    width: 4pc;
    height: 4pc;
    border-radius: 50%
}

.gallery-card-section .gallery-card-slide .s7fullscreenbutton[selected=false] {
    background: url(clientlib-site/resources/images/expand.svg) 50% no-repeat !important
}

.gallery-card-section .gallery-card-slide .gallery-image-card img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    -o-object-position: center;
    object-position: center
}

.gallery-card-section .gallery-card-slide .gallery-image-card .image-fullview {
    width: 56px;
    height: 56px;
    background: #000 url(clientlib-site/resources/images/expand.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 3px solid #fff;
    display: none
}

.gallery-card-section .gallery-card-slide.swiper-slide-next .gallery-card-content,
.gallery-card-section .gallery-card-slide.swiper-slide-prev .gallery-card-content {
    opacity: 0
}

.gallery-card-section .gallery-card-slide.swiper-slide-next .gallery-card-content .gallery-card-cta,
.gallery-card-section .gallery-card-slide.swiper-slide-prev .gallery-card-content .gallery-card-cta {
    pointer-events: none
}

.gallery-card-section .gallery-card-slide.swiper-slide-next .gallery-video-play,
.gallery-card-section .gallery-card-slide.swiper-slide-next .s7controlbar,
.gallery-card-section .gallery-card-slide.swiper-slide-prev .gallery-video-play,
.gallery-card-section .gallery-card-slide.swiper-slide-prev .s7controlbar {
    display: none !important
}

.gallery-card-section .gallery-card-slide.swiper-slide-active .image-fullview {
    display: block !important
}

.gallery-card-section .gallery-next,
.gallery-card-section .gallery-prev {
    top: 0;
    width: 1pc;
    height: 1pc;
    -webkit-filter: invert(1);
    filter: invert(1)
}

.gallery-card-section .gallery-next.swiper-button-disabled,
.gallery-card-section .gallery-prev.swiper-button-disabled {
    pointer-events: none;
    opacity: .5
}

.gallery-card-section .gallery-next {
    background: url(clientlib-site/resources/images/arrow-right-w.svg);
    left: 5.75rem
}

.gallery-card-section .gallery-prev {
    background: url(clientlib-site/resources/images/arrow-left-w.svg);
    left: 0
}

.gallery-card-section .gallery-card-scrollbar {
    height: .0625rem;
    background-color: #dfdee3
}

@media only screen and (min-width:600px) and (max-width:1199px) {
    .gallery-card-section .gallery-card-scrollbar {
        margin-top: 1.5rem
    }
}

@media only screen and (max-width:599px) {
    .gallery-card-section .gallery-card-scrollbar {
        margin-top: 1.125rem
    }
}

.gallery-card-section .gallery-card-navigation {
    top: 30.5rem;
    z-index: 1;
    width: 40% !important
}

@media only screen and (min-width:600px) and (max-width:1199px) {
    .gallery-card-section .gallery-card-navigation {
        top: 23.1875rem
    }
}

@media only screen and (max-width:599px) {
    .gallery-card-section .gallery-card-navigation {
        top: 12.5rem
    }
}

.gallery-card-section .gallery-card-navigation.pagination-right-0 {
    right: 0
}

.gallery-card-section .gallery-pagination {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .15em;
    padding-left: 1.75rem
}

.gallery-card-section .gallery-card-cta {
    font-family: Basis-medium;
    text-decoration: none;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #000;
    margin-top: 1rem
}

.gallery-card-section .gallery-card-cta .gallery-cta-arrow {
    height: 2.5rem;
    width: 2.5rem;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 1.25rem;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    margin-left: 1rem;
    background-position: 0 0
}

.gallery-card-section .gallery-card-cta .gallery-cta-arrow:after {
    position: absolute;
    top: 0;
    content: "";
    height: 1rem;
    background-repeat: no-repeat;
    width: 1rem;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    background-image: url(clientlib-site/resources/images/accrodion/right-direc-arrow-white.svg);
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0
}

.gallery-card-section .gallery-card-cta .gallery-cta-arrow:hover:after {
    background-position: 1pc 0;
    -webkit-transition: all .7s;
    transition: all .7s
}

.gallery-card-section .swiper-slide-next,
.gallery-card-section .swiper-slide-prev {
    opacity: .3
}

.gallery-card-section.gallary-dark-theme {
    color: #fff
}

.gallery-card-section.gallary-dark-theme .gallery-next,
.gallery-card-section.gallary-dark-theme .gallery-prev {
    -webkit-filter: initial;
    filter: none
}

.gallery-card-section.gallary-dark-theme .gallery-card-cta {
    color: #fff
}

.gallery-card-section.gallary-dark-theme .image-accessibility-container .image-accessibility-btn {
    color: #b4b4b8
}

.gallery-card-section.gallary-dark-theme .image-accessibility-container.active .image-accessibility-btn,
.gallery-card-section.gallary-dark-theme .image-accessibility-container .image-accessibility-btn:hover {
    color: #fff
}

.gallery-card-section.gallary-dark-theme .image-accessibility-container.active .image-accessibility-btn:before {
    border-bottom: .5rem solid #fff
}

.gallery-card-section.gallary-dark-theme .image-accessibility-container .image-accessibility-description {
    background: #fff
}

.gallery-card-section.gallary-dark-theme .image-accessibility-container .image-accessibility-description::-webkit-scrollbar-track {
    background: #dfdee3;
    border-radius: 0
}

.gallery-card-section.gallary-dark-theme .image-accessibility-container .image-accessibility-description .image-accessibility-content {
    color: #000
}

.gallery-card-section .overlay-detail-modal {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.gallery-card-section.gallery-card-full-width .gallery-card-slide {
    width: 100% !important;
    margin-right: 0 !important
}

.gallery-card-section.gallery-card-full-width .gallery-card-slide .gallery-image-card,
.gallery-card-section.gallery-card-full-width .gallery-card-slide .gallery-video-card {
    margin-bottom: 0
}

.gallery-card-section.gallery-card-full-width .gallery-card-navigation {
    display: none
}

.gallery-card-section.gallery-card-full-width .gallery-card-headding {
    margin: 1rem 0 .5rem
}

.gallery-card-section .gallery-card-swiper.hasSlides .image-accessibility-container {
    top: -2.375rem
}

.gallery-card-section .image-accessibility-container {
    top: 0
}

.gallery-card-section .image-accessibility-container .image-accessibility-btn {
    background: none;
    color: #747678;
    padding: 0;
    min-width: 0;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem
}

.gallery-card-section .image-accessibility-container.active .image-accessibility-btn,
.gallery-card-section .image-accessibility-container .image-accessibility-btn:hover {
    color: #000
}

.gallery-card-section .image-accessibility-container.active .image-accessibility-btn:before {
    -webkit-transform: initial;
    transform: none;
    bottom: -.75rem;
    left: unset;
    right: .25rem
}

.gallery-card-section .image-accessibility-container.active .image-accessibility-description,
.gallery-card-section .image-accessibility-container .image-accessibility-description {
    top: 2.25rem
}

.generic-video-section .edit-mode-div-height {
    height: 600px;
    width: 100%
}

.generic-video-section .generic-video-main-height {
    width: 100%;
    height: 90vh
}

@media screen and (max-width:1199px) {
    .generic-video-section .generic-video-main-height {
        height: 30rem
    }
}

@media screen and (max-width:599px) {
    .generic-video-section .generic-video-main-height {
        height: 90vh
    }
}

.generic-video-section .generic-video-bg-image {
    height: 100%
}

.generic-video-section .generic-video-bg-image .generic-gradient-bg {
    background: -webkit-gradient(linear, right top, left top, from(transparent), to(#000));
    background: linear-gradient(270deg, transparent, #000);
    opacity: .8;
    height: 100%;
    width: 100%
}

.generic-video-section .generic-video-bg-image .generic-gradient-bg .generic-video-inner-div-height {
    height: 83vh;
    width: 50%
}

@media screen and (max-width:1199px) {
    .generic-video-section .generic-video-bg-image .generic-gradient-bg .generic-video-inner-div-height {
        height: 30rem;
        width: 50%
    }
}

@media screen and (max-width:599px) {
    .generic-video-section .generic-video-bg-image .generic-gradient-bg .generic-video-inner-div-height {
        height: 83vh;
        width: 100%
    }
}

.generic-video-section .generic-video-bg-image .generic-gradient-bg .generic-video-inner-div .generic-video-heading {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    margin-bottom: 2.5rem
}

.generic-video-section .generic-video-bg-image .generic-gradient-bg .generic-video-inner-div .generic-video-title {
    font-size: 4rem;
    line-height: 4rem;
    font-family: Houschka-medium;
    font-weight: 500;
    margin-bottom: 2.75rem;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

@media screen and (max-width:1199px) {
    .generic-video-section .generic-video-bg-image .generic-gradient-bg .generic-video-inner-div .generic-video-title {
        font-size: 3rem !important
    }
}

@media screen and (max-width:599px) {
    .generic-video-section .generic-video-bg-image .generic-gradient-bg .generic-video-inner-div .generic-video-title {
        font-size: 2.5rem !important
    }
}

.generic-video-section .generic-video-bg-image .generic-gradient-bg .generic-video-inner-div .generic-video-title .vertical-line {
    padding-left: 2rem;
    position: relative;
    display: block;
    padding-left: 24px !important
}

.generic-video-section .generic-video-bg-image .generic-gradient-bg .generic-video-inner-div .generic-video-title .vertical-line:after {
    background: #e41165;
    width: 4px;
    border-radius: 10px;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    content: ""
}

.generic-video-section .generic-video-bg-image .generic-gradient-bg .generic-video-inner-div .generic-video-title .vertical-line-pink-text {
    padding-left: 2rem;
    position: relative;
    display: block;
    color: #e41165
}

.generic-video-section .generic-video-bg-image .generic-gradient-bg .generic-video-inner-div .generic-video-title .vertical-line-pink-text:after {
    background: #e41165;
    width: 4px;
    border-radius: 10px;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    content: ""
}

.generic-video-section .generic-video-bg-image .generic-gradient-bg .generic-video-inner-div .generic-video-title .social-share-content {
    display: inline;
    position: relative;
    border-bottom: 1px dashed;
    border-color: #fff
}

.generic-video-section .generic-video-bg-image .generic-gradient-bg .generic-video-inner-div .generic-video-title .social-share-content a {
    pointer-events: none;
    color: #fff
}

.generic-video-section .generic-video-bg-image .generic-gradient-bg .generic-video-inner-div .generic-video-title .pink-text {
    color: #e41165
}

.generic-video-section .generic-video-bg-image .generic-gradient-bg .generic-video-inner-div .generic-full-video-btn {
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    background: transparent;
    border: none;
    padding: 0;
    font-family: Basis-medium
}

.generic-video-section .generic-video-bg-image .generic-gradient-bg .generic-video-inner-div .generic-full-video-btn .generic-video-play-btn {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 3.125rem;
    margin-left: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 1pc 8px 8px
}

.generic-video-section .generic-video-bg-image .generic-gradient-bg .generic-video-inner-div .generic-full-video-btn .generic-video-play-btn .generic-btn-icon {
    height: 2.5rem;
    width: 2.5rem;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(clientlib-site/resources/images/play-btn-bg-w.svg)
}

.generic-video-section .generic-video-bg-image .generic-gradient-bg .generic-video-time {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .15em;
    color: #000
}

.generic-video-section .generic-video-bg-image {
    overflow: hidden
}

.generic-video-section .generic-video-bg-image .s7dm-dynamic-media .s7responsiveContainer img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.generic-video-section .generic-video-bg-image .s7dm-dynamic-media .s7responsiveContainer img.zoom-out {
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.generic-video-section .banner-video-modal.video-fullscreen .s7container video::cue {
    font-family: Basis-regular
}

@media screen and (min-width:1200px) {
    .generic-video-section .banner-video-modal.video-fullscreen .s7container video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media screen and (min-width:1200px) {
    .generic-video-section .banner-video-modal.video-fullscreen .s7controlbar {
        left: 10% !important;
        width: 80% !important
    }
}

.generic-video-section .banner-video-modal.video-fullscreen .s7controlbar .s7playpausebutton {
    left: 0 !important
}

.generic-video-section .banner-video-modal.video-fullscreen .s7controlbar .s7videotime {
    width: 9.375rem !important;
    left: 2.5rem;
    padding-left: 0
}

.generic-video-section .banner-video-modal.video-fullscreen .banner-video-duration {
    display: none !important
}

.generic-video-section .main-youtube-fallback-text,
.generic-video-section .youtube-iframe-wrapper iframe {
    width: 35rem;
    height: 19.6875rem
}

@media screen and (min-width:1200px) {

    .rowContainer .container .w-75 .generic-video-section .generic-gradient-bg,
    .rowContainer .container .w-100 .generic-video-section .generic-gradient-bg {
        padding: 0 40px
    }
}

header {
    top: 0;
    background-color: #000;
    z-index: 1001
}

header.tab-header .navbar.set-header-onscroll,
header.tab-header.page-scrolled {
    background-color: #1e2222
}

.navbar-nav .nav-link {
    color: #fff;
    font-size: 1rem;
    font-family: Basis-light
}

.navbar-nav .nav-item {
    position: relative;
    margin: 0 .5rem
}

.navbar-nav .nav-item.active:after,
.navbar-nav .nav-item:hover:after {
    width: 50%;
    -webkit-transition: all .3s;
    transition: all .3s
}

nav .navbar-text {
    margin: 0 .75rem
}

nav .navbar-text a {
    color: #9e9fa3;
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: .15em;
    font-family: Basis-bold
}

.font-white {
    color: #fff
}

.font-grayWhite {
    color: #9e9fa3
}

header .normal-content {
    line-height: 2rem;
    font-size: 1rem;
    letter-spacing: .5px;
    font-family: Basis-light
}

header .nav_item_li {
    z-index: 9;
    height: 6.1875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header .__display {
    visibility: visible !important;
    opacity: 1 !important
}

header .mega_menu {
    z-index: 4;
    top: 99px;
    left: 0;
    right: 0;
    width: 100%;
    height: 28.75rem;
    background: #1e2222;
    visibility: hidden;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    border-bottom: 1px solid #494c4d
}

header .mega_menu.opacity-header {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: scaleY(1) !important;
    transform: scaleY(1) !important;
    -webkit-transition: top 1s ease, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: top 1s ease, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), top 1s ease;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), top 1s ease, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    visibility: cubic-bezier(.23, 1, .32, 1) .3s;
    -webkit-transform: .3s cubic-bezier(.23, 1, .32, 1) .3s;
    transform: .3s cubic-bezier(.23, 1, .32, 1) .3s
}

header .mega_menu .header-latest-article-div {
    max-width: 90pt;
    width: 7.5rem;
    height: 4.3125rem;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

header .mega_menu .header-latest-article-div .header-latest-article-img {
    -o-object-fit: contain;
    object-fit: contain
}

header .submenu_rollover {
    z-index: 5;
    height: 94%
}

header .inner-ul {
    z-index: 7
}

header .level3_container {
    top: 0;
    right: 0;
    min-height: 18.75rem
}

header .right-submenu-l3 {
    display: none
}

header .opacity-0 {
    opacity: 0 !important
}

header .opacity-1 {
    opacity: 1 !important
}

header .header-right-arrow-icon {
    background-image: url(clientlib-site/resources/images/right-navigation.svg);
    height: .875rem;
    width: .5rem;
    display: inline-block
}

header .tab-mob-view {
    display: block
}

header .desktop-view {
    display: none
}

header .accordion {
    background: transparent
}

header .card-header-new {
    padding-left: 0;
    background: transparent;
    border-bottom: 1px solid #494c4d;
    margin-left: 10px;
    position: relative
}

@media only screen and (max-width:1199px) {
    header .card-header-new .mobile-l1-link {
        margin-top: .0625rem
    }
}

header .card-header-new.active-nav:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    bottom: -1px;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
}

header .sub-header-btn-link {
    font-size: 1.5rem;
    color: #fff;
    line-height: 40px;
    padding: .75rem 1rem;
    width: 100%;
    text-align: left;
    font-family: Basis-Light
}

header .sub-header-btn-link:focus,
header .sub-header-btn-link:hover,
header .sub-header-inn-btn-link:focus,
header .sub-header-inn-btn-link:hover {
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

header .sub-header-btn-link:focus-visible {
    border: 1px solid #fff !important
}

header .sub-header-inn-btn-link {
    font-size: 1.125rem;
    color: #fff;
    line-height: 2rem;
    padding: 0;
    width: 100%;
    text-align: left
}

header .sub-header-card-body {
    padding: .5rem
}

header .sub-header-accordin-inn-nav {
    margin-bottom: 0
}

header .sub-header-accordin-inn-nav .sun-header-item {
    margin-bottom: .5rem;
    line-height: 2rem;
    list-style: none
}

header .sub-header-accordin-inn-nav .sun-header-item:last-child {
    margin-bottom: 0
}

header .sub-header-accordin-inn-nav .sun-header-item a {
    font-size: .875rem;
    color: #c9c9ce
}

header .inn-accordion-btn:after {
    content: "+";
    font-size: 2rem;
    position: absolute;
    right: 1.5rem;
    color: #fff;
    -webkit-transform: scale(.7) !important;
    transform: scale(.7) !important
}

header .inn-accordion-btn:not(.collapsed):after {
    content: "-";
    font-size: 3rem
}

header .main-accordion-btn:after {
    content: "";
    background-image: url(clientlib-site/css/images/down-arrow.svg);
    position: absolute;
    background-repeat: no-repeat;
    right: 1.5rem;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 1.25rem;
    height: 1.25rem;
    top: 2rem
}

header .main-accordion-btn:not(.collapsed):after {
    content: " ";
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .5s;
    transition: all .5s;
    top: 1.5rem
}

header .mobile-tab-link {
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #fff;
    text-decoration: none;
    font-family: Basis-Light
}

header .mobile-tab-link span {
    font-family: Basis-Light
}

header .mobile-tab-link:hover {
    text-decoration: none
}

header .inner-link-mobile {
    border-bottom: 1px solid #494c4d;
    -webkit-appearance: none
}

header .navbar-collapse.navbarOpen {
    z-index: 10
}

header .header-dropdown-icon {
    background-image: url(clientlib-site/resources/images/accrodion/down-arrow.svg);
    display: inline-block;
    width: .875rem;
    height: .5rem
}

header .header-plus-icon {
    background-image: url(clientlib-site/resources/images/accrodion/plus-white.svg);
    display: inline-block;
    width: .875rem;
    height: .875rem
}

header .l3-expand-icon {
    background-repeat: no-repeat;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    background-position-x: right
}

header .header-minus-icon {
    background-image: url(clientlib-site/resources/images/accrodion/minus-white.svg);
    display: inline-block;
    width: 1rem;
    height: .125rem;
    padding: 3px 0 2px
}

header .l2_link {
    font-size: 18px;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #9e9fa3;
    text-decoration: none !important;
    border-bottom: 1px solid #494c4d;
    z-index: 7;
    font-family: Basis-light
}

header .l2_link:hover {
    color: #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer
}

header .l2-link-hover {
    color: #fff !important;
    border-bottom: 1px solid #fff !important;
    cursor: pointer;
    background-color: #333737
}

header .btn-l3-description {
    padding: 9pt 2pc;
    border-radius: 75pt;
    border: 1.5px solid #b4b4b8
}

header .btn-l3-cta,
header .btn-l3-description {
    font-size: 18px;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #fff;
    font-family: Basis-medium
}

header .btn-l3-cta {
    padding: 0;
    border-bottom: 1.5px solid #b4b4b8;
    text-decoration: none !important
}

header .sub-header-content-link-ul {
    display: none;
    column-count: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
    padding-left: 0;
    right: 0;
    top: 0;
    min-height: 300px;
    z-index: 9
}

header .sub-header-content-link-ul .l3-li-list {
    padding-bottom: 24px;
    display: inline-block;
    list-style: none;
    padding-left: 1pc;
    width: 12.875rem
}

header .sub-header-content-link-ul .l3-li-list .l3-li-link {
    font-size: 1rem;
    color: #c9c9ce;
    line-height: 24px;
    letter-spacing: .5px;
    font-family: Basis-Light
}

header .l3-ul-list-mobile .l3-li-list-mobile {
    list-style: none
}

header .l3-ul-list-mobile .l3-li-list-mobile .l3-li-list-mobile-link {
    font-size: .875rem;
    color: #fff !important;
    line-height: 24px;
    letter-spacing: .5px;
    text-decoration: none !important;
    font-family: Basis-Light
}

header .nav_item_li .nav-link {
    font-size: 1pc;
    letter-spacing: .5px;
    line-height: 24px;
    color: #fff;
    font-family: Basis-regular
}

header .nav_item_li.active-nav .nav-underline {
    opacity: 1
}

header .nav_item_li .nav-underline {
    height: .0625rem;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    width: 2rem;
    opacity: 0
}

header .search-icon {
    background-image: url(clientlib-site/resources/images/search-icon.svg);
    width: 1.26937rem;
    height: 1.26937rem;
    display: inline-block
}

header .sub-header-right-rollover {
    z-index: 8;
    width: 77%;
    height: 100%;
    right: 0
}

header .sub_header_description {
    right: 20%;
    top: 0;
    z-index: 9
}

header .section-content {
    color: #fff;
    font-size: 1pc;
    line-height: 1.5rem;
    letter-spacing: .5px;
    opacity: .8;
    font-family: Basis-regular;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

header .main-heading {
    font-size: 2rem;
    line-height: 2.5rem;
    font-family: Houschka-Light
}

header .investor-data-table {
    border-radius: 8px;
    border: 1px solid #494c4d
}

header .investor-data-table .investor-description {
    border-right: 1px solid #494c4d;
    width: 35%;
    color: #fff
}

header .investor-data-table .investor-description .investor-brand-name {
    font-family: Basis-Light;
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .5px
}

header .investor-data-table .investor-description .investor-data-type {
    font-family: Basis-Light;
    font-size: .75rem;
    line-height: 1pc;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #b4b4b8
}

header .investor-data-table .investor-data {
    width: 65%;
    color: #fff
}

header .investor-data-table .investor-data .nse-price .nsePrice {
    font-family: Houschka-Light;
    font-size: 2rem;
    line-height: 40px
}

header .investor-data-table .investor-data .nse-percentage .nsePercent {
    font-family: Basis-regular;
    font-size: 18px;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #b4b4b8
}

header .company-details-div .company-details-div-title {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15em;
    color: #fff;
    font-family: Basis-regular
}

header .company-details-div .consultant-name {
    font-size: 1pc;
    line-height: 24px;
    letter-spacing: .5px;
    color: #9e9fa3;
    font-family: Basis-regular
}

header .company-details-div .phone-icon {
    background-image: url(clientlib-site/resources/images/phone-icon.svg);
    display: inline-block;
    width: 1.28125rem;
    height: 1.28125rem
}

header .company-details-div .mail-icon {
    background-image: url(clientlib-site/resources/images/email.svg);
    display: inline-block;
    width: 1.40625rem;
    height: 1.34375rem
}

header .company-details-div .fax-icon {
    background-image: url(clientlib-site/resources/images/fax.svg);
    display: inline-block;
    width: 1.21875rem;
    height: 1.34375rem
}

header .company-details-div .mailing-address {
    font-size: 1pc;
    line-height: 24px;
    letter-spacing: .5px;
    color: #9e9fa3;
    text-transform: capitalize;
    font-family: Basis-regular
}

header .company-details-div .company-cta-link {
    color: #fff;
    font-size: 18px;
    line-height: 2pc;
    letter-spacing: .5px;
    text-decoration: none !important;
    border-bottom: 1px solid #fff;
    padding-bottom: 6px;
    font-family: Basis-regular
}

header .company-details-div .email-id-text,
header .company-details-div .phone-no-text {
    text-decoration: none !important;
    font-size: 1pc;
    line-height: 24px;
    letter-spacing: .5px;
    color: #9e9fa3;
    font-family: Basis-regular
}

header .nse-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: .9375rem;
    height: .9375rem;
    display: inline-block;
    vertical-align: middle
}

header .down-arrow {
    background-image: url(clientlib-site/resources/images/down.svg)
}

header .up-arrow {
    background-image: url(clientlib-site/resources/images/up.svg)
}

@media screen and (max-width:1199px) {
    header #navbarMenuEdit {
        height: 31.25rem;
        left: -100%
    }

    header #navbarMenu,
    header #navbarMenuEdit {
        width: 50%;
        background-color: #1e2222;
        position: absolute;
        top: 5pc;
        padding: 0 1rem;
        -webkit-transition: all .5s;
        transition: all .5s
    }

    header #navbarMenu {
        height: calc(100vh - .1px)
    }
}

@media screen and (max-width:1199px) and (min-width:600px) {
    header #navbarMenu {
        right: -100%
    }
}

@media screen and (max-width:1199px) and (max-width:599px) {
    header #navbarMenu {
        width: 100%;
        right: -100%
    }
}

@media screen and (max-width:1199px) {
    header .mobile-navbar-outer-div {
        max-height: calc(100vh - 75pt);
        overflow-y: scroll
    }

    header .mobile-navbar-outer-div .tab-mob-view .main-accordion-btn.sub-header-btn-link {
        position: relative;
        border: 1px solid transparent
    }

    header .mobile-navbar-outer-div .tab-mob-view .main-accordion-btn.sub-header-btn-link:before {
        content: "";
        position: absolute;
        width: .875rem;
        height: 100%;
        top: 0;
        right: -14px;
        z-index: 1
    }

    header .mobile-navbar-outer-div .tab-mob-view .main-accordion-btn.sub-header-btn-link:focus {
        border: 1px solid transparent
    }
}

@media screen and (max-width:1199px) and (min-width:600px) {
    header #navbarMenu.navbarOpen {
        right: 0;
        -webkit-transition: all .5s;
        transition: all .5s
    }
}

@media screen and (max-width:1199px) and (max-width:599px) {
    header #navbarMenu.navbarOpen {
        right: 0;
        -webkit-transition: all .5s;
        transition: all .5s
    }
}

@media screen and (max-width:1199px) {
    header header {
        background: none
    }

    header .main-header {
        padding: .4rem 0;
        background-color: #000;
        width: 100%;
        text-align: center;
        height: 5rem;
        max-height: 5pc
    }

    header .main-header.set-header-onscroll {
        background-color: #1e2222
    }

    header .navbar {
        padding: 0
    }

    header nav>.navbar-text {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    header .cipher-white-logo {
        display: none
    }

    header .navbar-nav .nav-link {
        font-size: 1.5rem
    }

    header .cipher-logo-mobile {
        display: inline
    }

    header .hamburger-menu {
        display: block
    }

    header .searchIcon {
        left: 3.5%;
        margin-left: 0
    }
}

@media screen and (max-width:1199px) and (max-width:599px) {
    header .searchIcon {
        left: 1rem
    }
}

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

    header .searchIcon>a,
    header .searchIcon a>img {
        display: block
    }

    header .nav-item {
        border-bottom: 1px solid #494c4d
    }

    header .navbar-nav .nav-item:after {
        display: none
    }

    header #navbarMenu.navbar-collapse,
    header #navbarMenu .navbar-nav {
        display: block !important
    }
}

header .cta-anchor-tag {
    color: #fff;
    text-decoration: underline;
    font-family: Basis-regular
}

header .cta-anchor-tag:hover {
    color: #fff
}

header .three-column {
    column-count: 3;
    -webkit-columns: 3;
    -moz-columns: 3
}

header .two-column {
    column-count: 2;
    -webkit-columns: 2;
    -moz-columns: 2
}

header .one-column {
    column-count: 1;
    -webkit-columns: 1;
    -moz-columns: 1
}

header .overview-link {
    border-bottom: 1px solid #494c4d
}

.hamburger-menu {
    display: none;
    width: 1.125rem;
    height: 1.25rem;
    position: absolute;
    -webkit-transform: rotate(0deg) translateY(-50%);
    transform: rotate(0deg) translateY(-50%);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    top: 50%;
    right: 3.5%
}

.hamburger-menu span {
    display: block;
    position: absolute;
    height: .125rem;
    width: 100%;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

@media only screen and (min-width:600px) {
    .hamburger-menu span {
        left: 0
    }
}

@media only screen and (max-width:599px) {
    .hamburger-menu span {
        right: 0
    }
}

.hamburger-menu span:first-child {
    top: 0;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.hamburger-menu span:nth-child(2) {
    top: 8px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    width: 75%
}

.hamburger-menu span:nth-child(3) {
    top: 1pc;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.hamburger-menu.open span:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 2px;
    left: 2px
}

.hamburger-menu.open span:nth-child(2) {
    width: 0;
    opacity: 0
}

.hamburger-menu.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 15px;
    left: 2px
}

.main-header {
    padding: .5rem 0
}

.main-header.set-header-onscroll {
    padding: 0
}

.cipher-logo-mobile {
    display: none
}

@media only screen and (max-width:1199px) {
    .set-header-onscroll .searchIcon {
        top: 22%
    }

    .searchIcon {
        top: 27%;
        position: absolute;
        -webkit-transition: top 1s ease;
        transition: top 1s ease
    }
}

@media only screen and (min-width:600px) and (max-width:1199px) {
    .cipher-logo-mobile {
        margin-right: 0;
        margin-left: 1.875rem
    }
}

@media only screen and (max-width:599px) {
    .hamburger-menu {
        left: auto;
        right: 1rem
    }

    .cipher-logo-mobile {
        margin-right: 17.5%
    }

    .main-header {
        text-align: left;
        padding: .5rem 1rem !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .cipher-logo-mobile>img {
        width: 3rem
    }

    .cipher-right-logo:after {
        display: none
    }

    .cipher-right-logo>img {
        width: 7.9375rem
    }

    .main-header .navbar-brand {
        top: 0 !important
    }

    .main-header .navbar-brand.cipher-right-logo {
        margin-left: 17.5%
    }
}

.fs-12 {
    font-size: .75rem
}

.fs-10 {
    font-size: .625rem
}

.header-inner-left .inner-ul .inner-link {
    list-style: none;
    color: #9e9fa3;
    font-size: .888rem
}

#whatWeDoInnlink {
    display: block
}

.header-height {
    max-height: 520px;
    height: 32.5rem
}

.sub-header-content {
    display: none
}

#whatWeAreInnlink {
    display: block
}

.header-sub-sec-inn-link-ul {
    padding-left: 0
}

.header-sub-sec-inn-link-ul li {
    color: #c9c9ce;
    font-size: 1rem;
    margin-bottom: 1.5rem;
    list-style: none
}

.header-sub-sec-inn-link-ul li a,
.header-sub-sec-inn-link-ul li a:hover {
    color: #c9c9ce;
    letter-spacing: .5px;
    font-family: Basis-Light;
    font-size: 1rem;
    line-height: 1.5rem
}

.sub-heading {
    color: #fff;
    font-size: 1rem;
    line-height: 1rem;
    font-family: Basis-bold;
    text-transform: uppercase;
    letter-spacing: .15em
}

.b-l-white:before {
    content: " ";
    position: absolute;
    left: 0;
    height: 80%;
    border-left: 1px solid #494c4d
}

.normal-containt {
    line-height: 2rem;
    font-size: 1.125rem
}

#whatWeBelieveInnlink {
    display: block
}

.small-content-span {
    color: #5e6162;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .5px;
    font-family: Basis-medium
}

.what-we-are-inn-table,
.what-we-are-inn-table td,
.what-we-are-inn-table th,
.what-we-are-inn-table thead th {
    border: 1px solid #494c4d;
    border-collapse: collapse
}

.what-we-are-inn-table th {
    color: #fff;
    font-size: .875rem;
    background: #333737
}

.what-we-are-inn-table td,
.what-we-are-inn-table th {
    line-height: 1.5rem;
    font-family: Basis-regular;
    padding: 1.5rem 1rem
}

.what-we-are-inn-table td {
    color: #c9c9ce;
    font-size: 1rem
}

.article-img-div img {
    width: 100%
}

.opacity-1 {
    opacity: 1 !important
}

.mobile-contact-text .contact-text {
    font-family: Basis-Light;
    font-size: 1.125rem !important;
    line-height: 2pc !important;
    letter-spacing: .5px !important;
    color: #c9c9ce !important
}

.sticky-header-padding,
.tab-header .navbar-expand-lg {
    height: 6.1875rem
}

@media only screen and (max-width:1199px) {
    .sticky-header-padding {
        height: 5rem
    }
}

.brand-logo-img,
.set-header-onscroll,
.sticky-header-padding,
.tab-header .navbar-expand-lg,
header .main-header {
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.set-header-onscroll {
    height: 72px !important
}

@media only screen and (max-width:1199px) {
    .set-header-onscroll {
        height: 4pc !important
    }
}

@media only screen and (max-width:1199px) {
    .brand-logo-img {
        height: 3rem !important
    }

    .main-header .navbar-brand {
        position: relative;
        top: 8px
    }
}

.set-menu-onscroll {
    top: 72px !important;
    -webkit-transition: top 1s ease;
    transition: top 1s ease
}

@media only screen and (max-width:1199px) {
    .set-menu-onscroll {
        top: 4pc !important
    }
}

.dynamic-media-edit {
    top: 25%;
    z-index: 1
}

.dynamic-media-edit,
.dynamic-media-edit .cq-dd-image,
.dynamic-media-edit .s7container,
.dynamic-media-edit .s7videoplayer {
    height: 75pt;
    width: 100%
}

.dynamic-media-edit .s7videoplayer {
    width: 100%;
    height: 75pt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dynamic-media-edit .s7videoviewer {
    width: 100%;
    height: 75pt
}

.dynamic-media-edit .s7fullscreenbutton,
.dynamic-media-edit .s7iconeffect,
.dynamic-media-edit .s7mutablevolume,
.dynamic-media-edit .s7videoscrubber,
.dynamic-media-edit .s7videotime {
    display: none
}

.dynamic-media-edit video {
    height: 75pt;
    width: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    position: unset !important
}

.hero-banner-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    height: calc(100vh - 99px);
    font-family: Basis-regular
}

.hero-banner-container .hero-image-container {
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%
}

@media only screen and (max-width:1199px) {
    .hero-banner-container {
        height: 37.5rem
    }
}

@media only screen and (min-width:600px) and (max-width:1199px) and (orientation:landscape) {
    .hero-banner-container {
        height: auto;
        min-height: calc(100vh - 5pc)
    }

    .hero-banner-container.banner-with-video {
        padding-bottom: 3.75rem
    }

    .hero-banner-container.banner-with-image {
        padding-bottom: .9375rem
    }

    .hero-banner-container .hero-banner-height-container {
        height: auto;
        min-height: calc(100vh - 265px)
    }
}

.hero-banner-container .hero-video-container {
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%
}

.hero-banner-container .hero-video-container .cq-dd-image,
.hero-banner-container .hero-video-container .s7container,
.hero-banner-container .hero-video-container .s7videoplayer {
    width: 100%;
    height: 100%
}

.hero-banner-container .hero-video-container .s7controlbar {
    height: 56px !important
}

.hero-banner-container .hero-video-container .s7controlbar,
.hero-banner-container .hero-video-container .s7innercontrolbarcontainer {
    background-color: transparent !important;
    background-image: none;
    opacity: 1 !important
}

.hero-banner-container .hero-video-container .s7controlbar:hover,
.hero-banner-container .hero-video-container .s7innercontrolbarcontainer:hover {
    background-color: transparent !important
}

.hero-banner-container .hero-video-container .s7videoplayer {
    width: 100%;
    height: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hero-banner-container .hero-video-container .s7videoviewer {
    width: 100%;
    height: 100%
}

.hero-banner-container .hero-video-container .s7fullscreenbutton,
.hero-banner-container .hero-video-container .s7iconeffect,
.hero-banner-container .hero-video-container .s7mutablevolume,
.hero-banner-container .hero-video-container .s7socialbutton,
.hero-banner-container .hero-video-container .s7videoscrubber,
.hero-banner-container .hero-video-container .s7videotime {
    display: none !important
}

.hero-banner-container .hero-video-container video {
    height: 100% !important;
    width: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    position: unset !important
}

.hero-banner-container .hero-video-container .s7playpausebutton {
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position-x: 15% !important;
    background-position-y: center !important;
    background-size: inherit !important;
    bottom: .75rem !important;
    left: 0 !important;
    top: 0 !important;
    width: 75pt !important;
    height: 56px !important;
    z-index: 2
}

.hero-banner-container .hero-video-container .s7playpausebutton[selected=false] {
    background-image: url(clientlib-site/resources/images/video/pause-white-btn.svg) !important
}

.hero-banner-container .hero-video-container .s7playpausebutton[selected=false]:after {
    color: #fff;
    margin-left: 25px;
    content: "PAUSE";
    letter-spacing: .15rem;
    font-weight: 700;
    font-size: 9pt;
    line-height: 1pc;
    font-family: Basis-regular
}

.hero-banner-container .hero-video-container .s7playpausebutton[selected=true] {
    background-image: url(clientlib-site/resources/images/video/play-white-btn.svg) !important
}

.hero-banner-container .hero-video-container .s7playpausebutton[selected=true]:after {
    margin-left: 15px;
    color: #fff;
    content: "PLAY";
    letter-spacing: .15rem;
    font-weight: 700;
    font-size: 9pt;
    line-height: 1pc;
    font-family: Basis-regular
}

.hero-banner-container .hero-banner-inner-container,
.hero-banner-container .hero-video-container-content {
    z-index: 3
}

.hero-banner-container .hero-banner-inner-container.bottom-left-title .hero-banner-CTA-link,
.hero-banner-container .hero-banner-inner-container.center-left-title .hero-banner-CTA-link,
.hero-banner-container .hero-banner-inner-container.top-left-title .hero-banner-CTA-link {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.hero-banner-container .hero-banner-inner-container .hero-banner-heading-div .hero-banner-heading {
    font-family: Basis-bold;
    font-style: bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: 15%;
    color: #fff
}

.hero-banner-container .hero-banner-inner-container .hero-banner-heading-div .hero-banner-subheading {
    font-family: Basis-regular;
    font-style: normal;
    line-height: 1.5rem;
    letter-spacing: 15%;
    color: #fff
}

.hero-banner-container .hero-banner-inner-container .hero-banner-title-div {
    color: #fff
}

.hero-banner-container .hero-banner-inner-container .hero-banner-title-div h1 {
    font-family: Houschka-medium;
    font-style: normal;
    font-size: 4.5rem;
    line-height: 4.5rem;
    color: #fff;
    margin-bottom: 2pc;
    width: 75%
}

@media screen and (max-width:599px) {
    .hero-banner-container .hero-banner-inner-container .hero-banner-title-div h1 {
        font-size: 2.5rem;
        line-height: 2.875rem;
        width: 100%
    }
}

@media screen and (max-width:1199px) {
    .hero-banner-container .hero-banner-inner-container .hero-banner-title-div h1 {
        width: 100%
    }
}

.hero-banner-container .hero-banner-inner-container .hero-banner-title-div .hero-banner-readtime-text {
    font-family: Basis-bold;
    font-style: bold;
    font-size: .75rem;
    line-height: 1.5rem;
    letter-spacing: 15%;
    color: #c9c9ce;
    width: 70%
}

.hero-banner-container .hero-banner-inner-container .hero-banner-description {
    font-family: Basis-regular;
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: .5px;
    color: #f4f3f9;
    margin-bottom: 1rem;
    text-transform: none;
    width: 60%
}

@media screen and (max-width:1199px) {
    .hero-banner-container .hero-banner-inner-container .hero-banner-description {
        width: 100%
    }
}

.hero-banner-container .hero-banner-inner-container .hero-banner-CTA-link {
    font-family: Basis-medium;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #fff;
    margin-right: 50px
}

.hero-banner-container .hero-banner-inner-container .hero-banner-CTA-link.cta-arrow-animation:after {
    background: #fff url(clientlib-site/resources/images/arrow-right-b.svg) no-repeat 50%
}

.hero-banner-container .hero-banner-inner-container .hero-banner-CTA-link .hero-banner-CTA-link-icon {
    height: 2.5rem;
    width: 2.5rem;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 20px;
    background: #fff;
    margin-left: 1rem;
    background-position: 0 0;
    display: inline-block
}

.hero-banner-container .hero-banner-inner-container .hero-banner-CTA-link .hero-banner-CTA-link-icon:hover:after {
    background-position: 1pc 0;
    -webkit-transition: all .4s
}

.hero-banner-container .hero-banner-inner-container .hero-banner-CTA-link .hero-banner-CTA-link-icon:after {
    position: absolute;
    top: 0;
    content: "";
    height: 1rem;
    background-repeat: no-repeat;
    width: 1rem;
    background-image: url(clientlib-site/resources/images/heroBanner/black-right-arrow.svg);
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0
}

.hero-banner-container .hero-banner-inner-container .hero-banner-CTA-link-rounded {
    padding: .75rem 1.5rem;
    border: 1px solid #fff;
    border-radius: 50px;
    font-family: Basis-medium;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    text-decoration: none;
    color: #fff
}

.hero-banner-container .hero-banner-inner-container .hero-banner-CTA-link-rounded:hover {
    border: 1px solid #c9c9ce
}

.hero-banner-container .hero-banner-inner-container .hero-banner-CTA-link-secondary {
    padding: .875rem .25rem;
    border-bottom: 1px solid #fff;
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    text-decoration: none;
    color: #fff
}

.hero-banner-container .hero-banner-inner-container .hero-banner-CTA-link-secondary:hover {
    border-bottom: 1px solid #c9c9ce
}

.hero-banner-container .hero-banner-video-container,
.hero-banner-container .hero-video-banner-inner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.hero-banner-container .hero-banner-video-container .hero-banner-description {
    margin-bottom: 0
}

.hero-banner-container .hero-banner-video-container .hero-banner-CTA-link .hero-banner-CTA-link-icon {
    top: 0;
    margin-bottom: 0;
    vertical-align: middle
}

.hero-banner-container .video-container {
    width: 33%;
    z-index: 3
}

@media screen and (max-width:1199px) {
    .hero-banner-container .video-container {
        width: 100%
    }
}

@media screen and (min-width:1200px) {
    .hero-banner-container .video-container {
        right: 0;
        top: calc(100% - 16pc)
    }
}

.hero-banner-container .video-container .video-thumbnail-div {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    height: 16pc;
    background-size: cover
}

.hero-banner-container .video-container .video-thumbnail-div .video-play-button {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 72px;
    height: 72px;
    background: url(clientlib-site/resources/images/play-button.svg) no-repeat 50%;
    background-size: cover;
    border: none
}

@media screen and (max-width:1199px) {
    .hero-banner-container .video-container .video-thumbnail-div {
        width: 50%;
        height: 170px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .hero-banner-container .video-container .video-thumbnail-div .video-play-button {
        width: 3pc;
        height: 3pc
    }
}

.hero-banner-container .video-container .video-thumbnail-div video {
    height: 22.25rem
}

.hero-banner-container .video-container .video-info-div {
    background-color: #000;
    padding: 2pc;
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media screen and (max-width:1199px) {
    .hero-banner-container .video-container .video-info-div {
        width: 50%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.hero-banner-container .video-container .video-info-div .video-title-div {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    color: #fff
}

.hero-banner-container .video-container .video-info-div .video-description {
    font-size: .875rem;
    font-family: Basis-regular;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    color: #fff
}

.hero-banner-container .video-container .video-info-div .video-duration-text-div {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .15em;
    color: #c9c9ce
}

.hero-banner-container-editor {
    background-repeat: no-repeat;
    background-color: #1e2222;
    background-size: cover;
    background-position: 50%;
    height: 500px !important
}

.hero-banner-container-editor .video-container.investor-stock-container {
    height: auto;
    top: unset;
    bottom: 0
}

.hero-banner-container-editor .hero-image-container {
    top: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.hero-banner-container-editor .s7dm-dynamic-media,
.hero-banner-container-editor .s7dm-dynamic-media img {
    height: 100%
}

.hero-banner-container-editor .hero-video-container {
    top: 45%;
    right: 0;
    left: 0;
    z-index: 1;
    height: 75pt;
    width: 100%
}

.hero-banner-container-editor .hero-video-container .cq-dd-image,
.hero-banner-container-editor .hero-video-container .s7container,
.hero-banner-container-editor .hero-video-container .s7videoplayer {
    width: 100%;
    height: 75pt
}

.hero-banner-container-editor .hero-video-container .s7controlbar,
.hero-banner-container-editor .hero-video-container .s7innercontrolbarcontainer {
    background-color: transparent !important;
    background-image: none;
    opacity: 1 !important
}

.hero-banner-container-editor .hero-video-container .s7controlbar:hover,
.hero-banner-container-editor .hero-video-container .s7innercontrolbarcontainer:hover {
    background-color: transparent !important
}

.hero-banner-container-editor .hero-video-container .s7controlbar {
    height: 3pc !important
}

.hero-banner-container-editor .hero-video-container .s7videoplayer {
    width: 100%;
    height: 75pt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hero-banner-container-editor .hero-video-container .s7videoviewer {
    width: 100%;
    height: 75pt
}

.hero-banner-container-editor .hero-video-container .s7fullscreenbutton,
.hero-banner-container-editor .hero-video-container .s7iconeffect,
.hero-banner-container-editor .hero-video-container .s7mutablevolume,
.hero-banner-container-editor .hero-video-container .s7videoscrubber,
.hero-banner-container-editor .hero-video-container .s7videotime {
    display: none
}

.hero-banner-container-editor .hero-video-container video {
    height: 75pt;
    width: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    position: unset !important
}

.hero-banner-container-editor .hero-video-container .s7playpausebutton {
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 50% !important;
    background-size: inherit;
    bottom: 0 !important;
    left: 0 !important;
    top: 0 !important;
    width: 3pc !important;
    height: 3pc !important;
    z-index: 2 !important
}

.hero-banner-container-editor .hero-video-container .s7playpausebutton[selected=false] {
    background-image: url(clientlib-site/resources/images/video/pause-white-btn.svg) !important
}

.hero-banner-container-editor .hero-video-container .s7playpausebutton[selected=true] {
    background-image: url(clientlib-site/resources/images/video/play-white-btn.svg) !important
}

.hero-banner-container-editor .hero-banner-inner-container,
.hero-banner-container-editor .hero-video-container-content {
    z-index: 3
}

.hero-banner-container-editor .hero-banner-inner-container .hero-banner-heading-div .hero-banner-heading {
    font-family: Basis-bold;
    font-style: bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: 15%;
    color: #fff
}

.hero-banner-container-editor .hero-banner-inner-container .hero-banner-heading-div .hero-banner-subheading {
    font-family: Basis-regular;
    font-style: normal;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: 15%;
    color: #fff
}

.hero-banner-container-editor .hero-banner-inner-container .hero-banner-title-div {
    color: #fff
}

.hero-banner-container-editor .hero-banner-inner-container .hero-banner-title-div h1 {
    font-family: Houschka-medium;
    font-style: normal;
    font-size: 4.5rem;
    line-height: 4.5rem;
    color: #fff;
    width: 75%;
    margin-bottom: 0
}

@media screen and (max-width:1199px) {
    .hero-banner-container-editor .hero-banner-inner-container .hero-banner-title-div h1 {
        width: 100%
    }
}

@media screen and (max-width:992px) {
    .hero-banner-container-editor .hero-banner-inner-container .hero-banner-title-div h1 {
        font-size: 2.5rem;
        line-height: 2.875rem;
        width: 100%;
        margin-bottom: .9375rem
    }
}

.hero-banner-container-editor .hero-banner-inner-container .hero-banner-title-div .hero-banner-readtime-text {
    font-family: Basis-bold;
    font-style: bold;
    font-size: .75rem;
    line-height: 1.5rem;
    letter-spacing: 15%;
    color: #c9c9ce;
    width: 75%
}

.hero-banner-container-editor .hero-banner-inner-container .hero-banner-description {
    font-family: Basis-regular;
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: .5px;
    color: #f4f3f9;
    text-transform: none;
    margin-bottom: 1rem
}

.hero-banner-container-editor .hero-banner-inner-container .hero-banner-CTA-link {
    font-family: Basis-medium;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #fff;
    margin-right: 50px
}

.hero-banner-container-editor .hero-banner-inner-container .hero-banner-CTA-link.cta-arrow-animation:after {
    background: #fff url(clientlib-site/resources/images/arrow-right-b.svg) no-repeat 50%
}

.hero-banner-container-editor .hero-banner-inner-container .hero-banner-CTA-link-rounded {
    padding: .75rem 1.5rem;
    border: 1px solid #fff;
    border-radius: 50px;
    font-family: Basis-medium;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    text-decoration: none;
    color: #fff
}

.hero-banner-container-editor .hero-banner-inner-container .hero-banner-CTA-link-rounded:hover {
    border: 1px solid #c9c9ce
}

.hero-banner-container-editor .hero-banner-inner-container .hero-banner-CTA-link-secondary {
    padding: .75rem .25rem;
    border-bottom: 1px solid #fff;
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    text-decoration: none;
    color: #fff
}

.hero-banner-container-editor .hero-banner-inner-container .hero-banner-CTA-link-secondary:hover {
    border-bottom: 1px solid #c9c9ce
}

.hero-banner-container-editor .hero-banner-video-container,
.hero-banner-container-editor .hero-video-banner-inner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.hero-banner-container-editor .hero-banner-video-container .hero-banner-description {
    margin-bottom: .75rem
}

.hero-banner-container-editor .hero-banner-video-container .hero-banner-CTA-link .hero-banner-CTA-link-icon {
    top: 0;
    margin-bottom: 0;
    vertical-align: middle
}

@media screen and (max-width:390px) {
    .hero-banner-container-editor .hero-banner-video-container .hero-banner-title-div {
        padding-bottom: 0 !important
    }
}

.hero-banner-container-editor .video-container {
    width: 33%;
    height: 300px;
    z-index: 3;
    top: 20%;
    right: 0
}

.hero-banner-container-editor .video-container .video-thumbnail-div {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    height: 16pc;
    background-size: cover
}

.hero-banner-container-editor .video-container .video-thumbnail-div .video-play-button {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 72px;
    height: 72px;
    background: url(clientlib-site/resources/images/play-button.svg) no-repeat 50%;
    background-size: cover;
    border: none
}

.hero-banner-container-editor .video-container .video-info-div {
    background-color: #000;
    padding: 2pc;
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.hero-banner-container-editor .video-container .video-info-div .video-title-div {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    color: #fff
}

.hero-banner-container-editor .video-container .video-info-div .video-description {
    font-size: .875rem;
    font-family: Basis-regular;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    color: #fff
}

.hero-banner-container-editor .video-container .video-info-div .video-duration-text-div {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .15em;
    color: #c9c9ce
}

.hero-banner-box .socialShare {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 4
}

.hero-banner-box .socialShare.set-zindex {
    z-index: 1002
}

.hero-banner-height-container {
    height: calc(100vh - 265px)
}

@media screen and (max-width:1199px) {
    .hero-banner-height-container.investor-banner-inner-containr {
        height: calc(100vh - 190px);
        padding-bottom: 44px
    }

    .hero-banner-height-container.investor-banner-inner-containr .hero-banner-content-div {
        -ms-flex-item-align: end;
        align-self: flex-end
    }
}

@media screen and (max-width:599px) {
    .hero-banner-height-container.investor-banner-inner-containr {
        padding-bottom: 6.875rem
    }
}

.hero-banner-content-div {
    z-index: 3
}

.top-right-title {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.top-right-title .hero-banner-title-div h1 {
    margin-left: 25%
}

.top-right-title .hero-banner-content-div {
    text-align: right
}

.top-right-title .hero-banner-content-div .hero-banner-description {
    margin-left: 40%
}

.top-right-title .hero-banner-content-div .hero-banner-CTA-link {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

@media screen and (max-width:1199px) {
    .top-right-title {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .top-right-title .hero-banner-title-div h1 {
        margin-left: 0
    }

    .top-right-title .hero-banner-content-div {
        width: 100%;
        text-align: left
    }
}

@media screen and (max-width:1199px) and (max-width:1199px) {
    .top-right-title .hero-banner-content-div .hero-banner-description {
        margin-left: 0
    }
}

@media screen and (max-width:1199px) {
    .top-right-title .hero-banner-content-div .hero-banner-CTA-link {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

@media screen and (min-width:600px) and (max-width:1199px) {
    .investor-hero-banner-stock-box .hero-banner-video-container .cipherBreadcrumb .breadcrumb-ul .breadcrumb-ul-li .breadcrumb-ul-li-p {
        font-size: .75rem
    }
}

.investor-hero-banner-stock-box .hero-banner-title-div h1 {
    width: 65% !important
}

@media screen and (max-width:1199px) {
    .investor-hero-banner-stock-box .hero-banner-title-div h1 {
        width: 100% !important
    }
}

.investor-hero-banner-stock-box .investor-stock-container {
    background-color: #000
}

.investor-hero-banner-stock-box .investor-stock-container .investor-data-container {
    margin: auto
}

@media screen and (max-width:1199px) {
    .investor-hero-banner-stock-box .investor-stock-container .investor-data-container {
        max-width: calc(100% - 88px)
    }
}

@media screen and (max-width:567px) {
    .investor-hero-banner-stock-box .investor-stock-container .investor-data-container {
        max-width: calc(100% - 3pc)
    }
}

.investor-hero-banner-stock-box .investor-stock-container .nse-price-currrency {
    font-family: Basis-regular;
    font-size: .875rem;
    line-height: 2rem;
    letter-spacing: .03125rem
}

@media screen and (min-width:600px) {
    .investor-hero-banner-stock-box .investor-stock-container .nse-price-currrency {
        font-size: 1.125rem
    }
}

@media screen and (min-width:1200px) {
    .investor-hero-banner-stock-box .investor-stock-container {
        right: 0;
        width: 459px;
        height: 16pc;
        bottom: 0
    }
}

.investor-hero-banner-stock-box .investor-stock-container .investor-data-table {
    padding: 54px 66px 49px 65px
}

@media screen and (max-width:1199px) {
    .investor-hero-banner-stock-box .investor-stock-container .investor-data-table {
        padding: 2pc 0 31px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width:599px) {
    .investor-hero-banner-stock-box .investor-stock-container .investor-data-table {
        padding: 1.15625rem 0 2.65rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }
}

@media screen and (max-width:599px) {
    .investor-hero-banner-stock-box .investor-stock-container .investor-data-table .info-icon {
        background-image: url(clientlib-site/resources/images/info-icon-w.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        width: 15px;
        height: 15px;
        display: inline-block;
        vertical-align: middle;
        left: .9375rem;
        bottom: 1rem;
        position: absolute
    }
}

.investor-hero-banner-stock-box .investor-stock-container .investor-data-table .tooltip-text-div {
    width: 16.875rem;
    position: absolute;
    left: 1.25rem;
    bottom: -.5rem;
    border-radius: .25rem;
    background: #494c4d;
    padding: .5rem
}

.investor-hero-banner-stock-box .investor-stock-container .investor-data-table .tooltip-text-div.hide {
    display: none
}

.investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-description {
    color: #fff
}

.investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-description .investor-brand-name {
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    margin-bottom: .1875rem
}

.investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-description .investor-data-type {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #b4b4b8;
    margin-bottom: .75rem
}

@media screen and (max-width:599px) {
    .investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-description .investor-data-type {
        margin-bottom: 0
    }
}

.investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-data {
    color: #fff
}

.investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-data .nse-price .nsePrice {
    font-family: Houschka-medium;
    font-size: 2rem;
    line-height: 2.5rem
}

@media screen and (max-width:599px) {
    .investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-data .nse-price .nsePrice {
        font-size: 1.5rem;
        line-height: 1.5rem
    }
}

.investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-data .nse-percentage {
    margin-bottom: .625rem
}

@media screen and (max-width:599px) {
    .investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-data .nse-percentage {
        margin-bottom: 0
    }
}

.investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-data .nse-percentage .today-text {
    color: #b4b4b8;
    font-family: Basis-regular;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem
}

@media screen and (max-width:599px) {
    .investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-data .nse-percentage .today-text {
        font-size: .75rem;
        line-height: 1rem;
        display: block
    }
}

.investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-data .nse-percentage .nsePercent {
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    color: #119a34
}

@media screen and (max-width:599px) {
    .investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-data .nse-percentage .nsePercent {
        font-size: .75rem;
        line-height: 1rem
    }
}

.investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-data .hero-banner-stock-info-link {
    right: 0;
    padding-right: 1rem;
    top: 0;
    color: #fff;
    font-family: Basis-medium;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .5px;
    border-bottom: 1px solid #5e6162
}

.investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-data .hero-banner-stock-info-link:hover {
    border-bottom: 1px solid #494c4d
}

@media screen and (max-width:1199px) {
    .investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-data .hero-banner-stock-info-link {
        border-bottom: none
    }
}

@media screen and (max-width:599px) {
    .investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-data .hero-banner-stock-info-link {
        top: auto;
        bottom: -1.75rem
    }
}

.investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-data .hero-banner-stock-info-link:after {
    position: absolute;
    right: 0;
    background: url(clientlib-site/resources/images/right-navigation.svg) no-repeat 100%;
    width: 1pc;
    height: 1pc;
    content: "";
    background-size: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.investor-hero-banner-stock-box .investor-stock-container .investor-data-table .grey-border {
    height: .0625rem;
    background-color: #898a8d
}

.investor-hero-banner-stock-box .investor-stock-container .investor-data-table .investor-banner-current-date {
    font-family: Basis-regular;
    font-size: .6875rem;
    line-height: 120%;
    letter-spacing: .03125rem;
    color: #b4b4b8;
    margin-top: .625rem;
    margin-bottom: 0
}

.nse-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle
}

.down-arrow {
    background-image: url(clientlib-site/resources/images/down.svg)
}

.up-arrow {
    background-image: url(clientlib-site/resources/images/up.svg)
}

.bottom-right-title {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.bottom-right-title .hero-banner-title-div h1 {
    margin-left: 25%
}

.bottom-right-title .hero-banner-content-div {
    text-align: right
}

.bottom-right-title .hero-banner-content-div .hero-banner-description {
    margin-left: 40%
}

.bottom-right-title .hero-banner-content-div .hero-banner-CTA-link {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

@media screen and (max-width:1199px) {
    .bottom-right-title {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .bottom-right-title .hero-banner-title-div h1 {
        margin-left: 0
    }

    .bottom-right-title .hero-banner-content-div {
        width: 100%;
        text-align: left
    }
}

@media screen and (max-width:1199px) and (max-width:1199px) {
    .bottom-right-title .hero-banner-content-div .hero-banner-description {
        margin-left: 0
    }
}

@media screen and (max-width:1199px) {
    .bottom-right-title .hero-banner-content-div .hero-banner-CTA-link {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.center-right-title {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.center-right-title .hero-banner-title-div h1 {
    margin-left: 25%
}

.center-right-title .hero-banner-content-div {
    text-align: right
}

.center-right-title .hero-banner-content-div .hero-banner-description {
    margin-left: 40%
}

.center-right-title .hero-banner-content-div .hero-banner-CTA-link {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

@media screen and (max-width:1199px) {
    .center-right-title {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .center-right-title .hero-banner-title-div h1 {
        margin-left: 0
    }

    .center-right-title .hero-banner-content-div {
        width: 100%;
        text-align: left
    }
}

@media screen and (max-width:1199px) and (max-width:1199px) {
    .center-right-title .hero-banner-content-div .hero-banner-description {
        margin-left: 0
    }
}

@media screen and (max-width:1199px) {
    .center-right-title .hero-banner-content-div .hero-banner-CTA-link {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

@media screen and (max-width:1199px) {
    .hero-banner-video-box {
        margin-bottom: 10.625rem
    }

    .investor-hero-banner-stock-box {
        margin-bottom: 16.25rem
    }
}

@media screen and (max-width:1199px) and (max-width:599px) {
    .investor-hero-banner-stock-box {
        margin-bottom: 10.625rem
    }
}

@media screen and (max-width:1199px) {
    .viewing-on-browser .hero-banner-container .hero-banner-inner-container {
        margin-bottom: 5rem
    }

    .viewing-on-browser .author-banner-container.published_height .author-img-container {
        position: static !important;
        height: 200px
    }

    .viewing-on-browser .author-banner-container.published_height .author-tagline-outer-div {
        margin-bottom: 3.75rem
    }
}

.author-banner-bg-grey:before {
    background: #1e2222
}

.author-banner-bg-gradient-blue:before {
    background: linear-gradient(135deg, #007dc5, #7159b1)
}

.author-banner-bg-blue:before {
    background: #154b8c
}

.author-banner-bg-Pink:before {
    background: #b60e51
}

.banner-img-parent-div .s7dm-dynamic-media,
.banner-img-parent-div .s7responsiveContainer {
    height: 100%
}

.banner-img-parent-div .s7dm-dynamic-media img,
.banner-img-parent-div .s7responsiveContainer img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    height: calc(100vh - 99px)
}

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

    .banner-img-parent-div .s7dm-dynamic-media img,
    .banner-img-parent-div .s7responsiveContainer img {
        height: calc(100vh - 5pc) !important
    }
}

@media only screen and (min-width:600px) and (max-width:1199px) and (orientation:landscape) {

    .banner-img-parent-div .s7dm-dynamic-media img,
    .banner-img-parent-div .s7responsiveContainer img {
        height: 100% !important
    }
}

.banner-img-parent-div .s7dm-dynamic-media img.zoom-out,
.banner-img-parent-div .s7responsiveContainer img.zoom-out {
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.banner-img-parent-div .hero-image-container {
    overflow: hidden
}

@media only screen and (min-width:600px) and (max-width:1199px) and (orientation:landscape) {
    .hero-banner-container .hero-banner-video-container {
        min-height: calc(100vh - 5pc);
        padding-bottom: .9375rem
    }
}

.hero-carousel-main-container {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #000
}

.hero-carousel-main-container .s7playpausebutton {
    display: none !important
}

.hero-carousel-main-container .carousel_height {
    height: calc(100vh - 99px)
}

@media only screen and (max-width:1199px) {
    .hero-carousel-main-container .carousel_height {
        height: calc(100vh - 5pc)
    }
}

.hero-carousel-main-container .hero-video-container {
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%
}

.hero-carousel-main-container .hero-video-container.show-poster .hero-poster-image {
    display: block
}

.hero-carousel-main-container .hero-video-container .hero-poster-image {
    background-position: 50%;
    background-size: cover;
    left: 0;
    background-repeat: no-repeat;
    top: 0;
    display: none
}

.hero-carousel-main-container .hero-video-container .cq-dd-image,
.hero-carousel-main-container .hero-video-container .s7container,
.hero-carousel-main-container .hero-video-container .s7videoplayer {
    width: 100%;
    height: 100%
}

.hero-carousel-main-container .hero-video-container .s7controlbar {
    height: 56px !important
}

.hero-carousel-main-container .hero-video-container .s7controlbar,
.hero-carousel-main-container .hero-video-container .s7innercontrolbarcontainer {
    background-color: transparent !important;
    background-image: none;
    opacity: 1 !important
}

.hero-carousel-main-container .hero-video-container .s7controlbar:hover,
.hero-carousel-main-container .hero-video-container .s7innercontrolbarcontainer:hover {
    background-color: transparent !important
}

.hero-carousel-main-container .hero-video-container .s7videoplayer {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hero-carousel-main-container .hero-video-container .s7videoviewer {
    width: 100%;
    height: 100%
}

.hero-carousel-main-container .hero-video-container .s7fullscreenbutton,
.hero-carousel-main-container .hero-video-container .s7iconeffect,
.hero-carousel-main-container .hero-video-container .s7mutablevolume,
.hero-carousel-main-container .hero-video-container .s7socialbutton,
.hero-carousel-main-container .hero-video-container .s7videoscrubber,
.hero-carousel-main-container .hero-video-container .s7videotime {
    display: none !important
}

.hero-carousel-main-container .hero-video-container video {
    height: 100% !important;
    width: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    position: unset !important
}

.hero-carousel-main-container .hero-video-container .s7playpausebutton {
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position-x: 15% !important;
    background-position-y: center !important;
    background-size: inherit !important;
    bottom: 0 !important;
    left: 0 !important;
    top: 0 !important;
    width: 75pt !important;
    height: 56px !important;
    z-index: 2
}

.hero-carousel-main-container .hero-video-container .s7playpausebutton[selected=false] {
    background-image: url(clientlib-site/resources/images/video/pause-white-btn.svg) !important
}

.hero-carousel-main-container .hero-video-container .s7playpausebutton[selected=false]:after {
    color: #fff;
    margin-left: 25px;
    content: "PAUSE";
    letter-spacing: .15rem;
    font-weight: 700;
    font-size: 9pt;
    line-height: 1pc;
    font-family: Basis-regular
}

.hero-carousel-main-container .hero-video-container .s7playpausebutton[selected=true] {
    background-image: url(clientlib-site/resources/images/video/play-white-btn.svg) !important
}

.hero-carousel-main-container .hero-video-container .s7playpausebutton[selected=true]:after {
    margin-left: 15px;
    color: #fff;
    content: "PLAY";
    letter-spacing: .15rem;
    font-weight: 700;
    font-size: 9pt;
    line-height: 1pc;
    font-family: Basis-regular
}

.hero-carousel-main-container .hero-carousel-item {
    overflow-x: hidden;
    -webkit-transition: all 1.5s;
    transition: all 1.5s
}

.hero-carousel-main-container .hero-carousel-item .swiper-zoom-container {
    height: calc(100vh - 75pt)
}

.hero-carousel-main-container .hero-carousel-item.active .hero-carousel-content {
    opacity: 1;
    -webkit-transition: all .5s;
    transition: all .5s
}

.hero-carousel-main-container .hero-carousel-content {
    opacity: 0;
    z-index: 99;
    top: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:1199px) {
    .hero-carousel-main-container .hero-carousel-content {
        text-align: left
    }
}

.hero-carousel-main-container .hero-carousel-content .hero-carousel-content-inner-div {
    height: calc(100% - 99pt)
}

.hero-carousel-main-container .hero-carousel-content .hero-carousel-content-inner-div .hero-banner-inner-container .hero-banner-title-div {
    color: #fff
}

.hero-carousel-main-container .hero-carousel-content .hero-carousel-content-inner-div .hero-banner-inner-container .hero-banner-title-div h1 {
    font-family: Houschka-medium;
    font-style: normal;
    font-size: 4.5rem;
    line-height: 4.5rem;
    color: #fff;
    width: 75%;
    font-weight: 400;
    margin-bottom: 0
}

@media screen and (max-width:1199px) {
    .hero-carousel-main-container .hero-carousel-content .hero-carousel-content-inner-div .hero-banner-inner-container .hero-banner-title-div h1 {
        width: 100%
    }
}

@media screen and (max-width:599px) {
    .hero-carousel-main-container .hero-carousel-content .hero-carousel-content-inner-div .hero-banner-inner-container .hero-banner-title-div h1 {
        font-size: 2.5rem;
        line-height: 2.875rem
    }
}

.hero-carousel-main-container .hero-carousel-content .hero-carousel-content-inner-div .hero-banner-inner-container .hero-banner-title-div p {
    width: 60%
}

@media screen and (max-width:1199px) {
    .hero-carousel-main-container .hero-carousel-content .hero-carousel-content-inner-div .hero-banner-inner-container .hero-banner-title-div p {
        width: 100%
    }
}

.hero-carousel-main-container .hero-carousel-content .hero-carousel-content-inner-div .hero-banner-inner-container .hero-banner-CTA-link {
    font-family: Basis-medium;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #fff;
    background-color: transparent;
    border: none;
    margin-right: 50px
}

.hero-carousel-main-container .hero-carousel-content .hero-carousel-content-inner-div .hero-banner-inner-container .hero-banner-CTA-link.cta-arrow-animation:after {
    background: #fff url(clientlib-site/resources/images/arrow-right-b.svg) no-repeat 50%
}

.hero-carousel-main-container .hero-carousel-content .hero-carousel-content-inner-div .hero-banner-inner-container .hero-banner-CTA-link .hero-banner-CTA-link-icon {
    height: 2.5rem;
    width: 2.5rem;
    background-size: cover;
    background-position: 50%;
    background-repeat: repeat;
    border-radius: 20px;
    background: #fff;
    margin-left: 1rem;
    background-position: 0 0;
    display: inline-block
}

.hero-carousel-main-container .hero-carousel-content .hero-carousel-content-inner-div .hero-banner-inner-container .hero-banner-CTA-link.hero-banner-play-btn {
    outline: none
}

.hero-carousel-main-container .hero-carousel-content .hero-carousel-content-inner-div .hero-banner-inner-container .hero-banner-CTA-link.hero-banner-play-btn:after {
    position: absolute;
    margin-left: .75rem;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #000 url(clientlib-site/resources/images/play-btn.svg) no-repeat 50%;
    background-size: 9pt;
    -webkit-filter: invert(1);
    filter: invert(1);
    background-repeat: no-repeat
}

.hero-carousel-main-container .hero-carousel-content .hero-carousel-content-inner-div .hero-banner-inner-container .hero-banner-CTA-link.hero-banner-play-btn.btn-pause:after {
    background-size: 9pt;
    background: #000 url(clientlib-site/resources/images/pause.svg) no-repeat 50%
}

.hero-carousel-main-container .hero-carousel-pagination {
    bottom: 0;
    left: 0;
    z-index: 99
}

.hero-carousel-main-container .hero-carousel-pagination .swiper-pagination {
    background-color: #333737;
    font-family: Basis-bold;
    font-size: .875rem;
    color: #fff;
    line-height: 1.5rem;
    letter-spacing: .15em;
    text-transform: uppercase
}

.hero-carousel-main-container .hero-carousel-pagination .swiper-pagination:after {
    content: "";
    position: absolute;
    width: 1pc;
    height: 1pc;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #333737
}

.hero-carousel-main-container .hero-carousel-pagination .swiper-pagination:before {
    content: "";
    position: absolute;
    width: 1pc;
    height: 1px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #b4b4b8;
    z-index: 1
}

.hero-carousel-main-container .hero-carousel-pagination .swiper-pagination .swiper-pagination-current {
    font-family: Basis-bold;
    padding-right: .5rem
}

.hero-carousel-main-container .hero-carousel-pagination .swiper-pagination .swiper-pagination-total {
    padding-left: .5rem;
    color: #b4b4b8
}

.hero-carousel-main-container .hero-carousel-pagination .hero-carousel-nvg-btn-div .hero-carousel-nvg-div {
    background-color: #1e2222;
    height: 56px;
    width: 56px
}

.hero-carousel-main-container .hero-carousel-pagination .hero-carousel-nvg-btn-div .hero-carousel-nvg-div .hero-pause-btn {
    width: 10px;
    height: 9pt;
    cursor: pointer;
    background-image: url(clientlib-site/resources/images/pause.svg)
}

.hero-carousel-main-container .hero-carousel-pagination .hero-carousel-nvg-btn-div .hero-carousel-nvg-div .hero-play-btn {
    width: 11.6px;
    height: 15.3px;
    cursor: pointer;
    background-image: url(clientlib-site/resources/images/play-btn.svg)
}

.hero-carousel-main-container .hero-carousel-pagination .hero-carousel-nvg-btn-div .hero-carousel-nvg-div .navigation-btn {
    width: 1pc;
    background-color: transparent;
    border: none;
    height: 1pc;
    cursor: pointer;
    background-image: url(clientlib-site/resources/images/arrow-right-w.svg)
}

.hero-carousel-main-container .hero-carousel-item,
.hero-carousel-main-container .swiper-slide,
.hero-carousel-main-container .swiper-slide-duplicate {
    overflow-x: hidden;
    background-position: 50%;
    background-size: cover;
    text-align: center;
    font-size: 18px;
    background: #000
}

.hero-carousel-main-container .hero-carousel-item-active .hero-carousel-content,
.hero-carousel-main-container .hero-carousel-item.active .hero-carousel-content,
.hero-carousel-main-container .swiper-slide-active .hero-carousel-content,
.hero-carousel-main-container .swiper-slide-duplicate-active .hero-carousel-content,
.hero-carousel-main-container .swiper-slide-duplicate.active .hero-carousel-content,
.hero-carousel-main-container .swiper-slide.active .hero-carousel-content {
    opacity: 1;
    -webkit-transition: opacity .5s ease .5s;
    transition: opacity .5s ease .5s
}

.hero-carousel-main-container .hero-carousel-item .swiper-zoom-container,
.hero-carousel-main-container .swiper-slide-duplicate .swiper-zoom-container,
.hero-carousel-main-container .swiper-slide .swiper-zoom-container {
    z-index: 0
}

.hero-carousel-main-container .hero-carousel-item .swiper-zoom-container .dynamic-media-image,
.hero-carousel-main-container .swiper-slide-duplicate .swiper-zoom-container .dynamic-media-image,
.hero-carousel-main-container .swiper-slide .swiper-zoom-container .dynamic-media-image {
    left: 0
}

@media screen and (min-width:1200px) {
    .hero-carousel-main-container .top-left-title {
        margin-top: 9pt;
        text-align: left;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .hero-carousel-main-container .top-left-title .cta-tag-whitebg {
        margin-right: auto
    }

    .hero-carousel-main-container .top-right-title {
        margin-top: 9pt;
        text-align: right;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }
}

@media screen and (min-width:1200px) and (max-width:1199px) {
    .hero-carousel-main-container .top-right-title {
        margin-top: 9pt;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

@media screen and (min-width:1200px) {
    .hero-carousel-main-container .top-right-title .hero-banner-title-div h1 {
        margin-left: 25%
    }
}

@media screen and (min-width:1200px) and (max-width:1199px) {
    .hero-carousel-main-container .top-right-title .hero-banner-title-div h1 {
        margin-left: 0
    }
}

@media screen and (min-width:1200px) {
    .hero-carousel-main-container .top-right-title .hero-banner-title-div p {
        margin-left: 40%
    }
}

@media screen and (min-width:1200px) and (max-width:1199px) {
    .hero-carousel-main-container .top-right-title .hero-banner-title-div p {
        margin-left: 0
    }
}

@media screen and (min-width:1200px) {
    .hero-carousel-main-container .top-right-title .cta-tag-whitebg {
        margin-left: auto;
        margin-right: 0 !important
    }

    .hero-carousel-main-container .top-right-title .hero-banner-CTA-link {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }
}

@media screen and (min-width:1200px) and (max-width:1199px) {
    .hero-carousel-main-container .top-right-title .hero-banner-CTA-link {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

@media screen and (min-width:1200px) {
    .hero-carousel-main-container .bottom-left-title {
        text-align: left;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end
    }
}

@media screen and (min-width:1200px) and (max-width:1199px) {
    .hero-carousel-main-container .bottom-left-title {
        margin-top: 9pt;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

@media screen and (min-width:1200px) {
    .hero-carousel-main-container .bottom-left-title .cta-tag-whitebg {
        margin-right: auto
    }

    .hero-carousel-main-container .center-left-title {
        text-align: left;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .hero-carousel-main-container .center-left-title .cta-tag-whitebg {
        margin-right: auto
    }

    .hero-carousel-main-container .bottom-right-title {
        text-align: right;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }
}

@media screen and (min-width:1200px) and (max-width:1199px) {
    .hero-carousel-main-container .bottom-right-title {
        margin-top: 9pt;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

@media screen and (min-width:1200px) {
    .hero-carousel-main-container .bottom-right-title .hero-banner-title-div h1 {
        margin-left: 25%
    }
}

@media screen and (min-width:1200px) and (max-width:1199px) {
    .hero-carousel-main-container .bottom-right-title .hero-banner-title-div h1 {
        margin-left: 0
    }
}

@media screen and (min-width:1200px) {
    .hero-carousel-main-container .bottom-right-title .hero-banner-title-div p {
        margin-left: 40%
    }
}

@media screen and (min-width:1200px) and (max-width:1199px) {
    .hero-carousel-main-container .bottom-right-title .hero-banner-title-div p {
        margin-left: 0
    }
}

@media screen and (min-width:1200px) {
    .hero-carousel-main-container .bottom-right-title .cta-tag-whitebg {
        margin-left: auto;
        margin-right: 0 !important
    }

    .hero-carousel-main-container .bottom-right-title .hero-banner-CTA-link {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }
}

@media screen and (min-width:1200px) and (max-width:1199px) {
    .hero-carousel-main-container .bottom-right-title .hero-banner-CTA-link {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

@media screen and (min-width:1200px) {
    .hero-carousel-main-container .center-right-title {
        text-align: right;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }
}

@media screen and (min-width:1200px) and (max-width:1199px) {
    .hero-carousel-main-container .center-right-title {
        margin-top: 9pt;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

@media screen and (min-width:1200px) {
    .hero-carousel-main-container .center-right-title .hero-banner-title-div h1 {
        margin-left: 25%
    }
}

@media screen and (min-width:1200px) and (max-width:1199px) {
    .hero-carousel-main-container .center-right-title .hero-banner-title-div h1 {
        margin-left: 0
    }
}

@media screen and (min-width:1200px) {
    .hero-carousel-main-container .center-right-title .hero-banner-title-div p {
        margin-left: 40%
    }
}

@media screen and (min-width:1200px) and (max-width:1199px) {
    .hero-carousel-main-container .center-right-title .hero-banner-title-div p {
        margin-left: 0
    }
}

@media screen and (min-width:1200px) {
    .hero-carousel-main-container .center-right-title .cta-tag-whitebg {
        margin-left: auto;
        margin-right: 0 !important
    }

    .hero-carousel-main-container .center-right-title .hero-banner-CTA-link {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }
}

@media screen and (min-width:1200px) and (max-width:1199px) {
    .hero-carousel-main-container .center-right-title .hero-banner-CTA-link {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

@media screen and (max-width:1199px) {
    .hero-carousel-main-container .cta-tag-whitebg {
        margin-right: auto
    }
}

.hero-carousel-main-container .dynamic-media-image {
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.hero-carousel-main-container.hero-carousel-edit .hero-carousel-item .swiper-zoom-container {
    height: 550px
}

.hero-carousel-main-container .hero-carousel .hero-carousel-item .swiper-zoom-container {
    overflow: hidden
}

.hero-carousel-main-container .hero-carousel .hero-carousel-item .swiper-zoom-container .s7responsiveContainer img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.hero-carousel-main-container .hero-carousel .hero-carousel-item.active .swiper-zoom-container .s7responsiveContainer img.zoom-out {
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-progress-bar {
    bottom: 56px;
    width: 100%;
    display: block;
    z-index: 1;
    height: 2px
}

.swiper-progress-bar .slide_progress-bar {
    position: absolute;
    height: 2px;
    background: #fff;
    width: auto;
    clear: both;
    opacity: 0;
    left: 0;
    right: 0
}

.swiper-progress-bar .slide_progress-bar:after {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    height: 100%;
    width: 0;
    content: ""
}

.swiper-progress-bar.active .slide_progress-bar {
    opacity: 1
}

.swiper-progress-bar.animate .slide_progress-bar:after {
    -webkit-transition: width linear;
    transition: width linear;
    -webkit-transition-delay: unset;
    transition-delay: unset;
    width: 100%;
    -webkit-transition-duration: 5s;
    transition-duration: 5s
}

.swiper-progress-bar.animate.first-slide-active .slide_progress-bar:after {
    -webkit-transition-duration: 5s;
    transition-duration: 5s
}

.horizontal-timeline-container .component-title {
    font-family: Basis-bold;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: .15em;
    text-align: left
}

@media only screen and (max-width:768px) {
    .horizontal-timeline-container .component-title {
        font-size: .75rem;
        line-height: 1rem;
        letter-spacing: .15em;
        text-align: left
    }
}

.horizontal-timeline-container .component-title-content {
    font-family: Houschka-medium;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 0;
    text-align: left;
    width: 75%
}

@media screen {
    .horizontal-timeline-container {
        font-family: Houschka-medium;
        font-size: 2rem;
        font-weight: 500;
        line-height: 2.5rem;
        letter-spacing: 0;
        text-align: left;
        width: 100%
    }
}

.horizontal-timeline-container .swiper-scrollbar-parent {
    height: 56px;
    position: relative
}

.horizontal-timeline-container .swiper-scrollbar-parent .swiper-scrollbar {
    top: 50% !important;
    background-color: none !important;
    background: none !important;
    height: 56px !important;
    left: 50%;
    right: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

@media (max-width:768px) {
    .horizontal-timeline-container .swiper-scrollbar-parent .swiper-scrollbar {
        width: 80% !important
    }
}

.horizontal-timeline-container .swiper-scrollbar-parent .swiper-scrollbar .swiper-scrollbar-main {
    width: 93%;
    position: absolute;
    top: 46%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 5px;
    left: 1.5%
}

.horizontal-timeline-container .swiper-scrollbar-parent .swiper-scrollbar .swiper-scrollbar-main .rounded-dot {
    background: #c9c9ce;
    height: 6px;
    width: 6px;
    border-radius: 50%
}

@media (max-width:768px) {
    .horizontal-timeline-container .swiper-scrollbar-parent .swiper-scrollbar .swiper-scrollbar-main {
        width: 95% !important
    }
}

.horizontal-timeline-container .swiper-scrollbar-parent .swiper-scrollbar .swiper-scrollbar-drag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #000 !important;
    z-index: 99;
    top: 0 !important
}

@media (max-width:768px) {
    .horizontal-timeline-container .swiper-scrollbar-parent .swiper-scrollbar .swiper-scrollbar-drag {
        left: -8%
    }
}

.horizontal-timeline-container .swiper-scrollbar-parent .swiper-scrollbar .swiper-scrollbar-drag .horizontal-left-arrow {
    background-image: url(clientlib-site/resources/images/horizontal-left.svg);
    width: 7.78px;
    height: 13.73px;
    display: inline-block
}

.horizontal-timeline-container .swiper-scrollbar-parent .swiper-scrollbar .swiper-scrollbar-drag .horizontal-right-arrow {
    background-image: url(clientlib-site/resources/images/horizontal-left.svg);
    width: 7.78px;
    height: 13.73px;
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.horizontal-timeline-container .swiper-scrollbar-parent .swiper-scrollbar .horizontal-timeline-start {
    left: -5%;
    position: absolute;
    top: 15%
}

@media (max-width:768px) {
    .horizontal-timeline-container .swiper-scrollbar-parent .swiper-scrollbar .horizontal-timeline-start {
        left: -17%
    }
}

.horizontal-timeline-container .swiper-scrollbar-parent .swiper-scrollbar .horizontal-timeline-end {
    right: -3%;
    position: absolute;
    top: 15%
}

@media (max-width:768px) {
    .horizontal-timeline-container .swiper-scrollbar-parent .swiper-scrollbar .horizontal-timeline-end {
        right: -17%
    }
}

.horizontal-timeline-container .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 24px
}

.horizontal-timeline-container .swiper-wrapper .swiper-slide .horizontal-timeline-alphabet {
    font-size: 8rem;
    line-height: 8rem;
    font-family: Houschka-medium;
    font-weight: 500;
    letter-spacing: 0;
    text-align: left;
    width: 100%;
    padding-bottom: 40px
}

@media (max-width:768px) {
    .horizontal-timeline-container .swiper-wrapper .swiper-slide .horizontal-timeline-alphabet {
        padding-bottom: 50px
    }
}

.horizontal-timeline-container .swiper-wrapper .swiper-slide .horizontal-timeline-card-title {
    text-align: left;
    width: 100%
}

.horizontal-timeline-container .swiper-wrapper .swiper-slide .horizontal-timeline-card-desc {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: .5px;
    text-align: left;
    color: #747678;
    font-family: Basis-regular;
    padding-bottom: 2pc
}

.horizontal-timeline-container .swiper-wrapper .swiper-slide .horizontal-timeline-card-desc p {
    margin-bottom: 0
}

.horizontal-timeline-container .swiper-wrapper .swiper-slide .horizontal-timeline-card-desc a,
.horizontal-timeline-container .swiper-wrapper .swiper-slide .horizontal-timeline-card-desc a:hover {
    color: #000;
    text-decoration: underline
}

.horizontal-timeline-container .opacity-none {
    opacity: 0
}

.horizontaltab-main-section {
    background: #000;
    padding: 72px 0 46px
}

.horizontaltab-main-section .horizontaltab-section-title {
    font-weight: 500;
    font-family: Houschka-Light
}

@media only screen and (min-width:1200px) {
    .horizontaltab-main-section .horizontaltab-section-title {
        font-family: Houschka-medium;
        font-size: 2.5rem;
        line-height: 3rem;
        margin-bottom: 1.5rem
    }
}

@media only screen and (max-width:1199px) {
    .horizontaltab-main-section .horizontaltab-section-title {
        font-family: Houschka-medium;
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 1rem
    }
}

.horizontaltab-main-section .horizontaltab-nav-tabs {
    margin-bottom: 3rem;
    border-bottom: none
}

@media only screen and (max-width:1199px) {
    .horizontaltab-main-section .horizontaltab-nav-tabs {
        overflow-x: scroll;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-y: hidden;
        margin-bottom: 2.5rem;
        padding-bottom: .625rem
    }
}

.horizontaltab-main-section .horizontaltab-nav-tabs .horizontaltab-nav-item {
    margin-right: 2rem
}

@media only screen and (max-width:1199px) {
    .horizontaltab-main-section .horizontaltab-nav-tabs .horizontaltab-nav-item {
        white-space: nowrap;
        width: auto
    }
}

.horizontaltab-main-section .horizontaltab-nav-tabs .horizontaltab-nav-item .horizontaltab-nav-link {
    border: 0;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    border-bottom: 1px solid #b4b4b8;
    font-family: Basis-regular;
    color: #b4b4b8 !important
}

.horizontaltab-main-section .horizontaltab-nav-tabs .horizontaltab-nav-item .horizontaltab-nav-link:hover {
    border-color: transparent;
    border-bottom: 1px solid #747678
}

.horizontaltab-main-section .horizontaltab-nav-tabs .horizontaltab-nav-item .active {
    border: 0;
    border-bottom: 2px solid;
    -o-border-image: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-image: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-image-slice: 1;
    background: transparent;
    color: #fff !important
}

.horizontaltab-main-section .horizontaltab-nav-tabs .horizontaltab-nav-item:last-child {
    margin-right: 0
}

@media only screen and (min-width:1920px) {
    .horizontaltab-main-section .horizontaltab-swiper-container {
        max-width: 1800px;
        margin: auto
    }
}

@media only screen and (min-width:1600px) {
    .horizontaltab-main-section .horizontaltab-swiper-container {
        margin: auto;
        padding: 0 !important
    }
}

@media only screen and (min-width:1200px) {
    .horizontaltab-main-section .horizontaltab-swiper-container .horizontaltab-swiper-slide .intro-player-box {
        height: 30.5rem
    }
}

@media only screen and (min-width:1200px) {
    .horizontaltab-main-section .horizontaltab-swiper-container .horizontaltab-swiper-slide .intro-player-box .video-player-box {
        position: absolute;
        width: 100%
    }
}

.horizontaltab-main-section .horizontaltab-swiper-container .swiper-button-disabled {
    display: none !important
}

.horizontaltab-main-section .horizontaltab-swiper-container .intro-section {
    padding: 0 !important
}

@media screen and (max-width:599px) {
    .horizontaltab-main-section .horizontaltab-swiper-container .intro-section .intro-container {
        padding-top: 2.5rem
    }
}

.horizontaltab-main-section .horizontaltab-swiper-container .intro-section .intro-content {
    padding-right: 0 !important
}

.horizontaltab-main-section .horizontaltab-swiper-container .text-intro-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:1199px) {
    .horizontaltab-main-section .horizontaltab-swiper-container .text-intro-box.text-content-right {
        margin-top: 2rem
    }
}

@media only screen and (max-width:1199px) {
    .horizontaltab-main-section .horizontaltab-swiper-container .text-intro-box.text-content-left {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width:1199px) {
    .horizontaltab-main-section .horizontaltab-swiper-container .text-intro-box.text-content-left .content-link {
        margin-bottom: 0
    }
}

@media only screen and (max-width:599px) {
    .horizontaltab-main-section .horizontaltab-swiper-container .text-intro-box {
        display: block;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.horizontaltab-main-section .horizontaltab-swiper-container .horizontaltab-swiper-pagination-btn {
    width: 2.5rem;
    height: 2.5rem;
    margin: auto;
    background: #fff;
    border-radius: 3.125rem;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer
}

@media only screen and (max-width:1199px) {
    .horizontaltab-main-section .horizontaltab-swiper-container .horizontaltab-swiper-pagination-btn {
        bottom: auto;
        top: -1%;
        background: transparent
    }
}

.horizontaltab-main-section .horizontaltab-swiper-container .horizontaltab-swiper-button-prev {
    left: 3.5%
}

.horizontaltab-main-section .horizontaltab-swiper-container .horizontaltab-swiper-button-prev .arrow-icon {
    background-image: url(clientlib-site/resources/images/arrow-right-b.svg);
    height: .9375rem;
    width: 1rem;
    background-position: 50%;
    background-size: 1.25rem
}

@media only screen and (min-width:1366px) {
    .horizontaltab-main-section .horizontaltab-swiper-container .horizontaltab-swiper-button-prev {
        left: 1rem
    }
}

@media only screen and (max-width:1199px) {
    .horizontaltab-main-section .horizontaltab-swiper-container .horizontaltab-swiper-button-prev {
        left: auto;
        right: 11%
    }

    .horizontaltab-main-section .horizontaltab-swiper-container .horizontaltab-swiper-button-prev .arrow-icon {
        background-image: url(clientlib-site/resources/images/arrow-right-w.svg);
        background-size: 1rem
    }
}

.horizontaltab-main-section .horizontaltab-swiper-container .horizontaltab-swiper-button-next {
    right: 3.5%;
    left: auto
}

.horizontaltab-main-section .horizontaltab-swiper-container .horizontaltab-swiper-button-next .arrow-icon {
    background-image: url(clientlib-site/resources/images/arrow-right-b.svg);
    height: .9375rem;
    width: 1rem;
    background-position: 50%;
    background-size: 1.25rem
}

@media only screen and (min-width:1366px) {
    .horizontaltab-main-section .horizontaltab-swiper-container .horizontaltab-swiper-button-next {
        right: 1rem
    }
}

@media only screen and (max-width:1199px) {
    .horizontaltab-main-section .horizontaltab-swiper-container .horizontaltab-swiper-button-next .arrow-icon {
        background-image: url(clientlib-site/resources/images/arrow-right-w.svg);
        background-size: cover
    }
}

.horizontaltab-main-section .horizontaltab-swiper-container .slider-count-div {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    margin-bottom: 1rem;
    z-index: 9;
    position: absolute;
    top: 5%
}

@media only screen and (max-width:599px) {
    .horizontaltab-main-section .horizontaltab-swiper-container .slider-count-div {
        position: inherit;
        top: 0
    }
}

@media only screen and (max-width:1199px) and (min-width:600px) {
    .horizontaltab-main-section .horizontaltab-swiper-container .slider-count-div {
        position: inherit;
        top: 0
    }
}

.horizontaltab-main-section .horizontaltab-swiper-container .slider-count-div .swiper-pagination-current,
.horizontaltab-main-section .horizontaltab-swiper-container .slider-count-div .swiper-pagination-total {
    text-transform: uppercase;
    color: #fff
}

.horizontaltab-main-section .solution-card-main-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.horizontaltab-main-section .solution-card-main-section .cipher-custom-container .solution-card-section-title {
    display: none
}

.horizontaltab-main-section .rich-text-panel,
.horizontaltab-main-section .static-related-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .text-asset-box .intro-player-box .dynamic-media-image {
    max-height: 362px
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .text-asset-box .intro-section {
    padding: 0
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section {
    padding: 0 !important
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-heading {
    display: none
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .swiper-button-disabled {
    display: none !important
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-swiper-pagination-btn {
    width: 2.5rem;
    height: 2.5rem;
    margin: auto;
    background: #fff;
    border-radius: 3.125rem;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: calc(50% - 56px);
    bottom: 0;
    z-index: 10;
    cursor: pointer
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-button-prev {
    left: 0
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-button-prev .arrow-icon {
    background-image: url(clientlib-site/resources/images/arrow-right-b.svg);
    height: 1.5rem;
    width: 1.5rem;
    display: inline-block;
    margin: 8px auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (max-width:1199px) {
    .horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-button-prev {
        left: -2%
    }
}

@media only screen and (max-width:599px) {
    .horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-button-prev {
        left: -1.5%
    }
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-button-next {
    right: 0;
    left: auto
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-button-next .arrow-icon {
    background-image: url(clientlib-site/resources/images/arrow-right-b.svg);
    height: 1.5rem;
    width: 1.5rem;
    display: inline-block;
    margin: 8px auto
}

@media only screen and (max-width:1199px) {
    .horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-button-next {
        right: -1.8%
    }
}

@media only screen and (max-width:599px) {
    .horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-button-next {
        right: -1%
    }
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-container .latest-card-swiper-slide {
    width: 34.33%
}

@media only screen and (max-width:1199px) {
    .horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-container .latest-card-swiper-slide {
        width: 48%
    }
}

@media only screen and (max-width:599px) {
    .horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-container .latest-card-swiper-slide {
        width: 90%
    }
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-container .latest-card-swiper-slide:last-child {
    width: 31.33%
}

@media only screen and (max-width:1199px) {
    .horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-container .latest-card-swiper-slide:last-child {
        width: 48%
    }
}

@media only screen and (max-width:599px) {
    .horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-container .latest-card-swiper-slide:last-child {
        width: 90%
    }
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-container .latest-card-swiper-slide:last-child .latest-card-info {
    margin-right: 0
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-container .latest-card-swiper-slide:last-child .latest-card-content {
    width: 91%;
    margin-right: 0
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-container .latest-card-swiper-slide .latest-card-info {
    margin-right: 2rem
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-container .latest-card-swiper-slide .latest-card-info .latest-card-no {
    color: #fff;
    padding-top: 0 !important
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-container .latest-card-swiper-slide .latest-card-content {
    margin-right: 2rem;
    width: 90%
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-container .latest-card-swiper-slide .latest-card-content .latest-card-description {
    color: #fff
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .latest-card-main-section .latest-card-swiper-container .latest-card-swiper-slide .swiper-button-disabled {
    display: none !important
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .related-content {
    background: transparent;
    padding: 0 !important
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .related-content .cipher-custom-container .related-section-title {
    display: none
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .related-content .cipher-custom-container .card-list-container .card-list .related-content-cards:nth-child(odd) .related-content-thumb-image {
    height: 17.5rem !important
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .related-content .cipher-custom-container .card-list-container .card-list .related-content-cards .related-content-title {
    color: #fff
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .related-content .cipher-custom-container .card-list-container .card-list .related-content-cards .tags .tag-text {
    border: 1px solid #898a8d;
    color: #fff
}

.horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .related-content .cipher-custom-container .card-list-container .card-list .related-content-cards .related-content-date {
    color: #9e9fa3
}

.horizontaltab-main-section .quiz-tab-tab-view {
    display: none
}

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

    .horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .container,
    .horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .container-fluid,
    .horizontaltab-main-section .horizontaltab-tab-content .horizontaltab-tab-pane .cipher-custom-container {
        padding: 0
    }
}

.industry-list-panel {
    padding: 2rem 0
}

.industry-list-panel .industry-heading {
    color: #000;
    font-size: 2rem;
    line-height: 40px;
    font-family: Houschka-medium
}

.industry-list-panel .industry-desc {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px
}

.industry-list-panel .industry-links {
    border-bottom: 1px solid #dfdee3;
    font-size: 1.125rem;
    font-family: Basis-medium;
    color: #000;
    line-height: 2pc;
    letter-spacing: .5px
}

@media only screen and (max-width:1199px) {
    .industry-list-panel .industry-links {
        font-size: 1rem
    }
}

.industry-list-panel .industry-links .industry-title {
    width: 95%
}

.industry-list-panel .industry-links .industry-title:after {
    position: absolute;
    width: 24px;
    height: 24px;
    content: "";
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s;
    transition: all .5s;
    background: url(clientlib-site/resources/images/arrow-right-b.svg) no-repeat 50%
}

.industry-list-panel .industry-links .industry-icon {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.industry-list-panel .industry-links:hover {
    text-decoration: none
}

.industry-list-panel .industry-links:hover :after {
    -webkit-transform: translate(.5rem, -50%);
    transform: translate(.5rem, -50%);
    -webkit-transition: all .5s;
    transition: all .5s
}

.awards-recognization {
    background-color: #f4f3f9;
    padding-top: 2rem;
    padding-bottom: 3rem
}

.awards-recognization .iconText-main-heading-h3 {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    color: #000;
    margin-bottom: 2rem
}

.awards-recognization .awards-swiper-slide .card-body.swiper-slider-card-body {
    min-height: 9.375rem
}

.awards-recognization .awards-swiper-slide .awards-icon-inner {
    position: relative;
    width: 80%;
    padding-top: 56.25%
}

.awards-recognization .awards-swiper-slide .awards-icon {
    border-radius: 4px;
    -o-object-fit: contain;
    object-fit: contain;
    top: 0;
    position: absolute
}

.awards-recognization .awards-swiper-slide .iconText-desc {
    background-color: #f4f3f9;
    font-family: Basis-Light;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .5px;
    color: #5e6162
}

.awards-recognization .swiper-button-disabled {
    opacity: 0
}

.awards-recognization .iconText-btn-div {
    top: 10.3125rem;
    right: 0;
    left: 0;
    z-index: 1
}

.awards-recognization .iconText-btn-div .cipher-swiper-next {
    background-color: #000;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    right: 2%
}

.awards-recognization .iconText-btn-div .cipher-swiper-next .arrow-icon {
    background-image: url(clientlib-site/resources/images/statsCard/slider-right-arrow-icon.svg);
    height: 15px;
    width: 1pc;
    display: inline-block
}

.awards-recognization .iconText-btn-div .cipher-swiper-next:focus {
    outline-offset: -3px !important;
    outline: .125rem solid #fff
}

@media only screen and (max-width:599px) {
    .awards-recognization .iconText-btn-div .cipher-swiper-next:focus {
        outline: 0;
        background-color: transparent
    }
}

.awards-recognization .iconText-btn-div .cipher-swiper-prev {
    background-color: #000;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    left: 2%
}

.awards-recognization .iconText-btn-div .cipher-swiper-prev .arrow-icon {
    background-image: url(clientlib-site/resources/images/statsCard/slider-left-arrow-icon.svg);
    height: 15px;
    width: 1pc;
    display: inline-block
}

.awards-recognization .iconText-btn-div .cipher-swiper-prev:focus {
    outline-offset: -3px !important;
    outline: .125rem solid #fff
}

@media only screen and (max-width:599px) {
    .awards-recognization .iconText-btn-div .cipher-swiper-prev:focus {
        outline: 0;
        background-color: transparent
    }
}

@media only screen and (min-width:1920px) {
    .awards-recognization .iconText-btn-div .cipher-swiper-prev {
        left: 1.7%;
        position: absolute
    }
}

@media only screen and (max-width:599px) {
    .awards-recognization .iconText-btn-div {
        top: 6.9%;
        bottom: unset;
        right: 3%;
        z-index: 1;
        left: unset
    }

    .awards-recognization .iconText-btn-div .cipher-swiper-next {
        background-color: transparent;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        top: 0;
        right: 0
    }

    .awards-recognization .iconText-btn-div .cipher-swiper-next .arrow-icon {
        background-image: url(clientlib-site/resources/images/left-icon.svg);
        height: 15px;
        width: 1pc;
        display: inline-block;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-bottom: -3px
    }

    .awards-recognization .iconText-btn-div .cipher-swiper-prev {
        background-color: transparent;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        position: absolute;
        top: 0;
        right: 13%;
        left: unset
    }

    .awards-recognization .iconText-btn-div .cipher-swiper-prev .arrow-icon {
        background-image: url(clientlib-site/resources/images/left-icon.svg);
        height: 15px;
        width: 1pc;
        display: inline-block
    }
}

.awards-recognization .iconText-pagination {
    bottom: 23%;
    right: 4%;
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em
}

.awards-recognization .iconText-pagination .swiper-pagination-current {
    text-transform: uppercase;
    color: #e41165
}

.awards-recognization .iconText-pagination .swiper-pagination-total {
    text-transform: uppercase;
    color: #5e6162
}

.awards-recognization .swiper-slide-next+.swiper-slide .swiper-slider-card {
    opacity: 1 !important
}

.research-stats-card-section .top-dividing-border-padding {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.research-stats-card-section .bottom-dividing-border-padding {
    margin-bottom: 2rem
}

.research-stats-card-section .research-stats-card-section-title {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    color: #000;
    margin-bottom: 2rem
}

@media only screen and (max-width:599px) {
    .research-stats-card-section .research-stats-card-section-title {
        margin-bottom: 1.5rem
    }
}

.research-stats-card-section .research-stats-card {
    background: #f4f3f9;
    border: none;
    height: 20.375rem;
    margin-bottom: 2rem;
    border-radius: 0
}

.research-stats-card-section .research-stats-card .research-stats-card-body {
    padding: 2rem
}

.research-stats-card-section .research-stats-card .research-stats-card-body .research-card-title {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .15em;
    color: #000
}

.research-stats-card-section .research-stats-card .research-stats-card-body .research-card-description {
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    color: #000
}

.research-stats-card-section .research-stats-card .research-stats-card-body .research-card-icon {
    height: 8rem;
    width: 6.875rem
}

.research-stats-card-section.top-padding-16 .top-dividing-border-padding,
.research-stats-card-section.top-padding-32 .top-dividing-border-padding,
.research-stats-card-section.top-padding-56 .top-dividing-border-padding,
.research-stats-card-section.top-padding-64 .top-dividing-border-padding,
.research-stats-card-section.top-padding-72 .top-dividing-border-padding,
.research-stats-card-section.top-padding-88 .top-dividing-border-padding {
    margin-top: 0;
    margin-bottom: 2rem
}

.research-stats-card-section.bottom-padding-16 .bottom-dividing-border-padding,
.research-stats-card-section.bottom-padding-32 .bottom-dividing-border-padding,
.research-stats-card-section.bottom-padding-56 .bottom-dividing-border-padding,
.research-stats-card-section.bottom-padding-64 .bottom-dividing-border-padding,
.research-stats-card-section.bottom-padding-72 .bottom-dividing-border-padding,
.research-stats-card-section.bottom-padding-88 .bottom-dividing-border-padding {
    margin-bottom: 0
}

.image__component__div .medium__size {
    width: 50%
}

.image__component__div .small__size {
    width: 33.33333%
}

.image__component__div .image__property {
    max-width: 100%
}

.image__component__div .image__caption {
    color: #747678;
    text-align: left;
    width: 100%;
    font-family: Basis-regular;
    font-size: 1rem
}

.image__component__div a.image__property img {
    width: 100%
}

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

    .image__component__div .medium__size,
    .image__component__div .small__size {
        width: 100%
    }
}

.infocard-parent-div {
    height: 344px;
    margin-bottom: 2pc
}

.infocard-parent-div.infocard-parent-img-div {
    height: 430px !important
}

.infocard-parent-div.infocard-parent-img-div .s7responsiveContainer {
    height: 8rem
}

.infocard-parent-div .infocard-img {
    height: 8pc;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.infocard-parent-div .infocard-div-height {
    height: calc(100% - 8pc) !important
}

.infocard-parent-div .infocard-div {
    background-color: #f4f3f9;
    padding: 1.5rem;
    height: 100%
}

.infocard-parent-div .infocard-div .infocard-title-div {
    padding-bottom: .75rem
}

.infocard-parent-div .infocard-div .infocard-title-div .infocard-title {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    color: #000;
    text-transform: uppercase
}

.infocard-parent-div .infocard-div .infocard-desc-div {
    padding-bottom: 2.625rem
}

.infocard-parent-div .infocard-div .infocard-desc-div .vertical-line {
    padding-left: 1rem;
    position: relative;
    display: block;
    font-family: Basis-regular;
    font-size: 14px;
    color: #747678;
    line-height: 18px
}

.infocard-parent-div .infocard-div .infocard-desc-div .vertical-line:after {
    background: #e41165;
    width: 4px;
    border-radius: 10px;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    content: ""
}

.infocard-parent-div .infocard-div .infocard-desc-div .loc-title {
    font-family: Basis-regular;
    font-size: 18px;
    line-height: 2pc;
    color: #000
}

.infocard-parent-div .infocard-div .infocard-desc-div p {
    margin-bottom: 0
}

.infocard-parent-div .infocard-div .infocard-assets .infocard-asset-link,
.infocard-parent-div .infocard-div .infocard-assets .infocard-asset-link:hover {
    text-decoration: none
}

.infocard-parent-div .infocard-div .infocard-assets .infocard-download-icon {
    background-image: url(clientlib-site/resources/images/infocard/download_doc.svg);
    display: inline-block;
    min-width: 24px;
    height: 24px;
    cursor: pointer;
    margin-right: .875rem
}

.infocard-parent-div .infocard-div .infocard-assets .infocard-media-icon {
    background-image: url(clientlib-site/resources/images/infocard/video.svg);
    display: inline-block;
    min-width: 24px;
    height: 24px;
    cursor: pointer;
    margin-right: .875rem
}

.infocard-parent-div .infocard-div .infocard-assets .infocard-asset-text {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #cd0f5b
}

.info-card-section .info-card-section-box {
    margin-bottom: -20px
}

.info-card-section .section-heading {
    margin-bottom: 2rem
}

@media only screen and (min-width:600px) {
    .info-card-section .info-card-100 .infocard-parent-div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto !important;
        min-height: 220px
    }

    .info-card-section .info-card-100 .infocard-parent-div .s7dm-dynamic-media {
        min-width: 220px
    }

    .info-card-section .info-card-100 .infocard-parent-div .s7dm-dynamic-media .s7responsiveContainer {
        height: 100% !important;
        position: relative;
        width: 100%;
        min-height: 220px
    }

    .info-card-section .info-card-100 .infocard-parent-div .s7dm-dynamic-media .s7responsiveContainer .infocard-img {
        height: 100%
    }
}

@media only screen and (min-width:600px) {
    .info-card-section .info-card-100 .infocard-parent-div .infocard-div {
        height: auto !important;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media only screen and (min-width:600px) {
    .info-card-section .info-card-50 .infocard-parent-div.infocard-parent-img-div {
        height: 33.75rem !important
    }

    .info-card-section .info-card-50 .infocard-parent-div.infocard-parent-img-div .s7responsiveContainer {
        height: 13.75rem;
        position: relative
    }

    .info-card-section .info-card-50 .infocard-parent-div.infocard-parent-img-div .infocard-img {
        height: 100%
    }

    .info-card-section .info-card-50 .infocard-parent-div.infocard-parent-img-div .infocard-div-height {
        height: calc(100% - 220px) !important
    }
}

.image-modal-edit {
    display: none
}

.image-modal .modal-body {
    height: 100vh;
    width: 100%
}

.image-modal .modal-header {
    border: none
}

.image-modal .modal-content {
    background-color: transparent
}

.image-modal .modal-full {
    max-width: 100%;
    background: transparent;
    padding: 0
}

.image-modal .modal-full .modal-content {
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.image-modal .modal-full.modal-dialog {
    margin: 0 auto;
    width: 100%
}

.image-fullscreen .full-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: fixed;
    left: 0;
    top: 0
}

.infographics-image-section .infographics-image-card {
    padding: 8px 8px 0;
    background: #fff;
    border: 1px solid #dfdee3;
    border-radius: 4px
}

.infographics-image-section .infographics-image-card .infographics-slideShare .infographics-slide-share-iframe {
    border: 1px solid #c4c4c4;
    margin-bottom: .3125rem;
    max-width: 100%
}

.infographics-image-section .infographics-image-card .infographics-pdf,
.infographics-image-section .infographics-image-card .infographics-slideShare {
    height: 550px
}

.infographics-image-section .infographics-image-card .infographics-image {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 16/9
}

.infographics-image-section .infographics-image-card .infographics-image-card-body {
    padding: 15px 0;
    margin-top: 15px;
    border-top: 1px solid #c4c4c4
}

.infographics-image-section .infographics-image-card .infographics-image-card-body .infographics-image-card-title {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .15em;
    color: #000;
    margin-bottom: .25rem;
    width: 100%
}

.infographics-image-section .infographics-image-card .infographics-image-card-body .infographics-image-card-desc {
    font-family: Basis-regular;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .03125rem;
    color: #494c4d;
    margin-bottom: 0;
    width: 100%
}

.infographics-image-section .infographics-image-card .infographics-image-card-body .infographics-image-btn-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width:599px) {
    .infographics-image-section .infographics-image-card .infographics-image-card-body .infographics-image-btn-div {
        display: inline-block;
        margin-top: .5rem
    }
}

.infographics-image-section .infographics-image-card .infographics-image-card-body .infographics-image-btn-div .full-image-btn {
    font-family: Basis-medium;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    color: #000;
    background: transparent;
    border: none;
    outline: 0
}

@media screen and (max-width:599px) {
    .infographics-image-section .infographics-image-card .infographics-image-card-body .infographics-image-btn-div .full-image-btn {
        padding: 0
    }
}

.infographics-image-section .infographics-image-card .infographics-image-card-body .infographics-image-btn-div .full-image-btn .full-image-icon-main {
    width: 2.5rem;
    height: 2.5rem;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    margin: auto;
    border-radius: 3.125rem;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    right: 0;
    cursor: pointer
}

@media screen and (max-width:599px) {
    .infographics-image-section .infographics-image-card .infographics-image-card-body .infographics-image-btn-div .full-image-btn .full-image-icon-main {
        top: -8px
    }
}

.infographics-image-section .infographics-image-card .infographics-image-card-body .infographics-image-btn-div .full-image-btn .full-image-icon-main .full-image-icon {
    background-image: url(clientlib-site/resources/images/link-white-icon.svg);
    height: 1.5rem;
    width: 1.5rem
}

.infographics-image-section .infographics-image-card .infographics-image-card-body .infographics-image-btn-div .full-image-btn .full-image-icon-main:focus {
    outline: 1px solid #000
}

.disable-slide-share #youtube-player-frame #player-toolbar .new-player-share-modal-trigger {
    display: none
}

.enable-slide-share #youtube-player-frame #player-toolbar .new-player-share-modal-trigger {
    display: block
}

.infographics-overlay-modal {
    background-color: #000;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1001
}

.infographics-overlay-modal .modal-close-btn-icon {
    background: url(clientlib-site/resources/images/formOverlay/close-button.svg) no-repeat;
    width: 3.1875rem;
    height: 3.1875rem;
    border-radius: 50px;
    cursor: pointer
}

@media screen and (max-width:1199px) {
    .infographics-overlay-modal .modal-close-btn-icon {
        width: 3.125rem;
        height: 3.125rem
    }
}

.infographics-overlay-modal .infographics-longform-title,
.infographics-overlay-modal .infographics-title {
    font-family: Basis-bold;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: .5rem
}

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

    .infographics-overlay-modal .infographics-longform-title,
    .infographics-overlay-modal .infographics-title {
        font-size: 1rem
    }
}

.infographics-overlay-modal .infographics-container,
.infographics-overlay-modal .longform-bg {
    overflow-y: auto
}

@media screen and (min-width:1199px) {

    .infographics-overlay-modal .infographics-container::-webkit-scrollbar,
    .infographics-overlay-modal .longform-bg::-webkit-scrollbar {
        width: .5rem
    }

    .infographics-overlay-modal .infographics-container::-webkit-scrollbar-track,
    .infographics-overlay-modal .longform-bg::-webkit-scrollbar-track {
        border-radius: .25rem;
        width: .5rem;
        border: 1px solid #747678
    }

    .infographics-overlay-modal .infographics-container::-webkit-scrollbar-thumb,
    .infographics-overlay-modal .longform-bg::-webkit-scrollbar-thumb {
        border: 2px solid transparent;
        background-clip: content-box;
        height: 6.4375rem;
        background-color: hsla(0, 0%, 100%, .3);
        border-radius: 4px;
        opacity: .4
    }
}

@media screen and (min-width:1200px) {
    .infographics-overlay-modal .infographics-container {
        max-height: calc(100vh - 10pc)
    }
}

@-webkit-keyframes moveToRight {
    0% {
        left: 0
    }

    50% {
        opacity: 0;
        left: 80%
    }

    60% {
        opacity: 0;
        left: -80%
    }

    to {
        left: 0
    }
}

@keyframes moveToRight {
    0% {
        left: 0
    }

    50% {
        opacity: 0;
        left: 80%
    }

    60% {
        opacity: 0;
        left: -80%
    }

    to {
        left: 0
    }
}

@-webkit-keyframes moveToLeft {
    0% {
        left: 0
    }

    50% {
        opacity: 0;
        left: -100%
    }

    60% {
        opacity: 0;
        left: 100%
    }

    to {
        left: 0
    }
}

@keyframes moveToLeft {
    0% {
        left: 0
    }

    50% {
        opacity: 0;
        left: -100%
    }

    60% {
        opacity: 0;
        left: 100%
    }

    to {
        left: 0
    }
}

.infographics-pdf-container,
.infographics-pdf-overlay {
    border: 1px solid #dfdee3;
    border-radius: .25rem
}

.infographics-pdf-container .infographics-ebook-pages,
.infographics-pdf-overlay .infographics-ebook-pages {
    position: relative
}

.infographics-pdf-container .infographics-ebook-pages .infographics-ebook-slide,
.infographics-pdf-overlay .infographics-ebook-pages .infographics-ebook-slide {
    background-position: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.infographics-pdf-container .infographics-ebook-pages .infographics-ebook-slide:not(.swiper-slide-active),
.infographics-pdf-overlay .infographics-ebook-pages .infographics-ebook-slide:not(.swiper-slide-active) {
    opacity: .3;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.infographics-pdf-container .infographic-button,
.infographics-pdf-overlay .infographic-button {
    top: 40%
}

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

    .infographics-pdf-container .infographic-button,
    .infographics-pdf-overlay .infographic-button {
        width: 1.5rem;
        height: 1.5rem
    }
}

.infographics-pdf-container .swiper-button-next.swiper-button-disabled,
.infographics-pdf-container .swiper-button-prev.swiper-button-disabled,
.infographics-pdf-overlay .swiper-button-next.swiper-button-disabled,
.infographics-pdf-overlay .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.infographics-pdf-container .swiper-button-next:after,
.infographics-pdf-container .swiper-button-prev:after,
.infographics-pdf-overlay .swiper-button-next:after,
.infographics-pdf-overlay .swiper-button-prev:after {
    content: ""
}

.infographics-pdf-container .arrow-icon,
.infographics-pdf-overlay .arrow-icon {
    top: 1.5rem;
    left: 1rem;
    position: relative;
    padding: 2rem 1.5rem
}

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

    .infographics-pdf-container .arrow-icon,
    .infographics-pdf-overlay .arrow-icon {
        top: 1px;
        left: 2px;
        padding: .58125rem .6rem
    }
}

.infographics-pdf-container .infographics-ebook-prev,
.infographics-pdf-overlay .infographics-ebook-prev {
    left: -1.5rem
}

.infographics-pdf-container .infographics-ebook-prev .arrow-icon,
.infographics-pdf-overlay .infographics-ebook-prev .arrow-icon {
    background: url(clientlib-site/resources/images/arrow-left-infographic.svg) no-repeat 50%
}

.infographics-pdf-container .infographics-ebook-prev:focus .arrow-icon,
.infographics-pdf-container .infographics-ebook-prev:hover .arrow-icon,
.infographics-pdf-overlay .infographics-ebook-prev:focus .arrow-icon,
.infographics-pdf-overlay .infographics-ebook-prev:hover .arrow-icon {
    -webkit-animation: moveToLeft .4s;
    animation: moveToLeft .4s
}

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

    .infographics-pdf-container .infographics-ebook-prev .arrow-icon,
    .infographics-pdf-overlay .infographics-ebook-prev .arrow-icon {
        background: url(clientlib-site/resources/images/arrow-left-infographic.svg) no-repeat 50%
    }
}

.infographics-pdf-container .infographics-ebook-next,
.infographics-pdf-overlay .infographics-ebook-next {
    right: .5rem
}

.infographics-pdf-container .infographics-ebook-next .arrow-icon,
.infographics-pdf-overlay .infographics-ebook-next .arrow-icon {
    background: url(clientlib-site/resources/images/arrow-right-infographic.svg) no-repeat 50%
}

.infographics-pdf-container .infographics-ebook-next:focus .arrow-icon,
.infographics-pdf-container .infographics-ebook-next:hover .arrow-icon,
.infographics-pdf-overlay .infographics-ebook-next:focus .arrow-icon,
.infographics-pdf-overlay .infographics-ebook-next:hover .arrow-icon {
    -webkit-animation: moveToRight .4s;
    animation: moveToRight .4s
}

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

    .infographics-pdf-container .infographics-ebook-next .arrow-icon,
    .infographics-pdf-overlay .infographics-ebook-next .arrow-icon {
        background: url(clientlib-site/resources/images/arrow-right-infographic.svg) no-repeat 50%
    }
}

.infographics-pdf-container .infographics-ebook-content,
.infographics-pdf-overlay .infographics-ebook-content {
    padding: .5rem 0 1.3125rem;
    border-top: 1px solid #c4c4c4
}

.infographics-pdf-container .infographics-ebook-content .ebook-title,
.infographics-pdf-overlay .infographics-ebook-content .ebook-title {
    font-size: .75rem;
    text-transform: uppercase;
    line-height: 1rem;
    letter-spacing: .15em;
    color: #5e6162;
    font-family: Basis-bold
}

.infographics-pdf-container .infographics-ebook-content .ebook-para,
.infographics-pdf-overlay .infographics-ebook-content .ebook-para {
    margin-top: .25rem;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .03125rem;
    color: #747678;
    font-family: Basis-regular
}

.infographics-pdf-container .infographics-ebook-content .ebook-pagination,
.infographics-pdf-overlay .infographics-ebook-content .ebook-pagination {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    font-family: Basis-regular;
    color: #000
}

.infographics-pdf-container .infographics-ebook-content .ebook-expand,
.infographics-pdf-overlay .infographics-ebook-content .ebook-expand {
    margin-top: .25rem;
    background: url(clientlib-site/resources/images/infographics/pdf-btn-expand.svg) 50% no-repeat;
    width: 1.125rem;
    height: 1.125rem;
    right: 0
}

.infographics-pdf-container .annotation-layer,
.infographics-pdf-overlay .annotation-layer {
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    opacity: 1
}

.infographics-pdf-container .annotation-layer section,
.infographics-pdf-overlay .annotation-layer section {
    position: absolute;
    cursor: pointer
}

.infographics-pdf-container .annotation-layer section a,
.infographics-pdf-overlay .annotation-layer section a {
    display: block;
    width: 100%;
    height: .625rem
}

.infographics-pdf-overlay.longform-bg {
    overflow-y: auto;
    background-color: unset;
    border: none
}

@media screen and (min-width:1200px) {
    .infographics-pdf-overlay.longform-bg {
        max-height: calc(100vh - 10pc)
    }
}

.infographics-pdf-div {
    height: 28.75rem
}

@media only screen and (max-width:599px) {
    .infographics-pdf-div {
        height: 18.75rem
    }
}

.inpagelinks-desktop-container .inpagelinks-link-title {
    color: #e41165 !important;
    font-size: 2.5rem;
    line-height: 2.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #dfdee3;
    text-decoration: none;
    padding-top: 2rem;
    font-family: Houschka-medium
}

@media screen and (max-width:1199px) {
    .inpagelinks-desktop-container .inpagelinks-link-title {
        padding: 1.5rem;
        font-size: .75rem;
        line-height: 1rem;
        color: #000;
        text-decoration: none;
        border-bottom: 1px solid #dfdee3;
        letter-spacing: .15em;
        text-transform: uppercase !important
    }
}

.sticky-header-container {
    top: 72px;
    border-bottom: 1px solid #dfdee3;
    background-color: #fff;
    z-index: 6;
    left: 0
}

@media only screen and (max-width:1199px) {
    .sticky-header-container {
        top: 4pc
    }
}

.sticky-header-container .inpagelinks-sticky-header-link {
    color: #747678;
    font-size: .875rem;
    text-decoration: none;
    line-height: 1.5rem;
    letter-spacing: .15em;
    white-space: nowrap;
    font-family: Basis-bold
}

.sticky-header-container .inpagelinks-sticky-header-link:focus {
    color: #000
}

.sticky-header-container .sticky-header-ul-list {
    list-style: none;
    padding-left: 40px
}

.sticky-header-container .scroll-top-mobile .scrollup-icon {
    margin: 0 .75rem
}

.sticky-header-container .scrollup-icon {
    background-image: url(clientlib-site/resources/images/down-arrow.svg);
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    cursor: pointer
}

.sticky-header-container .back-to-top-text {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    color: #747678;
    margin-right: .625rem
}

.sticky-header-container .sticky-nav-progress {
    height: .125rem;
    background-color: #e41165;
    width: 36%
}

.sticky-header-container .accordion-icon {
    background-image: url(clientlib-site/resources/images/accrodion/Vector.svg);
    width: .9375rem;
    height: .9375rem;
    display: inline-block
}

.insight-container {
    min-height: 25rem
}

.insight-container:focus {
    border: 1px solid #000
}

.dropdown-icon {
    background: url(clientlib-site/resources/images/accrodion/accordion-down-arrow.svg) no-repeat 50%;
    width: 1.8125rem;
    height: .5rem;
    display: inline-block
}

.inpagelinks-scroll-icon {
    background-image: url(clientlib-site/resources/images/down-arrow.svg);
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem
}

@media only screen and (max-width:599px) {
    .inpagelinks-scroll-icon {
        display: none
    }
}

.inpagelinks-accordion-title {
    border-bottom: 1px solid #dfdee3;
    border-top: 1px solid #dfdee3;
    font-family: Basis-bold;
    width: 100%
}

.accordion-mobile-collapse {
    border-top: 1px solid #dfdee3
}

.inpagelinks-link-title-mobile {
    padding: 24px;
    font-size: .75rem;
    line-height: 1rem;
    color: #747678;
    text-decoration: none;
    border-bottom: 1px solid #dfdee3;
    letter-spacing: .15em;
    font-family: Basis-bold
}

.inpagelinks-link-title-mobile:hover {
    text-decoration: none;
    color: #e41165
}

.font-black {
    color: #000 !important
}

@media only screen and (max-width:1199px) {
    .tab-inpagelinks-accordion {
        display: none
    }

    .tab-inpagelinks-accordion.show {
        display: block !important
    }

    .inpagelinks-accordion-title {
        background-color: transparent;
        border-right: none;
        border-left: none
    }

    .scroll-share-mobile {
        padding: 1.125rem .5rem
    }

    .sticky-accordion-title {
        border-bottom: none
    }

    .sticky-accordion-title .sticky-accordion-text {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        padding: 0;
        max-width: 11.4rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 1.75rem
    }
}

.legal-inpagelink-tab-section {
    padding-left: 1rem;
    border-radius: 4px;
    border-left: 4px solid;
    border-color: #dfdee3;
    margin-left: 1.8125rem
}

@media only screen and (max-width:599px) {
    .legal-inpagelink-tab-section {
        margin-left: 0;
        padding-left: 0;
        border: 0
    }
}

.legal-inpagelink-tab-section .legal-inpagelink-title {
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    color: #000;
    font-family: Basis-bold;
    margin-bottom: 1.0625rem
}

.legal-inpagelink-tab-section .legal-inpagelink-nav .legal-inpagelink-tab-list {
    margin-bottom: 1rem;
    position: relative
}

@media only screen and (max-width:1199px) {
    .legal-inpagelink-tab-section .legal-inpagelink-nav .legal-inpagelink-tab-list {
        margin-bottom: 0;
        border-bottom: 1px solid #dfdee3;
        padding: 1.5rem
    }
}

.legal-inpagelink-tab-section .legal-inpagelink-nav .legal-inpagelink-tab-list .legal-inpagelink-tab-link {
    font-size: 1.125rem;
    line-height: 140%;
    letter-spacing: .03125rem;
    color: #747678;
    font-weight: 500;
    font-family: Basis-medium
}

@media screen and (max-width:1199px) {
    .legal-inpagelink-tab-section .legal-inpagelink-nav .legal-inpagelink-tab-list .legal-inpagelink-tab-link {
        font-size: .75rem;
        text-transform: uppercase !important;
        line-height: 1rem;
        color: #000;
        text-decoration: none;
        letter-spacing: .15em
    }
}

.legal-inpagelink-tab-section .legal-inpagelink-nav .active .legal-inpagelink-tab-link {
    color: #000
}

.legal-inpagelink-tab-section .legal-inpagelink-nav .active:before {
    border-left: 4px solid;
    border-color: #e41165;
    content: "";
    position: absolute;
    left: -20px;
    height: 100%
}

.vertical-divider:after {
    content: "";
    position: absolute;
    border-right: 1px solid #b4b4b8;
    height: 1.5rem;
    right: 0;
    top: 0
}

.sticky-header-swiper-container {
    margin-left: 0
}

.sticky-header-swiper-container.next-button-active:after {
    position: absolute;
    width: 11.5%;
    height: 100%;
    z-index: 1;
    top: 0;
    right: 0;
    content: ""
}

@media only screen and (max-width:1199px) {
    .sticky-header-swiper-container.next-button-active:after {
        display: none
    }
}

.sticky-header-swiper-container.prev-button-active:before {
    position: absolute;
    width: 11.5%;
    height: 100%;
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    z-index: 2;
    top: 0;
    left: 0;
    content: ""
}

@media only screen and (max-width:1199px) {
    .sticky-header-swiper-container.prev-button-active:before {
        display: none
    }
}

.sticky-header-swiper-container .sticky-header-swiper-wrapper {
    width: 100%
}

.sticky-header-swiper-container .sticky-header-swiper-wrapper .sticky-header-swiper-slide {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.sticky-header-swiper-container .sticky-header-swiper-wrapper .sticky-header-swiper-slide .sticky-header-link-list {
    display: list-item;
    text-align: -webkit-match-parent
}

.sticky-header-swiper-container .swiper-button-disabled {
    display: none !important
}

.sticky-header-swiper-container .sticky-header-pagination-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer;
    width: 1.25rem
}

.sticky-header-swiper-container .sticky-header-swiper-button-prev {
    left: -2px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sticky-header-swiper-container .sticky-header-swiper-button-prev .arrow-icon {
    background-image: url(clientlib-site/resources/images/chevron-right.svg);
    height: .96875rem;
    width: 1rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #fff
}

.sticky-header-swiper-container .sticky-header-swiper-button-next {
    right: -2px;
    left: auto
}

.sticky-header-swiper-container .sticky-header-swiper-button-next .arrow-icon {
    background-image: url(clientlib-site/resources/images/chevron-right.svg);
    height: .96875rem;
    width: 1rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #fff
}

.insight-card-link {
    width: 100%
}

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

.insight-card-link .insight-card {
    height: 21.5rem;
    border-radius: 8px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1.5rem;
    -webkit-transition: .7s;
    transition: .7s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    margin-top: 2rem;
    background-color: transparent
}

.insight-card-link .insight-card.image-gradient-bg:before {
    background: #3b3d4a;
    mix-blend-mode: multiply;
    border-radius: 8px;
    -webkit-filter: saturate(20%);
    filter: saturate(20%)
}

.insight-card-link .insight-card.text-linear-bg-left:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)) !important;
    background: linear-gradient(180deg, #000, transparent) !important;
    border-radius: 8px
}

.insight-card-link .insight-card .insight-card-title {
    font-family: Basis-regular;
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: .5px
}

@media only screen and (max-width:599px) {
    .insight-card-link .insight-card {
        height: 9.1875rem;
        padding: 11px 9px 10px
    }

    .insight-card-link .insight-card .insight-card-title {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.insight-card-link .insight-card-image {
    left: 0;
    border-radius: .5rem
}

.insight-card-link:hover .insight-card {
    -webkit-transform: translateY(-1pc);
    transform: translateY(-1pc)
}

.insight-card-link:hover .insight-card.image-gradient-bg:before {
    background: transparent;
    -webkit-filter: saturate(80%);
    filter: saturate(80%)
}

.insight-card-link:focus .insight-card {
    -webkit-transform: translateY(1pc);
    transform: translateY(1pc)
}

.insight-card-link:focus .insight-card.image-gradient-bg:before {
    background: transparent;
    -webkit-filter: saturate(80%);
    filter: saturate(80%)
}

.insight-card-link:hover .insight-card-title {
    text-decoration: none
}

.insight-card-link .authoring-tranform-none {
    -webkit-transform: none;
    transform: none
}

.insight-container-section {
    background: #1e2222;
    padding: 81px 0 42px
}

.insight-container-section .insight-container-section-title {
    font-family: Houschka-medium;
    font-size: 2.5rem;
    line-height: 2.5rem
}

@media only screen and (max-width:599px) {
    .insight-container-section .insight-container-section-title {
        font-size: 2rem
    }
}

.insight-container-section .view-all-btn {
    margin-top: 3rem;
    padding: 9pt 52px 9pt 2pc;
    width: auto
}

@media only screen and (max-width:1199px) {
    .insight-container-section .view-all-btn {
        margin-top: 2.5rem
    }
}

.insight-container-section .view-all-btn:after {
    content: "";
    background-image: url(clientlib-site/resources/images/insightContainer/arrow-down-white.svg);
    height: 1.5rem;
    width: 1.5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%);
    right: 1rem;
    -webkit-transition: .7s;
    transition: .7s
}

.insight-container-section .view-all-btn:hover:after {
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%)
}

.insight-container-section .view-all-btn:focus {
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
    border: .09375rem solid #000
}

.insight-container-section .view-less-btn {
    margin-top: 2.5625rem;
    padding: 9pt 52px 9pt 2pc;
    width: auto
}

.insight-container-section .view-less-btn:after {
    content: "";
    background-image: url(clientlib-site/resources/images/insightContainer/arrow-up-white.svg);
    height: 1.5rem;
    width: 1.5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%);
    -webkit-transition: .7s;
    transition: .7s;
    right: 1rem
}

.insight-container-section .view-less-btn:hover:after {
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%)
}

.insight-container-section .view-less-btn:focus {
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
    border: .09375rem solid #000
}

.filter-list-panel {
    padding: 2rem 0
}

.filter-list-panel .card-list>.row:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.filter-list-panel .card-list .parallax_scroll {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media only screen and (max-width:599px) {
    .filter-list-panel .card-list .parallax_scroll {
        -webkit-transform: none !important;
        transform: none !important
    }
}

.filter-list-panel .card-list .related-content-card-box:last-child .related-content-cards {
    border: none
}

.filter-list-panel .card-list .related-content-cards {
    margin-bottom: 2rem;
    display: block;
    overflow: hidden
}

@media only screen and (max-width:599px) {
    .filter-list-panel .card-list .related-content-cards {
        border-bottom: 1px solid #747678;
        margin-bottom: 0;
        padding: 2rem 0 1rem
    }
}

.filter-list-panel .card-list .related-content-cards .related-content-title {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: .5px;
    color: #000;
    margin-bottom: .5rem;
    font-family: Basis-regular
}

@media only screen and (max-width:599px) {
    .filter-list-panel .card-list .related-content-cards .related-content-title {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.filter-list-panel .card-list .related-content-cards .tag-text {
    font-size: .75rem;
    line-height: 1pc;
    letter-spacing: .5px;
    color: #000;
    padding: .5rem .75rem;
    border: 1px solid #5e6162;
    margin-right: .5rem;
    margin-bottom: .5rem;
    font-family: Basis-regular
}

.filter-list-panel .card-list .related-content-cards .tag-text:last-child {
    margin-right: 0
}

.filter-list-panel .card-list .related-content-cards .related-content-thumb-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 280px;
    margin-bottom: 20px;
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out
}

.filter-list-panel .card-list .related-content-cards .related-content-thumb-image:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

@media only screen and (max-width:599px) {
    .filter-list-panel .card-list .related-content-cards .related-content-thumb-image {
        margin-bottom: 24px
    }
}

.filter-list-panel .card-list .related-content-cards .related-content-thumb-image:before {
    width: 3pc;
    height: 3pc;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 25px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    z-index: 1;
    display: none
}

.filter-list-panel .card-list .related-content-cards .related-content-thumb-image.podcast-icon:before {
    display: block;
    background-image: url(clientlib-site/resources/images/podcast-ico-w.svg)
}

.filter-list-panel .card-list .related-content-cards .related-content-thumb-image.video-icon:before {
    display: block;
    background-image: url(clientlib-site/resources/images/video-ico-w.svg)
}

@media only screen and (max-width:599px) {
    .filter-list-panel .card-list .related-content-cards .related-content-thumb-image {
        height: 92px !important
    }
}

.filter-list-panel .card-list .related-content-cards .related-content-type-date {
    color: #494c4d;
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .5px;
    font-family: Basis-regular;
    margin-bottom: 0;
    text-transform: capitalize
}

@media only screen and (max-width:599px) {
    .filter-list-panel .card-list .related-content-cards .related-content-type-date {
        font-size: .875rem
    }
}

.filter-list-panel .card-list .related-content-cards:nth-child(odd) .related-content-thumb-image {
    height: 10pc;
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out
}

.filter-list-panel .card-list .related-content-cards:nth-child(odd) .related-content-thumb-image:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.filter-list-panel .card-list .related-content-cards:last-child {
    margin-right: 0
}

@media only screen and (min-width:600px) {
    .filter-list-panel .card-list .related-content-hero-cards {
        position: sticky !important;
        top: 5.625rem
    }
}

.filter-list-panel .card-list .related-content-hero-cards .related-content-title {
    font-size: 3rem;
    line-height: 3rem;
    color: #000;
    font-family: Houschka-medium;
    padding-left: 1.5rem;
    margin-bottom: 1.5rem
}

@media only screen and (max-width:599px) {
    .filter-list-panel .card-list .related-content-hero-cards .related-content-title {
        font-size: 2rem;
        margin-bottom: 1rem
    }
}

.filter-list-panel .card-list .related-content-hero-cards .related-content-title:after {
    left: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    content: "";
    width: 4px;
    position: absolute;
    border-radius: 5px
}

.filter-list-panel .card-list .related-content-hero-cards .related-content-thumb-image {
    height: 37pc !important;
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out
}

.filter-list-panel .card-list .related-content-hero-cards .related-content-thumb-image:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

@media only screen and (max-width:599px) {
    .filter-list-panel .card-list .related-content-hero-cards .related-content-thumb-image {
        height: 360px !important
    }
}

.filter-list-panel .load-more-cards-row {
    opacity: 0
}

.filter-list-panel .load-more-cards-row.more-cards-loaded {
    -webkit-transition: opacity .6s ease-in;
    transition: opacity .6s ease-in;
    opacity: 1
}

.filter-list-panel .load-more-btn {
    font-family: Basis-medium;
    padding: 9pt 60px 9pt 2pc !important;
    border: 1px solid #747678;
    -webkit-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out;
    height: 54px
}

.filter-list-panel .load-more-btn:hover {
    border: 2px solid #000;
    background-color: rgba(0, 0, 0, .1)
}

.filter-list-panel .load-more-btn:after {
    position: absolute;
    top: calc(50% + 3px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(clientlib-site/resources/images/arrow-down-black.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    content: ""
}

.filter-list-panel .filter-dropown {
    border-bottom: 1px solid #898a8d;
    max-width: 100%
}

.filter-list-panel .filter-dropown .filter-dropdown-select {
    border: none;
    width: 10pc;
    padding: 0 .75rem;
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #747678
}

.filter-list-panel .filter-error-title {
    font-size: 3rem;
    line-height: 3rem;
    color: #000;
    font-family: Houschka-medium;
    padding-left: 1.5rem
}

.filter-list-panel .filter-modal-button {
    padding-right: 3.5rem
}

.filter-list-panel .filter-modal-button .filter-count {
    background-color: #e41165;
    border: 2px solid #fff;
    position: absolute;
    width: 22px;
    height: 22px;
    font-size: .75rem;
    line-height: 1pc;
    letter-spacing: .15em;
    color: #fff;
    right: .75rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
    border-radius: 1pc;
    font-family: Basis-bold
}

.filter-list-panel .filter-modal-button:after {
    position: absolute;
    right: 1.5rem;
    content: "";
    width: 24px;
    height: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(clientlib-site/resources/images/filters-ico-b.svg)
}

.filter-modal {
    background-color: #1e2222
}

.filter-modal .section-heading {
    width: 280px
}

.filter-modal .filter-title {
    font-family: Houschka-medium;
    font-weight: 500;
    font-size: 4.5rem;
    line-height: 72px;
    color: #fff
}

@media only screen and (max-width:1199px) {
    .filter-modal .filter-title {
        font-size: 3.5rem;
        line-height: 56px
    }
}

.filter-modal .tag-break {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.filter-modal .filter-list-title {
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    font-family: Basis-bold;
    font-weight: 700;
    color: #fff
}

.filter-modal .tag-disabled,
.filter-modal .text-disabled {
    opacity: .25
}

.filter-modal .tag-disabled.tag-link,
.filter-modal .tag-disabled.tag-link:hover,
.filter-modal .text-disabled.tag-link,
.filter-modal .text-disabled.tag-link:hover {
    cursor: default
}

.filter-modal .tag-link {
    font-weight: 400;
    font-size: .875rem;
    line-height: 24px;
    color: #fff;
    padding: .5rem 1rem;
    border: 1px solid #5e6162;
    font-family: Basis-regular;
    border-radius: 20px;
    margin: 0 .625rem .625rem 0;
    cursor: pointer
}

.filter-modal .tag-link .tag-close {
    display: none
}

.filter-modal .tag-link:not(.tag-disabled):hover {
    background-color: #fff;
    color: #000;
    position: relative;
    -webkit-box-shadow: 0 0 0 .125rem #fff;
    box-shadow: 0 0 0 .125rem #fff
}

.filter-modal .tag-link.selected {
    background-color: #fff;
    color: #000;
    position: relative;
    padding-right: 2.25rem
}

.filter-modal .tag-link.selected .tag-close {
    background: transparent url(clientlib-site/resources/images/close-b.svg) 50% no-repeat;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 1rem;
    height: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    right: .75rem;
    border: none
}

.filter-modal .tag-link.selected:after {
    position: absolute;
    left: 1%;
    top: 4%;
    width: 98%;
    height: 92%;
    content: "";
    border-radius: 20px
}

.filter-modal .btn-apply-filter:disabled {
    background: #747678
}

@media only screen and (max-width:1199px) {
    .filter-modal .btn-apply-filter {
        width: 70%;
        -webkit-transition: none;
        transition: none
    }

    .filter-modal .btn-apply-filter:disabled {
        bottom: 0
    }
}

@media only screen and (max-width:599px) {
    .filter-modal .btn-apply-filter:disabled {
        width: 100%;
        bottom: 0
    }
}

.filter-modal .btn-clear-all {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #fff;
    border: none;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    display: none
}

.filter-modal .modal-content {
    height: 100vh
}

.filter-modal .tag-read-more {
    background-color: #333737;
    padding-right: 1.5rem
}

.filter-modal .tag-read-more:after {
    background-repeat: no-repeat;
    background-position: 50%;
    width: 1pc;
    content: "";
    right: .5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1pc;
    background-image: url(clientlib-site/resources/images/chevron-down-w.svg)
}

.filter-modal .tag-read-more.expanded:after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

@media only screen and (max-width:1199px) {
    .filter-modal .tag-link-hide {
        display: none
    }
}

.interactive-quiz-outer-container {
    background-color: #000;
    padding-top: 5rem
}

.interactive-quiz-outer-container.interactive-quiz-outer-container-height {
    min-height: 85vh;
    padding-bottom: 5rem
}

@media only screen and (min-width:1600px) {
    .interactive-quiz-outer-container.interactive-quiz-outer-container-height {
        min-height: 41.25rem
    }
}

@media only screen and (max-width:599px) {
    .interactive-quiz-outer-container.interactive-quiz-outer-container-height {
        min-height: calc(100vh - 5pc);
        padding-top: 3.25rem;
        padding-bottom: 3.25rem
    }

    .interactive-quiz-outer-container.interactive-quiz-outer-container-height .quiz-card-div-parent {
        min-height: 23rem
    }
}

@media only screen and (min-width:600px) and (max-width:1199px) {
    .interactive-quiz-outer-container.interactive-quiz-outer-container-height {
        min-height: 41.25rem
    }
}

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

    .interactive-quiz-outer-container .interactive-quiz-inner-container .horizontaltab-main-section .col-12,
    .interactive-quiz-outer-container .interactive-quiz-inner-container .horizontaltab-main-section .container-fluid.cipher-custom-container {
        padding: 0
    }

    .interactive-quiz-outer-container .interactive-quiz-inner-container .horizontaltab-main-section .w-100.px-lg-0.px-3 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .interactive-quiz-outer-container .interactive-quiz-inner-container .horizontaltab-main-section .w-100.px-lg-0.px-3 .richText {
        padding: 0
    }
}

@media only screen and (max-width:599px) {
    .interactive-quiz-outer-container .interactive-quiz-inner-container .horizontaltab-main-section {
        padding: 40px 0 46px
    }

    .interactive-quiz-outer-container .interactive-quiz-inner-container .horizontaltab-main-section .w-100.px-lg-0.px-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
}

.interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .horizontaltab-nav-tabs {
    margin-bottom: 3rem
}

@media only screen and (max-width:991px) {
    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .horizontaltab-nav-tabs {
        margin-bottom: 3rem
    }
}

.interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .intro-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .horizontaltab-tab-pane {
    padding-top: 0
}

.interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .horizontaltab-tab-pane .static-related-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

@media only screen and (max-width:599px) {
    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .horizontaltab-tab-pane .solution-card-main-section .solution-cards-swiper-container-width-3cards .solution-card-swiper-button-next {
        right: 5.5%
    }

    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .horizontaltab-tab-pane .solution-card-main-section .solution-cards-swiper-container-width-3cards .solution-card-swiper-button-prev {
        left: 5.5%
    }
}

@media only screen and (max-width:599px) {
    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .horizontaltab-tab-pane .solution-card-main-section .solution-cards-swiper-container-width-2cards .solution-card-swiper-button-next {
        right: 5.5%
    }

    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .horizontaltab-tab-pane .solution-card-main-section .solution-cards-swiper-container-width-2cards .solution-card-swiper-button-prev {
        left: 5.5%
    }
}

@media only screen and (max-width:1199px) {
    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .horizontaltab-tab-pane .solution-card-main-section .solution-cards-swiper-container-width-4cards .solution-card-swiper-button-next {
        right: 3%
    }

    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .horizontaltab-tab-pane .solution-card-main-section .solution-cards-swiper-container-width-4cards .solution-card-swiper-button-prev {
        left: 3.5%
    }
}

@media only screen and (max-width:599px) {
    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .horizontaltab-tab-pane .solution-card-main-section .solution-cards-swiper-container-width-4cards .solution-card-swiper-button-next {
        right: 4.5%
    }

    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .horizontaltab-tab-pane .solution-card-main-section .solution-cards-swiper-container-width-4cards .solution-card-swiper-button-prev {
        left: 4.5%
    }
}

@media only screen and (max-width:991px) {
    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .pagination-slider {
        margin-top: 3.5rem;
        padding: 40px 1pc
    }
}

.interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .pagination-slider .trending-slider-nav-button {
    top: 0
}

@media only screen and (max-width:1199px) {
    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .quiz-image-tab-view {
        margin: 20px 0
    }

    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .quiz-image-tab-view .quiz-image-inner-tab-view,
    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .quiz-image-tab-view .quiz-image-inner-tab-view img {
        width: 100%
    }
}

@media only screen and (max-width:1199px) {
    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .accordion-main-container {
        padding: 1pc
    }
}

.interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .accordion-card-header:first-child {
    padding-top: 0
}

@media only screen and (max-width:991px) {
    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .accordion-card-header:first-child {
        margin: 2pc 0
    }
}

.interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .accordion-card-header:first-child .accordion-btn-link:first-child {
    padding-top: 0
}

.interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .quiz-tab-tab-view {
    display: none
}

@media only screen and (max-width:991px) {
    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .quiz-tab-desktop-view {
        display: none
    }

    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .quiz-tab-tab-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .quiz-tab-tab-view .quiz-tab-content {
        width: 100%;
        border-bottom: 1px solid #898a8d !important;
        padding: 1px 15px 1pc;
        text-align: left;
        border-radius: 0
    }

    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .quiz-tab-tab-view .quiz-tab-content .quiz-tab-title {
        color: #fff;
        font-size: 1.125rem;
        line-height: 2rem;
        letter-spacing: .03125rem;
        padding: 0
    }

    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .quiz-tab-tab-view .quiz-tab-content.focus,
    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .quiz-tab-tab-view .quiz-tab-content:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .quiz-tab-tab-view .dropdown-toggle:after {
        position: absolute;
        right: 0;
        top: 18%;
        border: none;
        background-image: url(clientlib-site/resources/images/down-pink.svg);
        width: 1.5rem;
        height: 1.5rem
    }

    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .quiz-tab-tab-view .dropdown-menu.show {
        width: 100%;
        padding-top: 0;
        background: #000;
        top: 1.125rem;
        padding-bottom: 0
    }

    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .quiz-tab-tab-view .dropdown-item {
        text-align: left;
        padding: 1pc 15px;
        border-bottom: 1px solid #9e9fa3;
        color: #b4b4b8
    }

    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .quiz-tab-tab-view .dropdown-item.active,
    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .quiz-tab-tab-view .dropdown-item:active,
    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-solution-screen .quiz-tab-tab-view .dropdown-item:hover {
        background: #1e2222;
        color: #fff
    }
}

.interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-question-title {
    min-height: 31.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:767px) {
    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-question-title {
        min-height: auto;
        display: block
    }
}

.interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-question-title .interactive-quiz-desc {
    font-family: Basis-bold;
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .15em;
    color: #9e9fa3;
    padding-bottom: .5rem
}

@media only screen and (max-width:767px) {
    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-question-title .interactive-quiz-desc {
        text-align: center;
        font-size: .875rem
    }
}

.interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-question-title .interactive-quiz-title {
    font-family: Houschka-medium;
    font-style: normal;
    font-weight: 500;
    font-size: 4rem;
    line-height: 4pc;
    color: #fff
}

@media only screen and (max-width:1199px) {
    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-question-title .interactive-quiz-title {
        font-size: 3rem;
        line-height: 3rem;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .interactive-quiz-outer-container .interactive-quiz-inner-container .quiz-question-title .interactive-quiz-title {
        font-style: normal;
        font-weight: 400;
        font-size: 2rem;
        line-height: 40px;
        text-align: center;
        letter-spacing: .5px;
        color: #fff;
        padding-bottom: 3pc;
        width: 100%
    }
}

@media only screen and (max-width:599px) {
    .interactive-quiz-outer-container .loader-text {
        min-width: 17.5rem
    }
}

.interactive-quiz-outer-container .loader-text .loader-text-title {
    font-family: Houschka-medium;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff
}

.interactive-quiz-outer-container .loader-text .loader-text-desc {
    font-family: Basis-regular;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 2pc;
    text-align: center;
    letter-spacing: .5px;
    color: #c9c9ce
}

.interactive-quiz-outer-container .accordion-btn-link .accordion-btn-link-icon {
    -webkit-filter: invert(0);
    filter: invert(0)
}

.interactive-quiz-outer-container .accordion-btn-link:not(.collapsed) .expand-icon {
    background-color: #fff !important;
    background-image: url(clientlib-site/resources/images/accrodion/minus-black.svg) !important
}

.interactive-quiz-outer-container .accordion-btn-link.collapsed .expand-icon {
    background-color: #fff;
    background-image: url(clientlib-site/resources/images/accrodion/plus-black.svg)
}

.interactive-quiz-outer-container .static-related-content-slider.next-button-active:after,
.interactive-quiz-outer-container .static-related-content-slider.prev-button-active:before {
    background: transparent !important
}

.queryForm-container .text-gray {
    color: #9e9fa3;
    font-size: .875rem;
    letter-spacing: .125rem;
    font-family: Basis-regular
}

.queryForm-formfield {
    min-height: 6.25rem;
    max-height: 13rem
}

.queryForm-formfield .error-text {
    margin-top: .5rem;
    margin-bottom: 1rem;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.queryForm-formfield .form-element-label {
    visibility: hidden;
    text-transform: uppercase;
    font-size: .875rem;
    margin-bottom: 0
}

.queryForm-formfield .form-element-label.display-label {
    visibility: visible
}

.queryForm-formfield .form-element-input {
    padding-bottom: 1rem;
    background-color: unset;
    outline: none;
    border: none;
    width: 100%;
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.queryForm-formfield .form-element-input:focus::-webkit-input-placeholder {
    visibility: hidden
}

.queryForm-formfield .form-element-input:focus::-moz-placeholder {
    visibility: hidden
}

.queryForm-formfield .form-element-input:focus:-ms-input-placeholder {
    visibility: hidden
}

.queryForm-formfield .form-element-input:focus::-ms-input-placeholder {
    visibility: hidden
}

.queryForm-formfield .form-element-input:focus::placeholder {
    visibility: hidden
}

.queryForm-formfield .form-element-input::-webkit-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.queryForm-formfield .form-element-input::-moz-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.queryForm-formfield .form-element-input:-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.queryForm-formfield .form-element-input::-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.queryForm-formfield .form-element-input::placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.queryForm-formfield .form-element-input::-webkit-input-placeholder:first-letter {
    text-transform: capitalize
}

.queryForm-formfield .form-element-input::-moz-placeholder:first-letter {
    text-transform: capitalize
}

.queryForm-formfield .form-element-input:-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.queryForm-formfield .form-element-input::-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.queryForm-formfield .form-element-input::placeholder:first-letter {
    text-transform: capitalize
}

.queryForm-formfield .form-element-textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: unset;
    width: 100%;
    resize: none;
    border: none;
    outline: none;
    color: #fff;
    overflow-y: hidden;
    padding-bottom: 1rem;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.queryForm-formfield .form-element-textarea::-webkit-scrollbar {
    width: 5px
}

.queryForm-formfield .form-element-textarea::-webkit-scrollbar-track-piece {
    border-radius: 6.25rem
}

.queryForm-formfield .form-element-textarea:hover::-webkit-scrollbar-thumb {
    height: 1.875rem;
    background-color: #9e9fa3;
    border-radius: 6.25rem
}

.queryForm-formfield .form-element-textarea.text-overflow {
    overflow-y: scroll
}

.queryForm-formfield .form-element-textarea:focus::-webkit-input-placeholder {
    visibility: hidden
}

.queryForm-formfield .form-element-textarea:focus::-moz-placeholder {
    visibility: hidden
}

.queryForm-formfield .form-element-textarea:focus:-ms-input-placeholder {
    visibility: hidden
}

.queryForm-formfield .form-element-textarea:focus::-ms-input-placeholder {
    visibility: hidden
}

.queryForm-formfield .form-element-textarea:focus::placeholder {
    visibility: hidden
}

.queryForm-formfield .form-element-textarea::-webkit-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.queryForm-formfield .form-element-textarea::-moz-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.queryForm-formfield .form-element-textarea:-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.queryForm-formfield .form-element-textarea::-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.queryForm-formfield .form-element-textarea::placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.queryForm-formfield .form-element-textarea::-webkit-input-placeholder:first-letter {
    text-transform: capitalize
}

.queryForm-formfield .form-element-textarea::-moz-placeholder:first-letter {
    text-transform: capitalize
}

.queryForm-formfield .form-element-textarea:-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.queryForm-formfield .form-element-textarea::-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.queryForm-formfield .form-element-textarea::placeholder:first-letter {
    text-transform: capitalize
}

.queryForm-formfield .form-element-div {
    border-bottom: 1px solid #898a8d
}

.queryForm-formfield .form-element-div:focus-within,
.queryForm-formfield .form-element-div:hover {
    border-bottom: 1px solid #fff
}

.queryForm-formfield .textfield-limit {
    -ms-flex-item-align: start;
    align-self: start;
    color: #9e9fa3;
    font-size: .875rem;
    font-family: Basis-regular;
    margin-top: .5rem
}

.queryForm-formfield .textfield-limit.error {
    color: #e02222
}

.queryForm-formfield .validationcheck {
    background: url(clientlib-site/resources/images/formOverlay/validationcheck.svg) 50% no-repeat
}

.queryForm-formfield .validationerror {
    background: url(clientlib-site/resources/images/formOverlay/validationerror.svg) 50% no-repeat;
    width: 2rem
}

.queryForm-checkbox .consent-checkbox {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.queryForm-checkbox .consent-checkbox-input {
    border: 1px solid #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: .9375rem;
    height: .9375rem;
    border-radius: .25rem;
    background-color: unset;
    margin-left: 0;
    cursor: pointer
}

.queryForm-checkbox .consent-checkbox-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.queryForm-checkbox .consent-checkbox-input:focus,
.queryForm-checkbox .consent-checkbox-input:hover {
    border: .0625rem solid #c9c9ce
}

.queryForm-checkbox .consent-checkbox-input:checked[type=checkbox] {
    border: 1px solid #e41165;
    background-image: url(clientlib-site/resources/images/formOverlay/check-box.svg);
    background-position: 50%
}

.queryForm-checkbox .error-text {
    margin-bottom: 0;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.queryForm-checkbox .consent-checkbox-label {
    width: 100%;
    line-height: 1.5rem;
    margin: 0 0 0 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    color: #9e9fa3;
    font-size: .875rem
}

.queryForm-checkbox .consent-checkbox-label p {
    margin-bottom: 0
}

.queryForm-checkbox .consent-checkbox-label p strong>a {
    color: #fff;
    font-family: Basis-bold;
    text-decoration: underline
}

.queryForm-btn-send {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-radius: 6.25rem;
    font-size: 1.125rem;
    color: #fff;
    letter-spacing: .03125rem;
    height: 3.5rem;
    padding: 9pt 77px;
    font-family: Basis-regular
}

.queryForm-btn-send:hover {
    color: #fff
}

@media only screen and (max-width:599px) {
    .queryForm-btn-send {
        width: 100%
    }
}

.queryForm-btn-send:not([disabled]):hover {
    background: linear-gradient(102.57deg, #f84d9f, #d0121e);
    color: #fff
}

.queryForm-btn-send:disabled {
    background: #747678
}

.queryForm-btn-send:focus {
    -webkit-box-shadow: 0 0 0 2px #000 inset;
    box-shadow: inset 0 0 0 2px #000;
    border: 1.5px solid #f4a0c1;
    margin: 1px
}

.queryForm .queryForm-button-wrapper {
    text-align: left
}

@media (min-width:601px) and (max-width:992px) {
    .queryForm .queryForm-button-wrapper {
        text-align: center
    }
}

.queryForm .queryForm-button-wrapper .queryForm-button {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-radius: 6.25rem;
    font-size: 1.125rem;
    color: #fff;
    letter-spacing: .03125rem;
    height: 3.5rem;
    padding: .75rem 4.8125rem;
    font-family: Basis-medium;
    width: 11rem
}

.queryForm .queryForm-button-wrapper .queryForm-button:hover {
    color: #fff
}

@media only screen and (max-width:599px) {
    .queryForm .queryForm-button-wrapper .queryForm-button {
        width: 100%
    }
}

.queryForm .queryForm-button-wrapper .queryForm-button:not([disabled]):hover {
    background: linear-gradient(102.57deg, #f84d9f, #d0121e);
    color: #fff
}

.queryForm .queryForm-button-wrapper .queryForm-button:disabled {
    background: #747678
}

.queryForm .queryForm-button-wrapper .queryForm-button:focus {
    -webkit-box-shadow: 0 0 0 2px #000 inset;
    box-shadow: inset 0 0 0 2px #000;
    border: 1.5px solid #f4a0c1;
    margin: 1px
}

.queryForm .form-element-error .form-element-div,
.queryForm .form-element-error .input-block {
    border-bottom: 1px solid #ff3e3e
}

.queryForm .form-element-error .form-element-div:focus-within,
.queryForm .form-element-error .form-element-div:hover {
    border-bottom: 1px solid #ff3e3e
}

.queryForm .form-element-error .form-element-div .form-element-input,
.queryForm .form-element-error .form-element-div .form-element-textarea {
    color: #ff3e3e
}

.queryForm .form-element-error .consent-checkbox-input,
.queryForm .form-element-error .consent-checkbox-input:focus,
.queryForm .form-element-error .consent-checkbox-input:hover {
    border: 1px solid #ff3e3e
}

.queryForm .queryForm-error-message {
    margin: 1rem auto
}

.queryForm .queryForm-error-message .queryForm-error-message-inner {
    padding: 1rem;
    text-align: center;
    margin: 1rem;
    border: 1px solid #ff3e3e;
    border-radius: 4px
}

.queryForm .queryForm-error-message .error-message-queryForm {
    color: #ff3e3e;
    font-size: 1rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.queryForm .queryForm-error-message .tooltip-queryForm-serverError {
    background: url(clientlib-site/resources/images/formOverlay/validationerror.svg) 50% no-repeat;
    width: 2rem
}

.ir-subscription-form {
    width: 100%;
    height: 100%;
    overflow: hidden;
    letter-spacing: .03125rem
}

.ir-subscription-form .ir-subscription-form-inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ir-subscription-form .ir-subscription-form-inner .error-text {
    margin-top: .5rem;
    margin-bottom: 1rem;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.ir-subscription-form .ir-subscription-desc {
    color: #b4b4b8;
    font-size: 1.125rem;
    padding-bottom: 1rem;
    font-family: Basis-regular
}

.ir-subscription-form .ir-subscription-formfield {
    position: relative;
    min-height: 6.25rem;
    max-height: 13rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ir-subscription-form .ir-subscription-formfield .text-gray {
    color: #9e9fa3;
    font-size: .875rem;
    letter-spacing: .125rem;
    font-family: Basis-regular
}

.ir-subscription-form .ir-subscription-formfield .form-element-label {
    visibility: hidden;
    text-transform: uppercase;
    font-size: .875rem;
    margin-bottom: 0
}

.ir-subscription-form .ir-subscription-formfield .form-element-label.display-label {
    visibility: visible
}

.ir-subscription-form .ir-subscription-formfield .subscription-form-input {
    border-bottom: 1px solid #898a8d
}

.ir-subscription-form .ir-subscription-formfield .subscription-form-input:focus,
.ir-subscription-form .ir-subscription-formfield .subscription-form-input:hover {
    border-bottom: 1px solid #fff
}

.ir-subscription-form .ir-subscription-formfield .form-element-input {
    padding-bottom: 1rem;
    background-color: unset;
    outline: none;
    border: none;
    width: 100%;
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.ir-subscription-form .ir-subscription-formfield .form-element-input:focus::-webkit-input-placeholder {
    visibility: hidden
}

.ir-subscription-form .ir-subscription-formfield .form-element-input:focus::-moz-placeholder {
    visibility: hidden
}

.ir-subscription-form .ir-subscription-formfield .form-element-input:focus:-ms-input-placeholder {
    visibility: hidden
}

.ir-subscription-form .ir-subscription-formfield .form-element-input:focus::-ms-input-placeholder {
    visibility: hidden
}

.ir-subscription-form .ir-subscription-formfield .form-element-input:focus::placeholder {
    visibility: hidden
}

.ir-subscription-form .ir-subscription-formfield .form-element-input::-webkit-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.ir-subscription-form .ir-subscription-formfield .form-element-input::-moz-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.ir-subscription-form .ir-subscription-formfield .form-element-input:-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.ir-subscription-form .ir-subscription-formfield .form-element-input::-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.ir-subscription-form .ir-subscription-formfield .form-element-input::placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.ir-subscription-form .ir-subscription-formfield .form-element-input::-webkit-input-placeholder:first-letter {
    text-transform: capitalize
}

.ir-subscription-form .ir-subscription-formfield .form-element-input::-moz-placeholder:first-letter {
    text-transform: capitalize
}

.ir-subscription-form .ir-subscription-formfield .form-element-input:-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.ir-subscription-form .ir-subscription-formfield .form-element-input::-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.ir-subscription-form .ir-subscription-formfield .form-element-input::placeholder:first-letter {
    text-transform: capitalize
}

.ir-subscription-form .ir-subscription-formfield .validationcheck {
    background: url(clientlib-site/resources/images/formOverlay/validationcheck.svg) 50% no-repeat
}

.ir-subscription-form .ir-subscription-formfield .validationerror {
    background: url(clientlib-site/resources/images/formOverlay/validationerror.svg) 50% no-repeat
}

.ir-subscription-form .ir-subscription-checkbox {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.ir-subscription-form .ir-subscription-checkbox .consent-checkbox-input-sub {
    border: 1px solid #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1rem;
    height: 1rem;
    border-radius: .25rem;
    background-color: unset;
    margin-left: 0;
    cursor: pointer
}

.ir-subscription-form .ir-subscription-checkbox .consent-checkbox-input-sub:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ir-subscription-form .ir-subscription-checkbox .consent-checkbox-input-sub:focus,
.ir-subscription-form .ir-subscription-checkbox .consent-checkbox-input-sub:hover {
    border: .0625rem solid #c9c9ce
}

.ir-subscription-form .ir-subscription-checkbox .consent-checkbox-input-sub:checked[type=checkbox] {
    border: 1px solid #e41165;
    background-image: url(clientlib-site/resources/images/formOverlay/check-box.svg);
    background-position: 50%
}

.ir-subscription-form .ir-subscription-checkbox .error-text {
    margin-bottom: 0;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.ir-subscription-form .ir-subscription-checkbox .consent-checkbox-label {
    width: 100%;
    line-height: 1.5rem;
    margin: 0 0 0 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    color: #9e9fa3;
    font-size: .875rem
}

.ir-subscription-form .ir-subscription-checkbox .consent-checkbox-label p {
    margin-bottom: 0
}

.ir-subscription-form .ir-subscription-checkbox .consent-checkbox-label p strong {
    color: #fff;
    font-family: Basis-bold
}

.ir-subscription-form .ir-subscription-checkbox .consent-checkbox-label p strong a {
    color: #fff;
    text-decoration: underline
}

.ir-subscription-form .sub-button-wrapper {
    text-align: left
}

@media (min-width:601px) and (max-width:992px) {
    .ir-subscription-form .sub-button-wrapper {
        text-align: center
    }
}

.ir-subscription-form .sub-button-wrapper .subscription-button {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-radius: 6.25rem;
    font-size: 1.125rem;
    color: #fff;
    letter-spacing: .03125rem;
    height: 3.5rem;
    padding: 9pt 77px;
    font-family: Basis-regular;
    width: 11rem
}

.ir-subscription-form .sub-button-wrapper .subscription-button:hover {
    color: #fff
}

@media only screen and (max-width:599px) {
    .ir-subscription-form .sub-button-wrapper .subscription-button {
        width: 100%
    }
}

.ir-subscription-form .sub-button-wrapper .subscription-button:not([disabled]):hover {
    background: linear-gradient(102.57deg, #f84d9f, #d0121e);
    color: #fff
}

.ir-subscription-form .sub-button-wrapper .subscription-button:disabled {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
}

.ir-subscription-form .sub-button-wrapper .subscription-button:focus {
    -webkit-box-shadow: 0 0 0 2px #000 inset;
    box-shadow: inset 0 0 0 2px #000;
    border: 1.5px solid #f4a0c1;
    margin: 1px
}

.ir-subscription-form .form-element-error .input-block,
.ir-subscription-form .form-element-error .subscription-form-input {
    border-bottom: 1px solid #ff3e3e
}

.ir-subscription-form .form-element-error .subscription-form-input:focus-within,
.ir-subscription-form .form-element-error .subscription-form-input:hover {
    border-bottom: 1px solid #ff3e3e
}

.ir-subscription-form .form-element-error .subscription-form-input .form-element-input,
.ir-subscription-form .form-element-error .subscription-form-input .form-element-textarea {
    color: #ff3e3e
}

.ir-subscription-form .form-element-error .consent-checkbox-input-sub,
.ir-subscription-form .form-element-error .consent-checkbox-input-sub:focus,
.ir-subscription-form .form-element-error .consent-checkbox-input-sub:hover {
    border: 1px solid #ff3e3e
}

.ir-subscription-form .sub-error-message {
    margin: 1rem auto
}

.ir-subscription-form .sub-error-message .sub-error-message-inner {
    padding: 1rem;
    text-align: center;
    margin: 1rem;
    border: 1px solid #ff3e3e;
    border-radius: 4px
}

.ir-subscription-form .sub-error-message .error-message-sub {
    color: #ff3e3e;
    font-size: 1rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.ir-subscription-form .sub-error-message .tooltip-sub-serverError {
    background: url(clientlib-site/resources/images/formOverlay/validationerror.svg) 50% no-repeat;
    width: 2rem
}

.ir-unsubscription-form {
    letter-spacing: .03125rem
}

.ir-unsubscription-form .ir-unsubscription-form-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ir-unsubscription-form .ir-unsubscription-form-inner .error-text {
    margin-top: .5rem;
    margin-bottom: 1rem;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.ir-unsubscription-form .ir-unsubscription-desc {
    color: #b4b4b8;
    font-size: 1.125rem;
    padding-bottom: 1rem;
    font-family: Basis-regular
}

.ir-unsubscription-form .ir-unsubscription-formfield {
    min-height: 6.25rem;
    max-height: 13rem
}

.ir-unsubscription-form .ir-unsubscription-formfield .text-gray {
    color: #9e9fa3;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .125rem
}

.ir-unsubscription-form .ir-unsubscription-formfield .form-element-label {
    visibility: hidden;
    text-transform: uppercase;
    font-size: .875rem;
    margin-bottom: 0
}

.ir-unsubscription-form .ir-unsubscription-formfield .form-element-label.display-label {
    visibility: visible
}

.ir-unsubscription-form .ir-unsubscription-formfield .unsubscription-form-input {
    border-bottom: 1px solid #898a8d
}

.ir-unsubscription-form .ir-unsubscription-formfield .unsubscription-form-input:focus,
.ir-unsubscription-form .ir-unsubscription-formfield .unsubscription-form-input:hover {
    border-bottom: 1px solid #fff
}

.ir-unsubscription-form .ir-unsubscription-formfield .form-element-input {
    padding-bottom: 1rem;
    background-color: unset;
    outline: none;
    border: none;
    width: 100%;
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.ir-unsubscription-form .ir-unsubscription-formfield .form-element-input:focus::-webkit-input-placeholder {
    visibility: hidden
}

.ir-unsubscription-form .ir-unsubscription-formfield .form-element-input:focus::-moz-placeholder {
    visibility: hidden
}

.ir-unsubscription-form .ir-unsubscription-formfield .form-element-input:focus:-ms-input-placeholder {
    visibility: hidden
}

.ir-unsubscription-form .ir-unsubscription-formfield .form-element-input:focus::-ms-input-placeholder {
    visibility: hidden
}

.ir-unsubscription-form .ir-unsubscription-formfield .form-element-input:focus::placeholder {
    visibility: hidden
}

.ir-unsubscription-form .ir-unsubscription-formfield .form-element-input::-webkit-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.ir-unsubscription-form .ir-unsubscription-formfield .form-element-input::-moz-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.ir-unsubscription-form .ir-unsubscription-formfield .form-element-input:-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.ir-unsubscription-form .ir-unsubscription-formfield .form-element-input::-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.ir-unsubscription-form .ir-unsubscription-formfield .form-element-input::placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.ir-unsubscription-form .ir-unsubscription-formfield .form-element-input::-webkit-input-placeholder:first-letter {
    text-transform: capitalize
}

.ir-unsubscription-form .ir-unsubscription-formfield .form-element-input::-moz-placeholder:first-letter {
    text-transform: capitalize
}

.ir-unsubscription-form .ir-unsubscription-formfield .form-element-input:-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.ir-unsubscription-form .ir-unsubscription-formfield .form-element-input::-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.ir-unsubscription-form .ir-unsubscription-formfield .form-element-input::placeholder:first-letter {
    text-transform: capitalize
}

.ir-unsubscription-form .ir-unsubscription-formfield .validationcheck {
    background: url(clientlib-site/resources/images/formOverlay/validationcheck.svg) 50% no-repeat
}

.ir-unsubscription-form .ir-unsubscription-formfield .validationerror {
    background: url(clientlib-site/resources/images/formOverlay/validationerror.svg) 50% no-repeat
}

.ir-unsubscription-form .ir-unsubscription-checkbox {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.ir-unsubscription-form .ir-unsubscription-checkbox .consent-checkbox-input-unsub {
    border: 1px solid #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: .9375rem;
    height: .9375rem;
    border-radius: .25rem;
    background-color: unset;
    margin-left: 0;
    cursor: pointer
}

.ir-unsubscription-form .ir-unsubscription-checkbox .consent-checkbox-input-unsub:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ir-unsubscription-form .ir-unsubscription-checkbox .consent-checkbox-input-unsub:focus,
.ir-unsubscription-form .ir-unsubscription-checkbox .consent-checkbox-input-unsub:hover {
    border: .0625rem solid #c9c9ce
}

.ir-unsubscription-form .ir-unsubscription-checkbox .consent-checkbox-input-unsub:checked[type=checkbox] {
    border: 1px solid #e41165;
    background-image: url(clientlib-site/resources/images/formOverlay/check-box.svg);
    background-position: 50%
}

.ir-unsubscription-form .ir-unsubscription-checkbox .error-text {
    margin-bottom: 0;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.ir-unsubscription-form .ir-unsubscription-checkbox .consent-checkbox-label {
    width: 100%;
    line-height: 1.5rem;
    margin: 0 0 0 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    color: #9e9fa3;
    font-size: .875rem
}

.ir-unsubscription-form .ir-unsubscription-checkbox .consent-checkbox-label p {
    margin-bottom: 0
}

.ir-unsubscription-form .ir-unsubscription-checkbox .consent-checkbox-label p strong {
    color: #fff;
    font-family: Basis-bold
}

.ir-unsubscription-form .ir-unsubscription-checkbox .consent-checkbox-label p strong a {
    color: #fff;
    text-decoration: underline
}

.ir-unsubscription-form .unsub-button-wrapper {
    text-align: left
}

@media (min-width:601px) and (max-width:992px) {
    .ir-unsubscription-form .unsub-button-wrapper {
        text-align: center
    }
}

.ir-unsubscription-form .unsub-button-wrapper .unsubscription-button {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-radius: 6.25rem;
    font-size: 1.125rem;
    color: #fff;
    letter-spacing: .03125rem;
    height: 3.5rem;
    padding: 9pt 77px;
    font-family: Basis-regular;
    width: 11rem
}

.ir-unsubscription-form .unsub-button-wrapper .unsubscription-button:hover {
    color: #fff
}

@media only screen and (max-width:599px) {
    .ir-unsubscription-form .unsub-button-wrapper .unsubscription-button {
        width: 100%
    }
}

.ir-unsubscription-form .unsub-button-wrapper .unsubscription-button:not([disabled]):hover {
    background: linear-gradient(102.57deg, #f84d9f, #d0121e);
    color: #fff
}

.ir-unsubscription-form .unsub-button-wrapper .unsubscription-button:disabled {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
}

.ir-unsubscription-form .unsub-button-wrapper .unsubscription-button:focus {
    -webkit-box-shadow: 0 0 0 2px #000 inset;
    box-shadow: inset 0 0 0 2px #000;
    border: 1.5px solid #f4a0c1;
    margin: 1px
}

.ir-unsubscription-form .form-element-error .input-block,
.ir-unsubscription-form .form-element-error .unsubscription-form-input {
    border-bottom: 1px solid #ff3e3e
}

.ir-unsubscription-form .form-element-error .unsubscription-form-input:focus-within,
.ir-unsubscription-form .form-element-error .unsubscription-form-input:hover {
    border-bottom: 1px solid #ff3e3e
}

.ir-unsubscription-form .form-element-error .unsubscription-form-input .form-element-input,
.ir-unsubscription-form .form-element-error .unsubscription-form-input .form-element-textarea {
    color: #ff3e3e
}

.ir-unsubscription-form .form-element-error .consent-checkbox-input-unsub,
.ir-unsubscription-form .form-element-error .consent-checkbox-input-unsub:focus,
.ir-unsubscription-form .form-element-error .consent-checkbox-input-unsub:hover {
    border: 1px solid #ff3e3e
}

.ir-unsubscription-form .unsub-error-message {
    margin: 1rem auto
}

.ir-unsubscription-form .unsub-error-message .unsub-error-message-inner {
    padding: 1rem;
    text-align: center;
    margin: 1rem;
    border: 1px solid #ff3e3e;
    border-radius: 4px
}

.ir-unsubscription-form .unsub-error-message .error-message-unsub {
    color: #ff3e3e;
    font-size: 1rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.ir-unsubscription-form .unsub-error-message .tooltip-unsub-serverError {
    background: url(clientlib-site/resources/images/formOverlay/validationerror.svg) 50% no-repeat;
    width: 2rem
}

.ir-financialdisclosure-details {
    letter-spacing: .03125rem;
    line-height: 2rem
}

@media only screen and (max-width:992px) {
    .ir-financialdisclosure-details {
        width: 100%
    }
}

.ir-financialdisclosure-details .ir-share-desc {
    font-size: 18px;
    font-family: Basis-regular;
    color: #fff
}

.ir-financialdisclosure-details .ir-email-icon,
.ir-financialdisclosure-details .ir-fax-icon,
.ir-financialdisclosure-details .ir-fone-icon,
.ir-financialdisclosure-details .ir-post-icon {
    font-size: 1.125rem;
    font-weight: 400;
    font-family: Basis-regular;
    color: #fff
}

.ir-financialdisclosure-details .investor-details {
    font-size: 1.125rem;
    font-weight: 400;
    font-family: Basis-medium;
    color: #b4b4b8;
    padding-bottom: 1rem
}

.ir-financialdisclosure-details .investor-details p {
    margin-bottom: unset !important
}

.ir-financialdisclosure-details .ir-share-button {
    border: 1.5px solid #b4b4b8;
    background-color: unset;
    color: #fff;
    font-size: 1.125rem;
    padding: 9pt 2pc;
    width: 11rem;
    border-radius: 75pt;
    height: 3.5rem;
    font-weight: 500;
    font-family: Basis-medium
}

@media only screen and (max-width:599px) {
    .ir-financialdisclosure-details .ir-share-button {
        width: 100%
    }
}

.ir-financialdisclosure-details .button-ir {
    text-align: left
}

.ir-financialdisclosure-details .ir-financialdisclosure-post .irfinacial-postImg {
    width: 21.5px;
    height: 21.5px
}

.ir-financialdisclosure-details .ir-financialdisclosure-post .investor-details {
    padding-bottom: unset
}

.ir-financialdisclosure-details .ir-financialdisclosure-fax .irfinacial-faxImg {
    width: 21.5px;
    height: 21.5px
}

.ir-financialdisclosure-details .ir-financialdisclosure-email .irfinacial-emailImg {
    width: 21.5px;
    height: 19.5px
}

.ir-financialdisclosure-details .ir-financialdisclosure-phone .irfinacial-phoneImg {
    width: 20.5px;
    height: 20.5px
}

.region-financial .ir-region-dropdown {
    position: relative
}

.region-financial .ir-region-type {
    font-size: 14px;
    text-transform: uppercase;
    color: #9e9fa3;
    font-family: Basis-medium;
    margin-bottom: 0
}

.region-financial .ir-regiondd {
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #898a8d
}

.region-financial .ir-regiondd-input:hover {
    text-overflow: unset
}

.region-financial .ir-regiondd-options {
    width: 100%;
    list-style: none;
    font-size: 1.125rem;
    font-family: Basis-regular;
    line-height: 25px;
    word-break: normal;
    background-color: #000;
    color: #fff;
    padding-bottom: 1.2rem
}

.ir-shareholder-details {
    letter-spacing: .03125rem;
    line-height: 2rem
}

.ir-shareholder-details .ir-share-desc {
    font-size: 18px;
    font-family: Basis-regular;
    color: #fff
}

.ir-shareholder-details .ir-email-icon,
.ir-shareholder-details .ir-fax-icon,
.ir-shareholder-details .ir-fone-icon,
.ir-shareholder-details .ir-post-icon {
    font-size: 1.125rem;
    font-weight: 400;
    font-family: Basis-regular;
    color: #fff
}

.ir-shareholder-details .investor-details {
    font-size: 1.125rem;
    font-weight: 400;
    font-family: Basis-medium;
    color: #b4b4b8;
    padding-bottom: 1rem
}

.ir-shareholder-details .investor-details p {
    margin-bottom: unset !important
}

.ir-shareholder-details .ir-share-button {
    border: 1.5px solid #b4b4b8;
    background-color: unset;
    color: #fff;
    font-size: 1.125rem;
    padding: 9pt 2pc;
    width: 11rem;
    border-radius: 6.25rem;
    height: 3.5rem;
    font-weight: 500;
    font-family: Basis-medium
}

@media only screen and (max-width:599px) {
    .ir-shareholder-details .ir-share-button {
        width: 100%
    }
}

.ir-shareholder-details .ir-shareholder-fax .irshareHolder-faxImg,
.ir-shareholder-details .ir-shareholder-post .irshareHolder-postImg {
    width: 21.5px;
    height: 21.5px
}

.ir-shareholder-details .ir-shareholder-email .irshareHolder-emailImg {
    width: 21.5px;
    height: 19.5px
}

.ir-shareholder-details .ir-shareholder-phone .irshareHolder-phoneImg {
    width: 20.5px;
    height: 20.5px
}

.ir-shareholder-details .button-ir {
    text-align: left
}

.region-shareholder .ir-region-dropdown {
    position: relative
}

.region-shareholder .ir-region-type {
    font-size: .875rem;
    text-transform: uppercase;
    color: #9e9fa3;
    font-family: Basis-medium;
    margin-bottom: 0
}

.region-shareholder .ir-regiondd {
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #898a8d
}

.region-shareholder .ir-regiondd-input:hover {
    text-overflow: unset
}

.region-shareholder .ir-regiondd-options {
    width: 100%;
    list-style: none;
    font-size: 1.125rem;
    font-family: Basis-regular;
    line-height: 25px;
    word-break: normal;
    background-color: #000;
    color: #fff;
    padding-bottom: 1.2rem
}

.ir-shareregister-details {
    letter-spacing: .03125rem;
    line-height: 2rem
}

.ir-shareregister-details .ir-share-desc {
    font-size: 18px;
    font-family: Basis-regular;
    color: #fff
}

.ir-shareregister-details .ir-email-icon,
.ir-shareregister-details .ir-fax-icon,
.ir-shareregister-details .ir-fone-icon,
.ir-shareregister-details .ir-post-icon {
    font-size: 1.125rem;
    font-weight: 400;
    font-family: Basis-regular;
    color: #fff
}

.ir-shareregister-details .investor-details {
    font-size: 1.125rem;
    font-weight: 400;
    font-family: Basis-medium;
    color: #b4b4b8;
    padding-bottom: 1rem
}

.ir-shareregister-details .investor-details p {
    margin-bottom: unset !important
}

.ir-shareregister-details .ir-share-button {
    border: 1.5px solid #b4b4b8;
    background-color: unset;
    color: #fff;
    font-size: 1.125rem;
    padding: 9pt 2pc;
    width: 11rem;
    border-radius: 75pt;
    height: 3.5rem;
    font-weight: 500;
    font-family: Basis-medium
}

@media only screen and (max-width:599px) {
    .ir-shareregister-details .ir-share-button {
        width: 100%
    }
}

.ir-shareregister-details .button-ir {
    text-align: left
}

.ir-shareregister-details .ir-register-rectaglbox {
    background-color: #1e2222;
    padding: 1pc;
    border-radius: 4px;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: .5px;
    font-weight: 400;
    color: #fff
}

.ir-shareregister-details .grey-text {
    color: #898a8d;
    font-family: Basis-regular;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .5px
}

.ir-shareregister-details .ir-shareregister-fax .irshareRegister-faxImg,
.ir-shareregister-details .ir-shareregister-post .irshareRegister-postImg {
    width: 21.5px;
    height: 21.5px
}

.ir-shareregister-details .ir-shareregister-email .irshareRegister-emailImg {
    width: 21.5px;
    height: 19.5px
}

.ir-shareregister-details .ir-shareregister-phone .irshareRegister-phoneImg {
    width: 20.5px;
    height: 20.5px
}

.region-shareregister .ir-region-dropdown {
    position: relative
}

.region-shareregister .ir-region-type {
    font-size: 14px;
    text-transform: uppercase;
    color: #9e9fa3;
    font-family: Basis-medium;
    margin-bottom: 0
}

.region-shareregister .ir-regiondd {
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #898a8d
}

.region-shareregister .ir-regiondd-input:hover {
    text-overflow: unset
}

.region-shareregister .ir-regiondd-options {
    width: 100%;
    list-style: none;
    font-size: 1.125rem;
    font-family: Basis-regular;
    line-height: 25px;
    word-break: normal;
    background-color: #000;
    color: #fff;
    padding-bottom: 1.2rem
}

@media only screen and (max-width:992px) {
    .button-ir {
        text-align: center !important
    }
}

.itwizForm-container .text-gray {
    color: #9e9fa3;
    font-size: .875rem;
    letter-spacing: .125rem;
    font-family: Basis-regular
}

.itwizForm-formfield {
    min-height: 6.25rem;
    max-height: 13rem
}

.itwizForm-formfield .error-text {
    margin-top: .5rem;
    margin-bottom: 1rem;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.itwizForm-formfield .form-element-label {
    visibility: hidden;
    text-transform: uppercase;
    font-size: .875rem;
    margin-bottom: 0
}

.itwizForm-formfield .form-element-label.display-label {
    visibility: visible
}

.itwizForm-formfield .form-element-input {
    padding-bottom: 1rem;
    background-color: unset;
    outline: none;
    border: none;
    width: 100%;
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.itwizForm-formfield .form-element-input:focus::-webkit-input-placeholder {
    visibility: hidden
}

.itwizForm-formfield .form-element-input:focus::-moz-placeholder {
    visibility: hidden
}

.itwizForm-formfield .form-element-input:focus:-ms-input-placeholder {
    visibility: hidden
}

.itwizForm-formfield .form-element-input:focus::-ms-input-placeholder {
    visibility: hidden
}

.itwizForm-formfield .form-element-input:focus::placeholder {
    visibility: hidden
}

.itwizForm-formfield .form-element-input::-webkit-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.itwizForm-formfield .form-element-input::-moz-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.itwizForm-formfield .form-element-input:-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.itwizForm-formfield .form-element-input::-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.itwizForm-formfield .form-element-input::placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.itwizForm-formfield .form-element-input::-webkit-input-placeholder:first-letter {
    text-transform: capitalize
}

.itwizForm-formfield .form-element-input::-moz-placeholder:first-letter {
    text-transform: capitalize
}

.itwizForm-formfield .form-element-input:-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.itwizForm-formfield .form-element-input::-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.itwizForm-formfield .form-element-input::placeholder:first-letter {
    text-transform: capitalize
}

.itwizForm-formfield .form-element-textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: unset;
    width: 100%;
    resize: none;
    border: none;
    outline: none;
    color: #fff;
    overflow-y: hidden;
    padding-bottom: 1rem;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.itwizForm-formfield .form-element-textarea::-webkit-scrollbar {
    width: .3125rem
}

.itwizForm-formfield .form-element-textarea::-webkit-scrollbar-track-piece {
    border-radius: 6.25rem
}

.itwizForm-formfield .form-element-textarea:hover::-webkit-scrollbar-thumb {
    height: 1.875rem;
    background-color: #9e9fa3;
    border-radius: 6.25rem
}

.itwizForm-formfield .form-element-textarea.text-overflow {
    overflow-y: scroll
}

.itwizForm-formfield .form-element-textarea:focus::-webkit-input-placeholder {
    visibility: hidden
}

.itwizForm-formfield .form-element-textarea:focus::-moz-placeholder {
    visibility: hidden
}

.itwizForm-formfield .form-element-textarea:focus:-ms-input-placeholder {
    visibility: hidden
}

.itwizForm-formfield .form-element-textarea:focus::-ms-input-placeholder {
    visibility: hidden
}

.itwizForm-formfield .form-element-textarea:focus::placeholder {
    visibility: hidden
}

.itwizForm-formfield .form-element-textarea::-webkit-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.itwizForm-formfield .form-element-textarea::-moz-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.itwizForm-formfield .form-element-textarea:-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.itwizForm-formfield .form-element-textarea::-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.itwizForm-formfield .form-element-textarea::placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.itwizForm-formfield .form-element-textarea::-webkit-input-placeholder:first-letter {
    text-transform: capitalize
}

.itwizForm-formfield .form-element-textarea::-moz-placeholder:first-letter {
    text-transform: capitalize
}

.itwizForm-formfield .form-element-textarea:-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.itwizForm-formfield .form-element-textarea::-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.itwizForm-formfield .form-element-textarea::placeholder:first-letter {
    text-transform: capitalize
}

.itwizForm-formfield .form-element-div {
    border-bottom: 1px solid #898a8d
}

.itwizForm-formfield .form-element-div:focus-within,
.itwizForm-formfield .form-element-div:hover {
    border-bottom: 1px solid #fff
}

.itwizForm-formfield .textfield-limit {
    -ms-flex-item-align: end;
    align-self: end;
    color: #9e9fa3;
    font-size: .875rem;
    font-family: Basis-regular
}

.itwizForm-formfield .textfield-limit.error {
    color: #e02222
}

.itwizForm-formfield .validationcheck {
    background: url(clientlib-site/resources/images/formOverlay/validationcheck.svg) 50% no-repeat
}

.itwizForm-formfield .validationerror {
    background: url(clientlib-site/resources/images/formOverlay/validationerror.svg) 50% no-repeat;
    width: 2rem
}

.itwizForm-checkbox .consent-checkbox {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.itwizForm-checkbox .consent-checkbox-input,
.itwizForm-checkbox .consent-checkbox-input-nonMandatory {
    border: 1px solid #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: .9375rem;
    height: .9375rem;
    border-radius: 4px;
    background-color: unset;
    margin-left: 0;
    cursor: pointer
}

.itwizForm-checkbox .consent-checkbox-input-nonMandatory:focus,
.itwizForm-checkbox .consent-checkbox-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.itwizForm-checkbox .consent-checkbox-input-nonMandatory:focus,
.itwizForm-checkbox .consent-checkbox-input-nonMandatory:hover,
.itwizForm-checkbox .consent-checkbox-input:focus,
.itwizForm-checkbox .consent-checkbox-input:hover {
    border: .0625rem solid #c9c9ce
}

.itwizForm-checkbox .consent-checkbox-input-nonMandatory:checked[type=checkbox],
.itwizForm-checkbox .consent-checkbox-input:checked[type=checkbox] {
    border: 1px solid #e41165;
    background-image: url(clientlib-site/resources/images/formOverlay/check-box.svg);
    background-position: 50%
}

.itwizForm-checkbox .error-text {
    margin-bottom: 0;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.itwizForm-checkbox .consent-checkbox-label {
    width: 100%;
    line-height: 1.5rem;
    margin: 0 0 0 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.itwizForm-checkbox .consent-checkbox-label p {
    display: inline;
    margin-bottom: 0
}

.itwizForm-checkbox .consent-checkbox-label p strong>a {
    color: #fff;
    font-family: Basis-bold;
    text-decoration: underline
}

.itwizForm .itwizForm-button-wrapper {
    text-align: left
}

@media (min-width:601px) and (max-width:992px) {
    .itwizForm .itwizForm-button-wrapper {
        text-align: center
    }
}

.itwizForm .itwizForm-button-wrapper .itwizForm-submitBtn {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-radius: 6.25rem;
    font-size: 1.125rem;
    color: #fff;
    letter-spacing: .03125rem;
    height: 3.5rem;
    padding: 9pt 77px;
    font-family: Basis-regular
}

.itwizForm .itwizForm-button-wrapper .itwizForm-submitBtn:hover {
    color: #fff
}

@media only screen and (max-width:599px) {
    .itwizForm .itwizForm-button-wrapper .itwizForm-submitBtn {
        width: 100%
    }
}

.itwizForm .itwizForm-button-wrapper .itwizForm-submitBtn:not([disabled]):hover {
    background: linear-gradient(102.57deg, #f84d9f, #d0121e);
    color: #fff
}

.itwizForm .itwizForm-button-wrapper .itwizForm-submitBtn:disabled {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
}

.itwizForm .itwizForm-button-wrapper .itwizForm-submitBtn:focus {
    -webkit-box-shadow: 0 0 0 2px #000 inset;
    box-shadow: inset 0 0 0 2px #000;
    border: .09375rem solid #f4a0c1;
    margin: .0625rem
}

.itwizForm .form-element-error .form-element-div,
.itwizForm .form-element-error .input-block {
    border-bottom: 1px solid #ff3e3e
}

.itwizForm .form-element-error .form-element-div:focus-within,
.itwizForm .form-element-error .form-element-div:hover {
    border-bottom: 1px solid #ff3e3e
}

.itwizForm .form-element-error .form-element-div .form-element-input,
.itwizForm .form-element-error .form-element-div .form-element-textarea {
    color: #ff3e3e
}

.itwizForm .form-element-error .consent-checkbox-input,
.itwizForm .form-element-error .consent-checkbox-input:focus,
.itwizForm .form-element-error .consent-checkbox-input:hover {
    border: 1px solid #ff3e3e
}

.itwizForm .itwizForm-error-message {
    margin: 1rem auto
}

.itwizForm .itwizForm-error-message .itwizForm-error-message-inner {
    padding: 1rem;
    text-align: center;
    margin: 1rem;
    border: 1px solid #ff3e3e;
    border-radius: 4px
}

.itwizForm .itwizForm-error-message .error-message-itwizForm {
    color: #ff3e3e;
    font-size: 1rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.itwizForm .itwizForm-error-message .tooltip-itwizForm-serverError {
    background: url(clientlib-site/resources/images/formOverlay/validationerror.svg) 50% no-repeat;
    width: 2rem
}

.latest-card-heading {
    font-size: 2rem;
    line-height: 1.5rem;
    color: #000;
    line-height: 40px;
    font-family: Houschka-medium;
    margin-bottom: 2rem
}

@media only screen and (min-width:1200px) {
    .latest-card-heading {
        max-width: 75%
    }
}

.latest-card-darkTheme {
    background-color: #000
}

.latest-card-darkTheme .latest-card-heading {
    color: #fff
}

.latest-card-darkTheme .latest-card-date {
    color: #9e9fa3 !important
}

.latest-card-info .latest-card-no {
    font-family: Houschka-medium;
    font-size: 6rem;
    line-height: 6pc;
    color: #e41165;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem
}

.latest-card-info .latest-card-date-div {
    margin-bottom: 8px !important
}

.latest-card-info .latest-card-date {
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .5px;
    color: #747678
}

.latest-card-box {
    padding-right: 2rem
}

.latest-card-swiper-slide {
    width: 33.33%
}

@media only screen and (max-width:1199px) {
    .latest-card-swiper-slide {
        width: 45%
    }
}

@media only screen and (max-width:599px) {
    .latest-card-swiper-slide {
        width: 85%
    }
}

.card-partial .latest-card-swiper-slide {
    width: 30%
}

@media only screen and (max-width:1199px) {
    .card-partial .latest-card-swiper-slide {
        width: 45%
    }
}

@media only screen and (max-width:599px) {
    .card-partial .latest-card-swiper-slide {
        width: 85%
    }
}

.card-two-colum .latest-card-swiper-slide {
    width: 50%
}

@media only screen and (max-width:1199px) {
    .card-two-colum .latest-card-swiper-slide {
        width: 45%
    }
}

@media only screen and (max-width:599px) {
    .card-two-colum .latest-card-swiper-slide {
        width: 85%
    }
}

.latest-card-content {
    max-width: 84%;
    margin-right: 2pc
}

@media only screen and (max-width:1199px) {
    .latest-card-content {
        max-width: 90%
    }
}

.latest-card-content:last-child {
    margin-right: 0
}

@media only screen and (min-width:1200px) {
    .latest-card-content .latest-card-social-button-share {
        min-width: 2.75rem
    }

    .latest-card-content .latest-card-social-button-share .latest-card-social-links,
    .latest-card-content .latest-card-social-button-share .latest-card-social-links .latest-card-social-link,
    .latest-card-content .latest-card-social-button-share .read-more-link,
    .latest-card-content .latest-card-social-button-share .read-more-link .latest-card-social-link {
        width: 0;
        height: 0;
        opacity: 0;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }
}

.latest-card-content:after {
    position: absolute;
    left: 0;
    height: 100%;
    width: 4px;
    background-color: #e41165;
    content: "";
    top: 0;
    opacity: .3
}

.latest-card-content.hoverClass:after {
    opacity: 1
}

.latest-card-content.hoverClass .latest-card-description {
    color: #0b7abe !important
}

@media only screen and (min-width:1200px) {

    .latest-card-content.hoverClass .latest-card-social-button-share .latest-card-read-more-icon,
    .latest-card-content.hoverClass .latest-card-social-button-share .latest-card-social-share {
        width: 0;
        height: 0;
        opacity: 0;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
        display: inline !important
    }

    .latest-card-content.hoverClass .latest-card-social-button-share .latest-card-social-links,
    .latest-card-content.hoverClass .latest-card-social-button-share .read-more-link {
        width: auto;
        height: auto;
        opacity: 1;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .latest-card-content.hoverClass .latest-card-social-button-share .latest-card-social-links .latest-card-social-link,
    .latest-card-content.hoverClass .latest-card-social-button-share .read-more-link .latest-card-social-link {
        width: 1.5rem;
        height: 1.5rem;
        opacity: 1;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }
}

.latest-card-content .latest-card-description {
    font-size: 2rem;
    line-height: 2.5rem;
    color: #000;
    margin-bottom: .75rem;
    font-family: Houschka-medium
}

@media only screen and (max-width:599px) {
    .latest-card-content .latest-card-description {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.latest-card-content .latest-card-description p {
    display: inline
}

.latest-card-content .latest-card-social-button {
    border-radius: 50px;
    background-color: #000;
    color: #fff;
    font-size: 1rem;
    line-height: 24px;
    font-family: Basis-regular;
    letter-spacing: .5px;
    padding: 10px
}

.latest-card-content .latest-card-social-button:after {
    position: absolute;
    left: -8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-right-color: #000;
    content: none
}

.latest-card-content .latest-card-social-link {
    width: 24px;
    height: 24px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.latest-card-content .latest-card-social-link.latest-card-social-share {
    background-image: url(clientlib-site/resources/images/social-icons/share-ico-w.svg)
}

@media only screen and (max-width:1199px) {
    .latest-card-content .latest-card-social-link.latest-card-social-share {
        display: none !important
    }
}

.latest-card-content .latest-card-social-link.latest-card-read-more-icon {
    background-image: url(clientlib-site/resources/images/article-ico-w.svg)
}

@media only screen and (max-width:1199px) {
    .latest-card-content .latest-card-social-link.latest-card-read-more-icon {
        display: none !important
    }
}

.latest-card-content .latest-card-social-link.latest-card-social-twitter {
    background-image: url(clientlib-site/resources/images/social-icons/twitter-ico-w.svg)
}

.latest-card-content .latest-card-social-link.latest-card-social-linkedin {
    background-image: url(clientlib-site/resources/images/social-icons/linkedin-ico-w.svg)
}

.latest-card-main-section {
    padding: 1.5rem 0
}

@media only screen and (max-width:1199px) {
    .latest-card-main-section .latest-card-swiper-container .latest-card-slider {
        overflow: visible
    }
}

@media only screen and (min-width:600px) {
    .latest-card-main-section .latest-card-swiper-container .latest-card-slider {
        padding-right: 3rem;
        padding-left: 3rem;
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }
}

@media only screen and (min-width:1200px) {
    .latest-card-main-section .latest-card-swiper-container .latest-card-slider {
        padding-right: 3rem;
        padding-left: 3rem;
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

.latest-card-main-section .latest-card-swiper-container .latest-card-slider .latest-card-swiper-button-prev {
    background: #000 url(clientlib-site/resources/images/arrow-left-w.svg) no-repeat 50%;
    left: 0
}

@media only screen and (min-width:1200px) {
    .latest-card-main-section .latest-card-swiper-container .latest-card-slider .latest-card-swiper-button-prev.d-lg-block {
        display: block !important
    }
}

.latest-card-main-section .latest-card-swiper-container .latest-card-slider .latest-card-swiper-button-prev:focus {
    outline-offset: -3px !important;
    outline: .125rem solid #fff
}

.latest-card-main-section .latest-card-swiper-container .latest-card-slider .latest-card-swiper-button-next {
    background: #000 url(clientlib-site/resources/images/arrow-right-w.svg) no-repeat 50%;
    right: .9375rem
}

@media only screen and (min-width:600px) and (max-width:1199px) {
    .latest-card-main-section .latest-card-swiper-container .latest-card-slider .latest-card-swiper-button-next {
        right: 0
    }
}

@media only screen and (min-width:1200px) {
    .latest-card-main-section .latest-card-swiper-container .latest-card-slider .latest-card-swiper-button-next.d-lg-block {
        display: block !important
    }
}

.latest-card-main-section .latest-card-swiper-container .latest-card-slider .latest-card-swiper-button-next:focus {
    outline-offset: -3px !important;
    outline: .125rem solid #fff
}

.latest-card-main-section .latest-card-swiper-container .latest-card-slider .latest-swiper-pagination-btn {
    background-size: 15px;
    width: 2.5rem;
    height: 2.5rem;
    top: calc(50% + 65px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    border-radius: 50%;
    z-index: 1
}

.latest-card-main-section .latest-card-swiper-container .latest-card-slider .latest-swiper-pagination-btn.swiper-button-disabled {
    display: none !important
}

@media only screen and (max-width:1199px) {
    .latest-card-main-section {
        overflow: hidden
    }
}

.downloadReportForm-outercontainer .downloadform-padding-top-edit {
    padding-top: 0
}

.downloadReportForm-outercontainer .downloadform-padding-top {
    padding-top: 75pt !important
}

@media only screen and (max-width:1199px) {
    .downloadReportForm-outercontainer .downloadform-padding-top {
        padding-top: 5pc !important
    }
}

.downloadReportForm-outercontainer .downloadReportForm-image-edit {
    height: 25pc;
    right: 0
}

.downloadReportForm-outercontainer .downloadReportForm-image {
    right: 0;
    height: 100vh
}

.downloadReportForm-outercontainer .downloadReportForm-image .downloadReportForm-img-inner {
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}

.downloadReportForm-outercontainer .downloadReportForm-query-wrapper {
    padding: 0;
    margin: 0
}

.downloadReportForm-outercontainer .downloadReportForm-right-image {
    height: 100%;
    background: url(clientlib-site/resources/images/formOverlay/form-right-img.png);
    background-repeat: no-repeat;
    background-position: 100%;
    background-attachment: fixed
}

.downloadReportForm-outercontainer .downloadReportForm-outer-wrapper {
    background-color: #000;
    padding: 0;
    margin: 0;
    overflow-y: overlay
}

.downloadReportForm-outercontainer .downloadReportForm-query-innercontainer {
    position: relative;
    padding: 0;
    margin: 0;
    height: 100%
}

.downloadReportForm-outercontainer .downloadReportForm-query-innercontainer>.row {
    padding: 0 1rem 0 2rem
}

@media only screen and (max-width:1199px) {
    .downloadReportForm-outercontainer .downloadReportForm-query-innercontainer>.row {
        padding: 0
    }
}

.downloadReportForm-outercontainer .downloadReportForm-forminner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.downloadReportForm-outercontainer .downloadReportForm-forminner .loader-button-wrapper {
    text-align: left
}

@media (min-width:601px) and (max-width:992px) {
    .downloadReportForm-outercontainer .downloadReportForm-forminner .loader-button-wrapper {
        text-align: center
    }
}

.downloadReportForm-outercontainer .downloadReportForm-forminner .loader-button-wrapper .loader-spin {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: .125rem solid hsla(0, 0%, 100%, .3);
    border-top-color: #fff;
    animation: loader-spin 1s ease-in-out infinite;
    -webkit-animation: loader-spin 1s ease-in-out infinite;
    vertical-align: middle;
    margin-left: .3125rem
}

.downloadReportForm-outercontainer .downloadReportForm-forminner .loader-button-wrapper .loader-button {
    border: 1.5px solid #b4b4b8;
    background-color: unset;
    color: #fff;
    width: 10.875rem;
    font-size: 1.125rem;
    padding: .75rem 2rem;
    border-radius: 6.25rem;
    height: 3.5rem;
    font-weight: 500;
    letter-spacing: .03125rem;
    font-family: Basis-regular
}

@media only screen and (max-width:599px) {
    .downloadReportForm-outercontainer .downloadReportForm-forminner .loader-button-wrapper .loader-button {
        width: 100%
    }
}

.downloadReportForm-outercontainer .text-gray {
    color: #9e9fa3;
    font-size: .875rem;
    letter-spacing: .125rem;
    font-family: Basis-regular
}

.downloadReportForm-outercontainer .downloadReportForm-query-heading {
    font-size: 3.5rem;
    color: #fff;
    font-family: Houschka-medium;
    word-break: normal;
    line-height: 4.5rem
}

.downloadReportForm-outercontainer .downloadReportForm-query-secondaryheading {
    font-size: 1rem;
    text-transform: uppercase;
    color: #fff;
    font-family: Basis-bold;
    word-break: normal;
    letter-spacing: .15em
}

.downloadReportForm-outercontainer .downloadReportForm-query-para {
    color: #b4b4b8;
    font-size: 1.5rem;
    font-family: Basis-regular;
    word-break: normal;
    letter-spacing: .03125rem;
    line-height: 2.25rem
}

.downloadReportForm-outercontainer .downloadReportForm-query-form-div {
    position: absolute;
    width: 100%;
    -ms-flex-item-align: top;
    align-self: top;
    z-index: 1;
    height: 6rem
}

@media screen and (max-width:992px) {
    .downloadReportForm-outercontainer .downloadReportForm-query-form-div {
        background-color: #000;
        height: 5rem
    }
}

@media screen and (min-width:1200px) {
    .downloadReportForm-outercontainer .downloadReportForm-query-form-div {
        padding: 0 2.5rem
    }
}

@media screen and (max-width:1024px) {
    .downloadReportForm-outercontainer .downloadReportForm-query-form-div {
        padding: 0 1.5rem
    }
}

.downloadReportForm-outercontainer .form-right-icon {
    outline: none;
    right: 1.5%;
    top: 2.5%;
    z-index: 11;
    width: 4pc;
    height: 4pc;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer;
    border: 2px solid hsla(0, 0%, 100%, .3);
    margin: 0
}

.downloadReportForm-outercontainer .form-right-icon:focus,
.downloadReportForm-outercontainer .form-right-icon:hover {
    border: 2px solid hsla(0, 0%, 100%, .8)
}

.downloadReportForm-outercontainer .downloadReportForm-close-icon {
    background: url(clientlib-site/resources/images/close.svg) no-repeat 50%;
    width: 1.40625rem;
    height: 1.40625rem;
    display: inline-block
}

.downloadReportForm-outercontainer .form_left-icon {
    background: url(clientlib-site/resources/images/formOverlay/left-arrow.svg) 50% no-repeat;
    width: .48625rem;
    height: .79563rem
}

.downloadReportForm-outercontainer .downloadReportForm-formfield {
    min-height: 6.25rem;
    max-height: 13rem
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .error-text {
    margin-top: .5rem;
    margin-bottom: 1rem;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-label {
    visibility: hidden;
    text-transform: uppercase;
    font-size: .875rem;
    margin-bottom: 0
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-label.display-label {
    visibility: visible
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-input {
    padding-bottom: 1rem;
    background-color: unset;
    outline: none;
    border: none;
    width: 100%;
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-input:focus::-webkit-input-placeholder {
    visibility: hidden
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-input:focus::-moz-placeholder {
    visibility: hidden
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-input:focus:-ms-input-placeholder {
    visibility: hidden
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-input:focus::-ms-input-placeholder {
    visibility: hidden
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-input:focus::placeholder {
    visibility: hidden
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-input::-webkit-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-input::-moz-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-input:-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-input::-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-input::placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-input::-webkit-input-placeholder:first-letter {
    text-transform: capitalize
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-input::-moz-placeholder:first-letter {
    text-transform: capitalize
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-input:-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-input::-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-input::placeholder:first-letter {
    text-transform: capitalize
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: unset;
    width: 100%;
    resize: none;
    border: none;
    outline: none;
    color: #fff;
    overflow-y: hidden;
    padding-bottom: 1rem;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea::-webkit-scrollbar {
    width: 5px
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea::-webkit-scrollbar-track-piece {
    border-radius: 6.25rem
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea:hover::-webkit-scrollbar-thumb {
    height: 1.875rem;
    background-color: #9e9fa3;
    border-radius: 6.25rem
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea.text-overflow {
    overflow-y: scroll
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea:focus::-webkit-input-placeholder {
    visibility: hidden
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea:focus::-moz-placeholder {
    visibility: hidden
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea:focus:-ms-input-placeholder {
    visibility: hidden
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea:focus::-ms-input-placeholder {
    visibility: hidden
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea:focus::placeholder {
    visibility: hidden
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea::-webkit-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea::-moz-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea:-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea::-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea::placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea::-webkit-input-placeholder:first-letter {
    text-transform: capitalize
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea::-moz-placeholder:first-letter {
    text-transform: capitalize
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea:-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea::-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-textarea::placeholder:first-letter {
    text-transform: capitalize
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-div {
    border-bottom: 1px solid #898a8d
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-div:focus-within,
.downloadReportForm-outercontainer .downloadReportForm-formfield .form-element-div:hover {
    border-bottom: 1px solid #fff
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .textfield-limit {
    -ms-flex-item-align: start;
    align-self: start;
    color: #9e9fa3;
    font-size: .875rem;
    font-family: Basis-regular;
    margin-top: .5rem
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .textfield-limit.error {
    color: #e02222
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .validationcheck {
    background: url(clientlib-site/resources/images/formOverlay/validationcheck.svg) 50% no-repeat
}

.downloadReportForm-outercontainer .downloadReportForm-formfield .validationerror {
    background: url(clientlib-site/resources/images/formOverlay/validationerror.svg) 50% no-repeat
}

.downloadReportForm-outercontainer .downloadReportForm-checkbox .consent-checkbox-input,
.downloadReportForm-outercontainer .downloadReportForm-checkbox .consent-checkbox-input-nonMandatory {
    border: 1px solid #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: .9375rem;
    height: .9375rem;
    border-radius: 4px;
    background-color: unset;
    margin-left: 0;
    cursor: pointer
}

.downloadReportForm-outercontainer .downloadReportForm-checkbox .consent-checkbox-input-nonMandatory.checkbox-error,
.downloadReportForm-outercontainer .downloadReportForm-checkbox .consent-checkbox-input.checkbox-error {
    border: 1px solid #ff3e3e
}

.downloadReportForm-outercontainer .downloadReportForm-checkbox .consent-checkbox-input-nonMandatory:focus,
.downloadReportForm-outercontainer .downloadReportForm-checkbox .consent-checkbox-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.downloadReportForm-outercontainer .downloadReportForm-checkbox .consent-checkbox-input-nonMandatory:focus,
.downloadReportForm-outercontainer .downloadReportForm-checkbox .consent-checkbox-input-nonMandatory:hover,
.downloadReportForm-outercontainer .downloadReportForm-checkbox .consent-checkbox-input:focus,
.downloadReportForm-outercontainer .downloadReportForm-checkbox .consent-checkbox-input:hover {
    border: .0625rem solid #c9c9ce
}

.downloadReportForm-outercontainer .downloadReportForm-checkbox .consent-checkbox-input-nonMandatory:checked[type=checkbox],
.downloadReportForm-outercontainer .downloadReportForm-checkbox .consent-checkbox-input:checked[type=checkbox] {
    border: 1px solid #e41165;
    background-image: url(clientlib-site/resources/images/formOverlay/check-box.svg);
    background-position: 50%
}

.downloadReportForm-outercontainer .downloadReportForm-checkbox .error-text {
    margin-bottom: 0;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.downloadReportForm-outercontainer .downloadReportForm-checkbox .consent-checkbox-label {
    width: 100%;
    line-height: 1.5rem;
    margin-left: 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.downloadReportForm-outercontainer .downloadReportForm-checkbox .consent-checkbox-label p {
    display: inline;
    margin-bottom: 0
}

.downloadReportForm-outercontainer .downloadReportForm-checkbox .consent-checkbox-label p strong>a {
    color: #fff;
    font-family: Basis-bold;
    text-decoration: underline
}

.downloadReportForm-outercontainer .downloadReportForm-button-wrapper {
    text-align: left
}

@media (min-width:601px) and (max-width:992px) {
    .downloadReportForm-outercontainer .downloadReportForm-button-wrapper {
        text-align: center
    }
}

.downloadReportForm-outercontainer .downloadReportForm-button-wrapper .downloadReportForm-SubmitBtn {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-radius: 6.25rem;
    font-size: 1.125rem;
    color: #fff;
    letter-spacing: .03125rem;
    height: 3.5rem;
    padding: 9pt 77px;
    font-family: Basis-regular
}

.downloadReportForm-outercontainer .downloadReportForm-button-wrapper .downloadReportForm-SubmitBtn:hover {
    color: #fff
}

@media only screen and (max-width:599px) {
    .downloadReportForm-outercontainer .downloadReportForm-button-wrapper .downloadReportForm-SubmitBtn {
        width: 100%
    }
}

.downloadReportForm-outercontainer .downloadReportForm-button-wrapper .downloadReportForm-SubmitBtn:not([disabled]):hover {
    background: linear-gradient(102.57deg, #f84d9f, #d0121e);
    color: #fff
}

.downloadReportForm-outercontainer .downloadReportForm-button-wrapper .downloadReportForm-SubmitBtn:disabled {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
}

.downloadReportForm-outercontainer .downloadReportForm-button-wrapper .downloadReportForm-SubmitBtn:focus {
    -webkit-box-shadow: 0 0 0 2px #000 inset;
    box-shadow: inset 0 0 0 2px #000;
    border: .09375rem solid #f4a0c1;
    margin: .0625rem
}

.downloadReportForm-outercontainer .form-element-error .form-element-div,
.downloadReportForm-outercontainer .form-element-error .input-block {
    border-bottom: 1px solid #ff3e3e
}

.downloadReportForm-outercontainer .form-element-error .form-element-div:focus-within,
.downloadReportForm-outercontainer .form-element-error .form-element-div:hover {
    border-bottom: 1px solid #ff3e3e
}

.downloadReportForm-outercontainer .form-element-error .form-element-div .form-element-input,
.downloadReportForm-outercontainer .form-element-error .form-element-div .form-element-textarea {
    color: #ff3e3e
}

.downloadReportForm-outercontainer .form-element-error .consent-checkbox-input,
.downloadReportForm-outercontainer .form-element-error .consent-checkbox-input:focus,
.downloadReportForm-outercontainer .form-element-error .consent-checkbox-input:hover {
    border: 1px solid #ff3e3e
}

.downloadReportForm-outercontainer .downloadReportForm-error-message {
    margin: 1rem auto
}

.downloadReportForm-outercontainer .downloadReportForm-error-message .downloadReportForm-error-message-inner {
    padding: 1rem;
    text-align: center;
    margin: 1rem;
    border: 1px solid #ff3e3e;
    border-radius: 4px
}

.downloadReportForm-outercontainer .downloadReportForm-error-message .error-message-downloadReportForm {
    color: #ff3e3e;
    font-size: 1rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.downloadReportForm-outercontainer .downloadReportForm-error-message .tooltip-downloadReportForm-serverError {
    background: url(clientlib-site/resources/images/formOverlay/validationerror.svg) 50% no-repeat;
    width: 2rem
}

.downloadReportForm-outercontainer .pdf-download-link {
    color: #007dc5
}

.downloadReportForm-outercontainer .downloadReportForm-back-button {
    -ms-flex-item-align: top;
    align-self: top;
    height: 6rem
}

@media screen and (max-width:992px) {
    .downloadReportForm-outercontainer .downloadReportForm-back-button {
        background-color: #000;
        height: 4rem
    }
}

.downloadReportForm-outercontainer .downloadReportForm-back-button .form-left-icon {
    background: url(clientlib-site/resources/images/formOverlay/left-arrow.svg) 50% no-repeat;
    width: .48625rem;
    height: .79563rem
}

.downloadReportForm-outercontainer .downloadReportForm-back-button .form-left-icon-anchor {
    text-decoration: none
}

.downloadReportForm-outercontainer .downloadReportForm-back-button .form-left-icon-text {
    color: #b4b4b8;
    top: -.4375rem;
    left: .625rem;
    font-size: 1rem;
    position: relative;
    font-family: Basis-bold;
    letter-spacing: .15rem;
    text-transform: uppercase;
    min-width: 75pt
}

.list-filter-panel {
    padding: 3rem 0
}

.list-filter-panel .filter-section-heading {
    font-size: 2.5rem;
    line-height: 3pc;
    color: #000;
    font-family: Houschka-medium;
    margin-bottom: 1.5rem
}

.list-filter-panel .filter-title {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    color: #000;
    padding: 15px 0
}

.list-filter-panel .filter-sep {
    background-color: #d9d9d9;
    margin-right: .75rem;
    height: 2pc;
    width: 2px;
    padding: 15px 0 25px
}

.list-filter-panel .filter-dropdown-btn {
    font-family: Basis-regular;
    font-weight: 400;
    font-size: 18px;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #747678;
    background-color: transparent;
    margin-right: 36px;
    min-width: 170px;
    padding: 15px 36px 15px 0;
    border: none;
    border-bottom: 1px solid #b4b4b8
}

.list-filter-panel .filter-dropdown-btn.selected,
.list-filter-panel .filter-dropdown-btn:hover {
    color: #000
}

.list-filter-panel .filter-dropdown-btn.selected:after {
    height: 2px;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: ""
}

.list-filter-panel .filter-dropdown-btn.selected:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.list-filter-panel .filter-dropdown-btn:before {
    position: absolute;
    right: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(clientlib-site/resources/images/chevron-down-c.svg);
    content: "";
    top: 50%;
    margin-top: -10px
}

.list-filter-panel .active-selected-filter .filter-dropdown-text:after {
    height: 8px !important;
    width: 8px !important;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    position: absolute;
    top: 17px;
    right: 9pt;
    border-radius: 50%;
    width: 100%;
    content: "";
    display: none
}

.list-filter-panel .active-selected-filter .filter-accordian-text:after {
    height: 8px !important;
    width: 8px !important;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    position: absolute;
    top: -8px;
    right: -8px;
    border-radius: 50%;
    content: ""
}

.list-filter-panel .filter-modal-button {
    width: 300px;
    font-family: Basis-Medium;
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    font-weight: 600;
    color: #000
}

.list-filter-panel .filter-modal-button .filter-count {
    background-color: #e41165;
    border: 2px solid #fff;
    position: relative;
    width: 22px;
    height: 22px;
    font-size: .75rem;
    line-height: 1pc;
    letter-spacing: .15em;
    color: #fff;
    right: -40px;
    top: -10px;
    display: inline-block;
    border-radius: 1pc;
    font-family: Basis-bold;
    vertical-align: center
}

.list-filter-panel .filter-modal-button:after {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(clientlib-site/resources/images/filters-ico-b.svg)
}

@media only screen and (min-width:599px) and (max-width:1199px) {
    .list-filter-panel .filter-modal-button {
        width: 100%
    }
}

.list-filter-panel .filter-search-card {
    min-height: 500px
}

.list-filter-panel .filter-search-card .no-article-text {
    font-size: 1.125rem;
    color: #000;
    font-family: Basis-regular
}

.list-filter-panel .filter-col:first-child .filter-title:after {
    background-color: #d9d9d9;
    margin-left: .75rem;
    margin-right: 0;
    height: 2pc;
    width: 2px;
    padding: 15px 0 25px;
    content: "";
    display: inline-block;
    vertical-align: middle
}

.list-filter-panel .list-filter-overlay-backdrop {
    left: 0;
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    height: calc(100vh - 90pt)
}

.list-filter-panel .list-filter-overlay-backdrop.filter-viewed {
    -webkit-transform: translateY(-57px);
    transform: translateY(-57px)
}

.list-filter-panel .list-filter-overlay-backdrop .cipher-primary-btn {
    font-family: Basis-medium
}

.list-filter-panel .list-filter-overlay-backdrop .list-filter-overlay-bg {
    min-height: 3in;
    background-color: #1e2222;
    max-height: calc(100% - 90px);
    overflow-y: auto
}

@media only screen and (max-width:1199px) {
    .list-filter-panel .list-filter-overlay-backdrop {
        position: fixed;
        top: 0;
        height: 100vh;
        z-index: 1001;
        background: none
    }

    .list-filter-panel .list-filter-overlay-backdrop .list-filter-overlay-bg {
        height: 100vh;
        max-height: 100vh;
        overflow-y: auto;
        position: relative
    }
}

.list-filter-panel .list-filter-overlay-backdrop .list-filter-overlay-body {
    padding: 4rem 0 3.5rem
}

@media only screen and (max-width:1199px) {
    .list-filter-panel .list-filter-overlay-backdrop .list-filter-overlay-body {
        padding: 1rem 0 3.5rem
    }
}

.list-filter-panel .list-filter-overlay-backdrop .filter-popup-heading {
    font-family: Houschka-medium;
    font-size: 3.5rem;
    line-height: 56px;
    color: #fff;
    margin-bottom: 3rem
}

.list-filter-panel .list-filter-overlay-backdrop .filter-pop-close-btn {
    right: 3.5%;
    top: 1rem;
    width: 3pc;
    height: 3pc;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #fff;
    border-radius: 3pc;
    background-color: #000;
    background-image: url(clientlib-site/resources/images/close.svg)
}

.list-filter-panel .list-filter-overlay-backdrop .card {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

@media only screen and (max-width:1199px) {
    .list-filter-panel .list-filter-overlay-backdrop .card .card-body {
        padding: 36px 0
    }
}

.list-filter-panel .list-filter-overlay-backdrop .card-header {
    display: none;
    padding: 0;
    background-color: transparent;
    border: none
}

.list-filter-panel .list-filter-overlay-backdrop .card-header .filter-acc-button {
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    color: #fff;
    padding: 1.5rem 3rem 1rem 0;
    font-family: Basis-bold;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    border-radius: 0
}

.list-filter-panel .list-filter-overlay-backdrop .card-header .filter-acc-button.collapsed {
    border-bottom: 1px solid #b4b4b8
}

@media only screen and (max-width:1199px) {
    .list-filter-panel .list-filter-overlay-backdrop .card-header {
        display: block
    }
}

@media only screen and (max-width:1199px) {
    .list-filter-panel .list-filter-overlay-backdrop .collapse.show {
        border-bottom: 1px solid #b4b4b8
    }
}

.list-filter-panel .list-filter-overlay-backdrop .filter-acc-button .accordion-btn-link-icon {
    top: 1rem;
    right: 0
}

.list-filter-panel .list-filter-overlay-backdrop .filter-acc-button .accordion-btn-link-icon .expand-icon {
    height: 2.5rem;
    width: 2.5rem;
    right: 0;
    background-size: 1.25rem;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 1.25rem;
    -webkit-filter: invert(1);
    filter: invert(1)
}

.list-filter-panel .list-filter-overlay-backdrop .filter-acc-button:not(.collapsed) .expand-icon {
    background-color: #000;
    background-image: url(clientlib-site/resources/images/accrodion/minus-white.svg)
}

.list-filter-panel .list-filter-overlay-backdrop .filter-acc-button.collapsed .expand-icon {
    background-color: #000;
    background-image: url(clientlib-site/resources/images/accrodion/plus-white.svg)
}

@media only screen and (min-width:1200px) {
    .list-filter-panel .list-filter-overlay-backdrop .filter-btn-container {
        margin-top: 2.625rem
    }
}

.list-filter-panel .btn-apply-filter:disabled {
    background: #747678
}

.list-filter-panel .btn-clear-all {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #fff;
    border: none;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    font-family: Basis-regular
}

.list-filter-panel .filter-accordian {
    margin-bottom: 3.5rem
}

.list-filter-panel .filter-search-list {
    padding-top: 3rem
}

@media only screen and (max-width:1199px) {
    .list-filter-panel .filter-search-list {
        padding-top: 2.5rem
    }
}

.list-filter-panel .filter-search-list .filter-list-view .filter-list-card {
    margin-bottom: 3rem
}

.list-filter-panel .filter-search-list .filter-list-view .filter-list-card .filter-list-details.filter-list-image-details {
    min-height: 225px
}

@media only screen and (min-width:599px) and (max-width:1199px) {
    .list-filter-panel .filter-search-list .filter-list-view .filter-list-card .filter-list-details.filter-list-image-details {
        min-height: 175px;
        margin-bottom: 2rem
    }
}

@media only screen and (max-width:599px) {
    .list-filter-panel .filter-search-list .filter-list-view .filter-list-card .filter-list-details.filter-list-image-details {
        min-height: auto
    }
}

@media only screen and (min-width:599px) and (max-width:1199px) {
    .list-filter-panel .filter-search-list .filter-list-view .filter-list-card .filter-list-details .filter-details-type-data {
        font-size: 1rem
    }
}

.list-filter-panel .filter-search-list .filter-list-view .filter-list-card .filter-list-details .filter-details-type {
    font-size: .875rem
}

@media only screen and (max-width:1199px) {
    .list-filter-panel .filter-search-list .filter-list-view .filter-list-card {
        margin-bottom: 2.5rem
    }

    .list-filter-panel .filter-search-list .filter-list-view .filter-list-card .filter-details-type {
        font-size: .875rem
    }
}

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

    .list-filter-panel .filter-search-list .filter-list-view .col-12:last-child .filter-list-card,
    .list-filter-panel .filter-search-list .filter-list-view .col-12:nth-child(6) .filter-list-card {
        margin-bottom: 2.5rem
    }
}

.list-filter-panel .filter-search-list .filter-list-card:hover .filter-details-title {
    text-decoration: underline
}

.list-filter-panel .filter-search-list .filter-list-card .filter-list-thumb {
    height: auto;
    padding-top: 56.25%;
    background-size: cover
}

@media only screen and (max-width:599px) {
    .list-filter-panel .filter-search-list .filter-list-card .filter-list-thumb {
        margin-bottom: .5rem
    }
}

.list-filter-panel .filter-search-list .filter-list-card .filter-list-details .filter-detail-desc {
    font-size: 1rem;
    line-height: 24px;
    font-family: Basis-regular;
    letter-spacing: .5px;
    color: #494c4d
}

.list-filter-panel .filter-search-list .filter-list-card .filter-list-details .filter-details-type {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1pc;
    letter-spacing: .15em;
    color: #1e2222;
    margin-bottom: .75rem;
    text-align: left
}

.list-filter-panel .filter-search-list .filter-list-card .filter-list-details .filter-details-title {
    font-size: 2rem;
    line-height: 2.8pc;
    font-family: Basis-regular;
    color: #000;
    letter-spacing: .5px
}

.list-filter-panel .filter-search-list .filter-list-card .filter-list-details .filter-details-title .pdf-icon {
    font-weight: 400;
    font-size: .875rem;
    line-height: 24px;
    color: #000;
    padding: .25rem 1rem;
    border: 1px solid #5e6162;
    font-family: Basis-regular;
    border-radius: 20px
}

@media only screen and (max-width:1199px) {
    .list-filter-panel .filter-search-list .filter-list-card .filter-list-details .filter-details-title {
        font-size: 1.5rem;
        line-height: 33px
    }
}

.list-filter-panel .filter-search-list .filter-list-card .filter-list-details .filter-details-type-data {
    font-size: 1rem;
    font-family: Basis-regular;
    line-height: 24px;
    color: #747678;
    letter-spacing: .5px;
    margin-bottom: .5rem
}

@media only screen and (max-width:599px) {
    .list-filter-panel .filter-search-list .filter-list-card .filter-list-details .filter-details-type-data {
        position: static
    }
}

@media only screen and (max-width:599px) {
    .list-filter-panel .filter-search-list .filter-list-card .filter-list-details {
        padding-bottom: 0
    }
}

.list-filter-panel .filter-results {
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #747678;
    font-family: Basis-regular
}

.list-filter-panel .filter-list-pagination {
    padding-top: 1rem;
    border-top: 1px solid #494c4d
}

.list-filter-panel .filter-list-pagination .pagination-button {
    background-size: 15px;
    width: 56px;
    height: 56px;
    border: none;
    background-color: #f4f3f9;
    vertical-align: middle
}

.list-filter-panel .filter-list-pagination .pagination-button:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url(clientlib-site/resources/images/arrow-right-w.svg) no-repeat 50%;
    content: "";
    -webkit-filter: invert(1);
    filter: invert(1)
}

.list-filter-panel .filter-list-pagination .pagination-button[disabled]:after {
    opacity: .35
}

.list-filter-panel .filter-list-pagination .pagination-button.filter-pagination-prev-button:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.list-filter-panel .filter-list-pagination .pagination-dropdown {
    width: 156px;
    font-size: .875rem;
    font-family: Basis-Bold;
    line-height: 24px;
    letter-spacing: .15em;
    color: #747678
}

.list-filter-panel .filter-list-pagination .pagination-dropdown .page-selected {
    font-weight: 700;
    font-family: Basis-Bold;
    padding: 1pc 2pc 1pc 1pc;
    line-height: 24px
}

.list-filter-panel .filter-list-pagination .pagination-dropdown.search-list-count-dropdown {
    width: 75pt
}

.list-filter-panel .filter-list-pagination .pagination-dropdown .dropdown-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(clientlib-site/resources/images/chevron-down-c.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    content: "";
    right: 1.25rem
}

.list-filter-panel .filter-list-pagination .pagination-dropdown.opened .dropdown-arrow {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.list-filter-panel .filter-list-pagination .pagination-dropdown.opened .pagination-pages {
    display: block
}

.list-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages {
    display: none;
    border-bottom: 2px solid #e41165;
    bottom: 3.5rem;
    background-color: #000;
    left: 0;
    width: 100%;
    height: auto;
    overflow-y: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.list-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages.dropdown-height {
    height: 15rem
}

@media only screen and (max-width:1199px) {
    .list-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages.dropdown-height {
        height: 12rem
    }
}

@media only screen and (max-width:599px) {
    .list-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages.dropdown-height {
        height: 10rem
    }
}

.list-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages::-webkit-scrollbar {
    width: 6px
}

.list-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages::-webkit-scrollbar-track {
    background: #898a8d
}

.list-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages::-webkit-scrollbar-thumb {
    background: #e41165;
    height: 20px
}

.list-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages::-webkit-scrollbar-thumb:hover {
    background: #c9c9ce
}

.list-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages .page-number {
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    color: #b4b4b8
}

.list-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages .pagination-number {
    background-color: transparent;
    font-size: .875rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #fff;
    padding: 8px 1pc;
    border: 1px solid transparent;
    border-right: none;
    border-left: none
}

.list-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages .pagination-number.selected:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(clientlib-site/resources/images/dropdown-check.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-filter: invert(1);
    filter: invert(1);
    content: "";
    right: 1rem;
    position: absolute
}

.list-filter-panel .filter-list-pagination .pagination-dropdown .pagination-pages .pagination-number:hover {
    background-color: #1e2222;
    border-top: 1px solid #9e9fa3;
    border-bottom: 1px solid #9e9fa3
}

.list-filter-panel .tag-break {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.list-filter-panel .filter-list-title {
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    font-family: Basis-bold;
    font-weight: 700;
    color: #fff
}

.list-filter-panel .tag-disabled,
.list-filter-panel .text-disabled {
    opacity: .25
}

.list-filter-panel .tag-disabled.tag-link,
.list-filter-panel .tag-disabled.tag-link:hover,
.list-filter-panel .text-disabled.tag-link,
.list-filter-panel .text-disabled.tag-link:hover {
    cursor: default
}

.list-filter-panel .tag-link {
    font-weight: 400;
    font-size: .875rem;
    line-height: 24px;
    color: #fff;
    padding: .5rem 1.25rem;
    border: 1px solid #5e6162;
    font-family: Basis-regular;
    border-radius: 20px;
    min-width: 85px;
    text-align: center;
    margin: 0 1rem .625rem 0;
    cursor: pointer
}

.list-filter-panel .tag-link.tag-read-more {
    background-color: #333737
}

.list-filter-panel .tag-link.tag-read-more:hover:before {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.list-filter-panel .tag-link.tag-read-more:before {
    background-image: url(clientlib-site/resources/images/chevron-down-w.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 24px;
    position: absolute;
    right: 1pc;
    top: 50%;
    width: 24px;
    height: 24px;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.list-filter-panel .tag-link.tag-read-more.tag-read-less:before {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

@media only screen and (max-width:1199px) {
    .list-filter-panel .tag-link {
        min-width: 4.6875rem;
        margin: 0 .625rem .625rem 0
    }
}

.list-filter-panel .tag-link .tag-close {
    display: none
}

.list-filter-panel .tag-link:not(.tag-disabled):hover {
    background-color: #fff;
    color: #000;
    position: relative;
    -webkit-box-shadow: 0 0 0 .125rem #fff;
    box-shadow: 0 0 0 .125rem #fff
}

.list-filter-panel .tag-link.selected {
    background-color: #fff;
    color: #000;
    position: relative;
    padding-right: 2.25rem
}

.list-filter-panel .tag-link.selected .tag-close {
    background: transparent url(clientlib-site/resources/images/close-b.svg) 50% no-repeat;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 1rem;
    height: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    right: .75rem;
    border: none
}

.list-filter-panel .tag-link.selected:after {
    position: absolute;
    left: 1%;
    top: 4%;
    width: 98%;
    height: 92%;
    content: "";
    border-radius: 20px
}

.list-filter-panel .filter-modal-button:hover {
    border: 1.5px solid #000
}

.list-filter-panel.bg-gray .filter-list-pagination .pagination-dropdown .page-selected {
    background-color: #fff
}

@media only screen and (max-width:1199px) {
    .list-filter-panel.bg-gray .filter-list-pagination .pagination-dropdown .page-selected {
        background-color: transparent
    }
}

@media only screen and (max-width:1199px) {
    .list-filter-panel.bg-gray .filter-list-pagination .pagination-button {
        background-color: #fff
    }
}

.list-filter-panel .list-filter-list {
    padding: 1.5rem 0 0
}

.list-filter-panel .list-filter-list .break-flex {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: 0
}

.list-filter-panel .list-filter-list::-webkit-scrollbar {
    height: 4px;
    opacity: 0
}

.list-filter-panel .list-filter-list::-webkit-scrollbar-track {
    background: #dfdee3;
    border-radius: 0 0 .25rem 0
}

.list-filter-panel .list-filter-list::-webkit-scrollbar-thumb {
    background: #e41165;
    border-radius: 6.1875rem
}

.list-filter-panel .list-filter-list .swiper-slide {
    width: auto
}

.list-filter-panel .list-filter-list .list-filter-selected-list .list-filter-selected-item {
    background-color: #dfdee3;
    color: #5e6162;
    font-family: Basis-regular;
    line-height: 100%;
    font-size: .875rem;
    border-radius: 24px;
    border: 1px solid transparent;
    margin-right: .5rem;
    line-height: 14px;
    letter-spacing: .5px;
    text-wrap: nowrap;
    text-transform: capitalize;
    padding: .5rem 2.25rem .5rem 1rem;
    position: relative
}

.list-filter-panel .list-filter-list .list-filter-selected-list .list-filter-selected-item:hover {
    border: 1px solid #5e6162
}

.list-filter-panel .list-filter-list .list-filter-selected-list .list-filter-selected-item.list-filter-clear {
    background-color: transparent;
    text-decoration: underline;
    border: none
}

.list-filter-panel .list-filter-list .list-filter-selected-list .list-filter-selected-item:not(.tag-disabled):hover {
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0 0 0 .125rem #fff;
    box-shadow: 0 0 0 .125rem #fff
}

.list-filter-panel .list-filter-list .list-filter-selected-list .list-filter-selected-item .tag-close {
    background: transparent url(clientlib-site/resources/images/close-g.svg) 50% no-repeat;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 1rem;
    height: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .75rem;
    border: none
}

.list-filter-panel .list-filter-list .list-filter-selected-list .list-filter-selected-item:hover {
    background-color: #fff;
    position: relative
}

.list-filter-panel .list-filter-list .list-filter-selected-list .list-filter-selected-item:hover:after {
    position: absolute;
    left: 1%;
    top: 4%;
    width: 98%;
    height: 92%;
    content: "";
    border-radius: 20px
}

.list-filter-panel .filter-by-txt {
    color: #5e6162;
    min-width: 85px;
    font-family: Basis-regular;
    line-height: 100%;
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .5px
}

.list-filter-panel .cipher-custom-container .cipher-custom-container {
    margin: auto
}

@media only screen and (min-width:1920px) {
    .list-filter-panel .cipher-custom-container .cipher-custom-container {
        max-width: 103pc !important
    }
}

@media only screen and (min-width:1200px) {
    .list-filter-panel .cipher-custom-container .cipher-custom-container {
        max-width: calc(100% - 150px)
    }
}

@media only screen and (max-width:1199px) {
    .list-filter-panel .cipher-custom-container .cipher-custom-container {
        max-width: calc(100% - 88px)
    }
}

@media only screen and (max-width:767px) {
    .list-filter-panel .cipher-custom-container .cipher-custom-container {
        max-width: calc(100% - 88px)
    }
}

@media only screen and (max-width:576px) {
    .list-filter-panel .cipher-custom-container .cipher-custom-container {
        max-width: calc(100% - 3pc)
    }
}

.media-container {
    background-color: #000;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    overflow-y: overlay;
    overflow-x: hidden
}

.media-wrapper {
    padding: 0;
    margin: 0;
    height: 100vh
}

.media-innercontainer {
    position: relative;
    height: 90%;
    top: 10%
}

@media only screen and (max-width:912px) and (orientation:landscape) {
    .media-innercontainer {
        top: 25%;
        height: 75%
    }
}

@media only screen and (max-width:410px) and (orientation:portrait) {
    .media-innercontainer {
        top: 11%;
        height: 89%
    }
}

@media only screen and (min-width:410px) and (max-width:912px) and (orientation:portrait) {
    .media-innercontainer {
        top: 9%;
        height: 91%
    }
}

.media-forminner {
    position: relative
}

.media-heading {
    font-size: 1rem;
    text-transform: uppercase;
    color: #fff;
    font-family: Basis-bold;
    word-break: normal;
    letter-spacing: .15em
}

.media-para {
    color: #b4b4b8;
    font-size: 1.125rem;
    font-family: Basis-regular;
    word-break: normal;
    letter-spacing: .03125rem
}

.media-block {
    position: relative;
    cursor: pointer;
    border-bottom: .1rem solid #898a8d
}

.media-block:focus-within {
    border-bottom: 1px solid #fff
}

.media-input {
    width: 100%;
    border: none;
    background-color: unset;
    padding-bottom: 1rem;
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem;
    cursor: pointer;
    text-overflow: ellipsis
}

.media-input:hover {
    text-overflow: unset
}

.media-input:focus {
    outline: none
}

.media-input::-webkit-input-placeholder {
    color: #fff
}

.media-input::-moz-placeholder {
    color: #fff
}

.media-input:-ms-input-placeholder {
    color: #fff
}

.media-input::-ms-input-placeholder {
    color: #fff
}

.media-input::placeholder {
    color: #fff
}

.media-fieldlabel {
    visibility: hidden;
    font-size: .875rem;
    text-transform: uppercase;
    color: #9e9fa3;
    letter-spacing: .03125rem;
    font-family: Basis-medium
}

.media-fieldlabel.display-label {
    visibility: visible;
    margin-left: .0625rem
}

.media-dropdownfield {
    padding: 0;
    position: absolute;
    width: 100%;
    display: none;
    cursor: pointer;
    background-color: #000;
    border: 1px solid #898a8d;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    color: #9e9fa3;
    z-index: 10;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    max-height: 18.75rem;
    overflow-y: auto;
    scrollbar-width: thin;
    overflow-y: overlay
}

.media-dropdownfield::-webkit-scrollbar {
    width: .3125rem
}

.media-dropdownfield::-webkit-scrollbar-track-piece {
    border-radius: 6.25rem
}

.media-dropdownfield:hover::-webkit-scrollbar-thumb {
    height: 1.875rem;
    background-color: #9e9fa3;
    border-radius: 6.25rem
}

.media-option-field {
    list-style: none;
    padding: 1rem .8rem;
    font-size: 1.125rem;
    font-family: Basis-regular;
    line-height: 1.5625rem;
    word-break: normal;
    background-color: #000;
    letter-spacing: .03125rem
}

.media-option-field:hover {
    background-color: #1e2222;
    font-family: Basis-bold;
    color: #fff
}

.media-option-field a {
    text-decoration: none;
    color: inherit
}

.media-option-field.selected {
    color: #fff;
    font-family: Basis-bold
}

.media-option-field.selected span {
    width: 1.5625rem;
    height: 1.5625rem;
    background-image: url(clientlib-site/resources/images/formOverlay/Check-selected.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.media-option-field:last-child {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.media-option-field:not(:last-child) {
    border-bottom: .5px solid #898a8d
}

.media-image {
    position: fixed;
    height: 100vh;
    right: 0
}

.media-image img {
    height: 100%
}

.media-form-close {
    position: absolute;
    width: 100%;
    -ms-flex-item-align: top;
    align-self: top;
    z-index: 1
}

.media-arrow-down {
    background-image: url(clientlib-site/resources/images/formOverlay/down-arrow.svg)
}

.media-arrow-down,
.media-arrow-up {
    background-position: 50%;
    background-repeat: no-repeat;
    width: .79563rem;
    height: .48375rem
}

.media-arrow-up {
    background-image: url(clientlib-site/resources/images/formOverlay/up-arrow.svg)
}

.form_left-icon {
    background-image: url(clientlib-site/resources/images/formOverlay/left-arrow.svg);
    width: .48625rem;
    height: .79563rem
}

.form_close-icon,
.form_left-icon {
    background-position: 50%;
    background-repeat: no-repeat
}

.form_close-icon {
    background-image: url(clientlib-site/resources/images/formOverlay/close-button.svg);
    background-size: cover
}

@media screen and (max-width:599px) {
    .form_close-icon {
        width: 3rem;
        height: 3rem
    }
}

@media screen and (min-width:600px) and (max-width:1199px) {
    .form_close-icon {
        width: 3.125rem;
        height: 3.125rem
    }
}

@media screen and (min-width:1200px) {
    .form_close-icon {
        width: 4rem;
        height: 4rem
    }
}

.media-button {
    border: 1.5px solid #b4b4b8;
    background-color: unset;
    color: #fff;
    width: 10.875rem;
    font-size: 1.125rem;
    padding: .75rem 2rem;
    border-radius: 6.25rem;
    height: 3.5rem;
    font-weight: 500;
    letter-spacing: .03125rem;
    font-family: Basis-medium
}

@media screen and (max-width:576px) {
    .media-button {
        width: 100%
    }
}

@media screen and (min-width:577px) and (max-width:900px) {
    .media-button {
        width: 10.875rem
    }
}

@media screen and (min-width:900px) and (max-width:1200px) {
    .media-button {
        width: 11.875rem
    }
}

@media only screen and (max-width:912px) and (orientation:landscape) {
    .media-button {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width:1200px) {
    .media-button {
        width: 10.875rem
    }
}

.media-desc {
    font-size: 1.125rem;
    font-family: Basis-regular;
    color: #fff
}

.media-email-icon,
.media-phone-icon {
    color: #b4b4b8
}

.media-email-icon,
.media-email-name,
.media-phone-icon {
    font-size: 1.125rem;
    font-weight: 400;
    font-family: Basis-regular;
    line-height: 2rem;
    letter-spacing: .03125rem
}

.media-email-name {
    color: #e41165
}

@media only screen and (max-width:992px) {
    .media-details {
        width: 100%
    }
}

@media only screen and (max-width:992px) {
    .media-details .mediaForm-button {
        text-align: center
    }
}

.news-card-section {
    padding: 3rem 0 3.125rem
}

.news-card-section.dark-theme-panel {
    background-color: #000
}

.news-card-video-section {
    padding: 3rem 0 3.125rem
}

.news-card-video-section.dark-theme-panel {
    background-color: #000
}

.news-panel {
    padding-bottom: 6.25rem;
    overflow-x: hidden
}

.news-panel .news-title {
    font-size: 2rem;
    line-height: 40px;
    color: #fff;
    margin-bottom: 2rem;
    font-family: Houschka-medium
}

@media only screen and (max-width:1199px) {
    .news-panel {
        padding-bottom: 75pt;
        overflow: hidden
    }

    .news-panel .news-banner-container {
        padding: 0
    }
}

.news-panel.dark-theme-panel {
    background-color: #000
}

.news-panel .our-people-slider {
    bottom: 0;
    z-index: 1;
    height: auto;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

@media only screen and (max-width:1199px) {
    .news-panel .our-people-slider {
        padding-top: 2rem
    }
}

.news-panel .our-people-slider .our-people-slide {
    width: 28%;
    background: none;
    margin-right: 2rem
}

@media only screen and (max-width:599px) {
    .news-panel .our-people-slider .our-people-slide {
        margin-right: 1.25rem
    }
}

.news-panel .our-people-slider:after,
.news-panel .our-people-slider:before {
    content: "";
    height: 100%;
    width: 18%;
    position: absolute;
    z-index: 2;
    top: -1%;
    height: 198px
}

@media only screen and (min-width:1400px) {
    .news-panel .our-people-slider:after {
        right: -22%;
        width: 30%
    }

    .news-panel .our-people-slider:before {
        left: -33%;
        width: 33%
    }
}

@media only screen and (min-width:1600px) {
    .news-panel .our-people-slider:after {
        right: -33%;
        width: 40%
    }

    .news-panel .our-people-slider:before {
        left: -42%;
        width: 40%
    }
}

@media only screen and (min-width:1900px) {
    .news-panel .our-people-slider:after {
        right: -55%;
        width: 70%
    }

    .news-panel .our-people-slider:before {
        left: -72%;
        width: 70%
    }
}

@media only screen and (min-width:1920px) {
    .news-panel .our-people-slider:after {
        right: -90%;
        width: 100%
    }

    .news-panel .our-people-slider:before {
        left: -90%;
        width: 100%
    }
}

.news-panel .our-people-slider.shadow-hide-prev:before,
.news-panel .our-people-slider.shadow-hide:after {
    display: none
}

.news-panel .news-banner-list {
    height: 575px
}

@media only screen and (min-width:1400px) {
    .news-panel .news-banner-list {
        height: 757px
    }
}

@media only screen and (max-width:1199px) {
    .news-panel .news-banner-list {
        height: 25rem;
        max-height: 530px
    }
}

.news-panel .news-banner-list .news-banner-box.active .news-card-box {
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .25s;
    transition: all .25s;
    z-index: 1
}

.news-panel .news-banner-list .news-card-box {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    -webkit-transform: scale(.85);
    transform: scale(.85);
    -webkit-transition: all 0s;
    transition: all 0s;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    visibility: hidden;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.news-panel .news-banner-list .news-card-box.video-card-box {
    height: 525px;
    width: 100%;
    top: 0
}

@media only screen and (max-width:1199px) {
    .news-panel .news-banner-list .news-card-box.video-card-box {
        height: 70vh;
        max-height: 410px
    }
}

@media only screen and (max-width:599px) {
    .news-panel .news-banner-list .news-card-box.video-card-box {
        height: 200px
    }
}

.news-panel .news-banner-list .news-card-box.video-card-box .banner-video-modal {
    height: 420px;
    width: 100%
}

@media only screen and (max-width:1199px) {
    .news-panel .news-banner-list .news-card-box.video-card-box .banner-video-modal {
        height: 60vh;
        max-height: 410px
    }
}

@media only screen and (max-width:599px) {
    .news-panel .news-banner-list .news-card-box.video-card-box .banner-video-modal {
        height: 200px
    }
}

.news-panel .news-banner-list .news-card-box.video-card-box .banner-video-modal.video-fullscreen .s7controlbar {
    display: none
}

@media only screen and (max-width:599px) {
    .news-panel .news-banner-list .news-card-box.video-card-box .banner-video-modal.video-fullscreen .s7controlbar {
        height: 45px !important
    }

    .news-panel .news-banner-list .news-card-box.video-card-box .banner-video-modal.video-fullscreen .banner-video-duration {
        bottom: 30px !important
    }
}

.news-panel .news-banner-list .news-card-box.video-card-box .banner-video-modal.video-fullscreen .s7container,
.news-panel .news-banner-list .news-card-box.video-card-box .banner-video-modal.video-fullscreen .s7videoplayer {
    position: absolute !important
}

@media only screen and (max-width:599px) {
    .news-panel .news-banner-list .news-card-box.video-card-box .banner-video-modal.video-fullscreen .s7closedcaptionbutton {
        right: 45px !important
    }

    .news-panel .news-banner-list .news-card-box.video-card-box .banner-video-modal.video-fullscreen .s7mutablevolume {
        top: auto !important;
        bottom: .5rem;
        height: 24px;
        right: 5.5rem !important;
        width: 24px
    }

    .news-panel .news-banner-list .news-card-box.video-card-box .banner-video-modal.video-fullscreen .s7videotime {
        bottom: .25rem
    }

    .news-panel .news-banner-list .news-card-box.video-card-box .banner-video-modal.video-fullscreen .s7playpausebutton {
        bottom: .25rem !important
    }

    .news-panel .news-banner-list .news-card-box.video-card-box .banner-video-modal.video-fullscreen .video-ts-download {
        bottom: .5rem;
        top: auto
    }
}

@media only screen and (max-width:599px) {
    .news-panel .news-banner-list .news-card-box.video-card-box .banner-video-modal.video-fullscreen .s7videoplayer>.s7waiticon+div {
        bottom: 28% !important;
        top: unset !important
    }
}

@media only screen and (max-width:599px) {
    .news-panel .news-banner-list .news-card-box.video-card-box .banner-video-modal.video-fullscreen .s7videoplayer>.s7waiticon+div .s7caption {
        font-size: .75rem
    }
}

.news-panel .news-banner-list .news-card-box .video-fullscreen .video-play-btn {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    height: 4.5rem;
    width: 4.5rem;
    background-size: cover;
    border-radius: 50px;
    background-position: 50%;
    border: none;
    background: url(clientlib-site/resources/images/play-button.svg) no-repeat 50%
}

@media only screen and (max-width:1199px) {
    .news-panel .news-banner-list .news-card-box {
        width: 100%;
        margin: 0
    }
}

.news-panel .news-banner-list .news-card-box .news-content-box {
    width: 420px;
    max-width: 100%;
    margin-top: -10%
}

@media only screen and (max-width:1199px) {
    .news-panel .news-banner-list .news-card-box .news-content-box {
        bottom: 4rem
    }
}

.news-panel .news-banner-list .news-card-box .news-content-box .news-date {
    font-size: .875rem;
    font-family: Basis-bold;
    line-height: 24px;
    letter-spacing: .15em;
    color: #fff;
    margin-bottom: 1.5rem
}

.news-panel .news-banner-list .news-card-box .news-content-box .news-banner-title {
    font-size: 2rem;
    line-height: 40px;
    color: #fff;
    margin-bottom: 1.5rem;
    font-family: Houschka-medium;
    margin-top: 6rem
}

@media only screen and (max-width:599px) {
    .news-panel .news-banner-list .news-card-box .news-content-box .news-banner-title {
        line-height: 2pc
    }
}

.news-panel .news-card {
    padding: 2rem;
    border: 1px solid #fff;
    margin: 0 2rem 0 0;
    height: 2in;
    width: 100%;
    background-color: #000;
    cursor: pointer
}

.news-panel .news-card .news-card-heading {
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    color: #fff;
    font-family: Basis-bold
}

.news-panel .news-card .news-card-desc {
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #fff;
    font-family: Basis-regular
}

.news-panel .news-card.active {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    border-color: #cd0f5b #cd0f5b #a30046 #a30046;
    border-style: solid;
    border-width: 1px
}

.news-panel .news-card.active .news-card-heading {
    color: #e41165
}

.news-panel .our-people-slider-button-next,
.news-panel .our-people-slider-button-next-lg,
.news-panel .our-people-slider-button-prev,
.news-panel .our-people-slider-button-prev-lg {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.news-panel .news-swiper-button .our-people-slider-button-prev {
    left: 40px
}

.news-panel .news-swiper-button .our-people-slider-button-next {
    right: 40px
}

.news-panel .our-people-slider-button-prev-lg {
    left: -2.5rem;
    background-image: url(clientlib-site/resources/images/arrow-left-w.svg)
}

.news-panel .our-people-slider-button-prev-lg.disable {
    display: none
}

.news-panel .our-people-slider-button-next-lg {
    right: -2.5rem;
    background-image: url(clientlib-site/resources/images/arrow-right-w.svg)
}

.news-panel .our-people-slider-button-next-lg.disable {
    display: none
}

.news-panel .news-swiper-pagination {
    bottom: 1rem;
    display: none;
    z-index: 1
}

.news-panel .news-swiper-pagination .swiper-pagination-bullet {
    width: 30px;
    margin: 0 .5rem;
    height: 20px;
    border-bottom: 2px solid #898a8d;
    display: inline-block
}

.news-panel .news-swiper-pagination .swiper-pagination-bullet-active {
    height: 2px;
    border: none;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
}

.news-panel.news-panel-image .news-banner-box .news-card-box {
    overflow: hidden
}

.news-panel.news-panel-image .news-banner-box .news-card-box .s7responsiveContainer img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.news-panel.news-panel-image .news-banner-box .news-card-box .news-banner-button .cipher-secondary-btn {
    border: 1.5px solid #b4b4b8
}

.news-panel.news-panel-image .news-banner-box .news-card-box .news-banner-button .cipher-secondary-btn:hover {
    border: 1.5px solid #fff
}

.news-panel.news-panel-image .news-banner-box .news-card-box .news-banner-button .cipher-secondary-btn:focus {
    outline: 1.5px solid #fff;
    outline-offset: 2.5px;
    border: 1.5px solid #fff
}

.news-panel.news-panel-image .news-banner-box.active .news-card-box .s7responsiveContainer img.zoom-out {
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.news-panel.news-panel-image.our-people-section .our-people-slide {
    width: 25%
}

.news-panel.news-panel-image.our-people-section .our-people-slide [tabindex="0"]:focus {
    outline-offset: 2px;
    outline: 1px solid #fff
}

.news-panel.news-panel-image .our-people-slider {
    width: 92%
}

.news-panel.news-panel-image .our-people-slider-button-next,
.news-panel.news-panel-image .our-people-slider-button-prev {
    display: none
}

@media only screen and (max-width:1199px) {
    .news-panel.news-panel-image {
        padding-bottom: 1rem
    }

    .news-panel.news-panel-image .our-people-slider {
        bottom: .5rem
    }

    .news-panel.news-panel-image .news-swiper-pagination {
        display: block;
        text-align: center
    }

    .news-panel.news-panel-image .swiper-wrapper {
        opacity: 0;
        height: 0;
        overflow: hidden
    }

    .news-panel.news-panel-image .our-people-slider-button-next-lg,
    .news-panel.news-panel-image .our-people-slider-button-prev-lg,
    .news-panel.news-panel-image .our-people-slider:after {
        display: none
    }
}

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

    .news-panel .our-people-slider-button-next,
    .news-panel .our-people-slider-button-prev {
        display: none
    }
}

.news-panel.news-panel-video .news-banner-list {
    height: 48.4375rem
}

@media only screen and (min-width:1600px) {
    .news-panel.news-panel-video .news-banner-list {
        height: 53.75rem
    }
}

@media only screen and (min-width:1850px) {
    .news-panel.news-panel-video .news-banner-list {
        height: 56.25rem
    }
}

@media only screen and (min-width:2000px) {
    .news-panel.news-panel-video .news-banner-list {
        height: 58.75rem
    }
}

@media only screen and (max-width:1199px) {
    .news-panel.news-panel-video .news-banner-list {
        max-height: unset;
        height: 32.5rem
    }
}

@media only screen and (min-width:600px) and (max-width:1199px) and (orientation:landscape) {
    .news-panel.news-panel-video .news-banner-list {
        height: 41.25rem
    }
}

@media only screen and (min-width:376px) and (max-width:599px) {
    .news-panel.news-panel-video .news-banner-list {
        height: 21.875rem !important
    }
}

.news-panel.news-panel-video .news-banner-list .news-card-box.video-card-box .banner-video-modal {
    padding-top: 56.25%;
    height: auto
}

.news-panel.news-panel-video .news-banner-list .news-card-box.video-card-box .banner-video-modal.video-fullscreen .s7playpausebutton {
    left: 0 !important
}

@media only screen and (max-width:599px) {
    .news-panel.news-panel-video .news-banner-list .news-card-box.video-card-box .banner-video-modal.video-fullscreen .s7playpausebutton {
        bottom: .5rem !important
    }
}

.news-panel.news-panel-video .news-banner-list .news-card-box.video-card-box .banner-video-modal.video-fullscreen .s7videotime {
    left: 40px;
    padding-left: 0;
    width: 9.375rem !important
}

@media only screen and (max-width:599px) {
    .news-panel.news-panel-video .news-banner-list .news-card-box.video-card-box .banner-video-modal.video-fullscreen .s7videotime {
        left: 30px
    }
}

.news-panel.news-panel-video .news-banner-list .news-card-box.video-card-box .banner-video-modal.video-fullscreen .banner-video-duration {
    display: none !important
}

@media only screen and (max-width:1199px) {
    .news-panel.news-panel-video .news-banner-list .news-card-box.video-card-box .banner-video-modal {
        height: auto
    }
}

@media only screen and (max-width:599px) {
    .news-panel.news-panel-video .news-banner-list .news-card-box.video-card-box .banner-video-modal {
        height: auto
    }
}

.news-panel.news-panel-video.our-people-section .our-people-slide {
    width: 25%
}

.news-panel.news-panel-video.our-people-section .our-people-slide [tabindex="0"]:focus {
    outline-offset: 2px;
    outline: 1px solid #fff
}

.news-panel.news-panel-video .our-people-slider-button-next,
.news-panel.news-panel-video .our-people-slider-button-prev {
    display: none
}

.news-panel.news-panel-video .our-people-slider {
    width: 92%
}

@media only screen and (max-width:1199px) {
    .news-panel.news-panel-video {
        padding-bottom: 75pt
    }

    .news-panel.news-panel-video .our-people-slider-button-next-lg,
    .news-panel.news-panel-video .our-people-slider-button-prev-lg {
        display: block
    }

    .news-panel.news-panel-video .our-people-slider:after {
        display: none
    }

    .news-panel.news-panel-video .our-people-slider .our-people-slide {
        width: 38.8%
    }
}

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

    .news-panel.news-panel-video .our-people-slider-button-next-lg,
    .news-panel.news-panel-video .our-people-slider-button-prev-lg {
        display: none
    }

    .news-panel.news-panel-video .news-banner-list {
        height: 20pc
    }

    .news-panel.news-panel-video .news-banner-list .container {
        padding: 0
    }

    .news-panel.news-panel-video .our-people-slider .our-people-slide {
        width: 68.8%
    }

    .news-panel.news-panel-video .our-people-slider .news-card {
        height: 175px;
        width: 100%
    }

    .news-panel.news-panel-video .our-people-slider .news-card .news-card-desc {
        font-size: 1rem;
        line-height: 22px
    }
}

.news-panel.news-panel-edit .news-banner-list {
    height: 350px
}

.news-panel.news-panel-edit .news-banner-list .news-card-box {
    position: static;
    height: 350px;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.news-panel.news-panel-edit .news-banner-list .news-content-box .news-banner-title {
    font-size: 1.125rem;
    line-height: 1.5rem
}

.news-panel.news-panel-edit .news-card .news-card-desc {
    font-size: .875rem
}

.poin-of-view-section {
    background: #f4f3f9;
    padding: 24px 0
}

.poin-of-view-section .point-of-view-icon-div {
    width: 10.9375rem
}

@media screen and (max-width:599px) {
    .poin-of-view-section .point-of-view-icon-div {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: auto
    }
}

.poin-of-view-section .point-of-view-icon-div .opinion-svg-icon {
    height: 8rem;
    width: 8rem
}

.poin-of-view-section .point-of-view-content-div {
    padding: 1pc;
    border-left: 1px solid #dfdee3
}

@media screen and (max-width:599px) {
    .poin-of-view-section .point-of-view-content-div {
        border-left: none;
        width: 100%;
        margin-top: 1.5rem;
        margin-left: 0
    }
}

.poin-of-view-section .point-of-view-content-div .point-of-view-content-div-inner .point-of-view-heading {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    color: #5e6162
}

.poin-of-view-section .point-of-view-content-div .point-of-view-content-div-inner .point-of-view-description p {
    font-family: Basis-medium;
    font-size: 1.5rem;
    line-height: 140%;
    letter-spacing: .03125rem;
    color: #000;
    margin-bottom: 0
}

.timeline-card-div {
    padding-bottom: 2.5rem;
    width: 312px;
    height: 490px
}

@media only screen and (min-width:992px) {
    .timeline-card-div {
        width: 45%;
        height: 460px
    }
}

.timeline-card-div .timeline-card-img {
    max-height: 280px !important;
    width: 100% !important
}

.timeline-card-div .timeline-card-desc-text {
    padding-top: 1rem;
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: .03125rem;
    color: #000
}

.timeline-card-div .timeline-card-year-text {
    font-family: Basis-regular;
    font-style: normal;
    font-weight: 400;
    font-size: 1pc;
    line-height: 24px;
    letter-spacing: .5px;
    color: #747678
}

@media only screen and (min-width:1920px) {
    .timeline-card-div:last-child {
        height: 690px
    }
}

.timeline-card-break {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media only screen and (min-width:992px) and (min-width:1200px) {
    .timeline-height-container {
        height: 25pc !important
    }
}

@media only screen and (min-width:992px) and (min-width:1500px) {
    .timeline-height-container {
        height: 500px !important
    }
}

@media only screen and (min-width:992px) and (min-width:1920px) {
    .timeline-height-container {
        height: 750px !important
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .timeline-height-container {
        height: 25pc !important
    }
}

.date-view,
.date-view .timeline-milestone-year-list {
    height: 190px
}

.horizontal-left,
.horizontal-right {
    background-image: url(clientlib-site/resources/images/horizontal-left.svg);
    width: 7.78px;
    height: 13.73px;
    display: inline-block
}

.horizontal-right {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.vertical-up {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.vertical-down,
.vertical-up {
    background-image: url(clientlib-site/resources/images/horizontal-left.svg);
    width: 7.78px;
    height: 13.73px;
    display: inline-block
}

.vertical-down {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.timeline-component-container .swiper {
    width: 100%;
    height: 80%
}

.timeline-component-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.timeline-component-container .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.timeline-component-container .swiper-scrollbar-drag {
    padding: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.timeline-mobile-view-outer .swiper {
    position: relative
}

.timeline-mobile-view-outer .swiper .swiper-scrollbar {
    position: absolute;
    top: 50px !important;
    left: 4% !important
}

.timeline-mobile-view-outer .swiper .swiper-scrollbar .scroll-start-year {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    right: unset;
    top: -10px;
    left: -43px
}

.timeline-mobile-view-outer .swiper .swiper-scrollbar .scroll-end-year {
    right: -36px;
    top: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.timeline-mobile-view-outer .swiper .swiper-wrapper {
    padding-top: 115px
}

@media only screen and (max-width:599px) {
    .timeline-mobile-view-outer .swiper .swiper-scrollbar {
        position: absolute;
        top: 50px !important;
        left: 9% !important;
        width: calc(100% - 90px) !important
    }

    .timeline-mobile-view-outer .swiper .swiper-scrollbar .scroll-start-year {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        right: unset;
        top: -10px;
        left: -42px
    }

    .timeline-mobile-view-outer .swiper .swiper-scrollbar .scroll-end-year {
        right: -60px;
        top: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .timeline-mobile-view-outer .swiper .swiper-wrapper {
        padding-top: 115px
    }
}

.custom-pagination {
    overflow-y: hidden;
    max-height: 150px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    position: relative;
    bottom: unset !important;
    left: unset !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.year-prefix {
    font-weight: 700;
    font-size: 24px
}

.year-prefix-container {
    max-height: 150px;
    overflow-y: hidden
}

.custom-pagination li {
    font-size: 24px;
    text-align: center
}

.custom-pagination .swiper-pagination-bullet {
    border-radius: 0;
    background-color: transparent;
    width: auto;
    height: auto;
    opacity: 1;
    position: relative;
    font-weight: 700
}

.timeline-component-container .swiper-scrollbar .swiper-scrollbar-drag {
    left: -5px;
    top: -29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    padding: 13px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 56px !important;
    height: 56px !important;
    background-color: #000 !important;
    border-radius: 99px !important;
    position: relative
}

@media only screen and (max-width:599px) {
    .timeline-component-container .swiper-scrollbar .swiper-scrollbar-drag {
        left: -8px;
        top: -2pc
    }
}

.timeline-component-container .swiper-horizontal>.swiper-scrollbar {
    z-index: 50;
    height: 5px;
    width: 100%
}

.timeline-component-container .swiper-horizontal>.swiper-scrollbar .timeline-mobile-scrollbar {
    height: 4px;
    width: 99% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.timeline-component-container .swiper-horizontal>.swiper-scrollbar .timeline-mobile-scrollbar .rounded-dots-scrollbar {
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #c9c9ce
}

@media only screen and (max-width:599px) {
    .timeline-component-container .swiper-horizontal>.swiper-scrollbar .timeline-mobile-scrollbar {
        height: 4px;
        width: 109% !important
    }
}

.fixed {
    top: 23%;
    height: 90pt;
    left: 3%
}

.timeline-swiper .swiper-scrollbar {
    width: calc(100% - 60px) !important
}

.timeline-component-container {
    padding-top: 3pc
}

@media only screen and (max-width:599px) {
    .timeline-component-container {
        padding: 40px 1pc
    }
}

.timeline-component-container .timeline-component-title {
    font-family: Basis-bold;
    font-style: normal;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #000;
    margin-bottom: .5rem
}

@media only screen and (max-width:599px) {
    .timeline-component-container .timeline-component-title {
        font-size: .75rem;
        line-height: 1rem
    }
}

.timeline-component-container .timeline-component-desc {
    font-family: Houschka-medium;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: #000;
    width: 50%;
    padding-bottom: 3rem;
    margin-bottom: 0
}

@media only screen and (max-width:1199px) {
    .timeline-component-container .timeline-component-desc {
        padding-bottom: 2.5rem
    }
}

@media only screen and (max-width:599px) {
    .timeline-component-container .timeline-component-desc {
        font-size: 2rem;
        width: 100%;
        padding-bottom: 2.5rem
    }
}

.timeline-component-container .timeline-milestone-year-li .timeline-milestone-year-text {
    font-family: Houschka-medium;
    font-weight: 500;
    font-size: 9.5rem;
    text-decoration: none;
    color: #000;
    position: relative;
    line-height: .7
}

.timeline-component-container .timeline-milestone-year-li .timeline-milestone-year-text:hover {
    text-decoration: none
}

@media only screen and (max-width:599px) {
    .timeline-component-container .timeline-milestone-year-li .timeline-milestone-year-text {
        font-size: 7.875rem
    }
}

.timeline-component-container .custom-pagination li,
.timeline-component-container .year-prefix-container span {
    font-family: Houschka-medium;
    font-weight: 500;
    color: #000;
    position: relative;
    font-size: 8rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    line-height: 1
}

.year-divider {
    height: 345px;
    background: #000;
    width: 4px;
    position: relative;
    left: 90px
}

.divider-height-incr {
    height: 405px !important
}

.year-text-prefix {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: 180px
}

.year-text-prefix span {
    font-family: Houschka-medium;
    font-weight: 500;
    font-size: 9.5rem;
    text-decoration: none;
    color: #000;
    position: relative;
    line-height: .8
}

.fixed {
    top: 21%;
    height: 127px;
    overflow: hidden;
    left: 5%
}

.fixed--inner {
    position: relative;
    -webkit-transition: top .2s linear;
    transition: top .2s linear
}

.scroll-start-year {
    top: 0
}

.scroll-end-year {
    bottom: 24px
}

.scroll-year-text {
    position: absolute;
    font-family: Basis-bold;
    font-style: normal;
    font-weight: 700;
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #000;
    right: 20%
}

.vertical-scroll-border {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    bottom: 3px;
    z-index: 1;
    left: 48%;
    top: 7%;
    width: 6px
}

@media only screen and (min-width:1200px) {
    .vertical-scroll-border {
        max-height: 25pc !important;
        height: 78%
    }
}

@media only screen and (min-width:1500px) {
    .vertical-scroll-border {
        max-height: 500px !important;
        height: 80%
    }
}

@media only screen and (min-width:1920px) {
    .vertical-scroll-border {
        max-height: 750px !important;
        height: 84%
    }
}

@media only screen and (max-width:1199px) {
    .vertical-scroll-border {
        max-height: 25pc !important
    }
}

.vertical-scroll-border .rounded-dots-scrollbar {
    height: 6px;
    width: 6px;
    background-color: #c9c9ce;
    border-radius: 50%
}

.os-scrollbar-handle {
    z-index: 5;
    right: 7%
}

.our-expert-section {
    padding: 3rem 0 2.8125rem
}

.expert-card-grid-panel {
    padding: 3rem 0
}

.our-people-section .our-people-slider {
    padding: 0 20px
}

.our-people-section .our-people-slider .our-people-slide .cta-link-focus .our-people-des-txt,
.our-people-section .our-people-slider .our-people-slide .cta-link-focus .our-people-designation,
.our-people-section .our-people-slider .our-people-slide .cta-link-focus .our-people-name,
.our-people-section .our-people-slider .our-people-slide .cta-link-focus .people-overlay-know-more,
.our-people-section .our-people-slider .our-people-slide .cta-link-focus:active {
    text-decoration: none !important
}

.our-people-section .our-people-title {
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    color: #000;
    font-family: Basis-regular;
    font-weight: bolder
}

.our-people-section .our-people-heading {
    font-size: 2.5rem;
    line-height: 40px;
    letter-spacing: .5px;
    color: #000;
    font-family: Houschka-medium;
    margin-bottom: 2rem
}

@media only screen and (max-width:1199px) {
    .our-people-section .our-people-heading {
        font-size: 2rem
    }
}

.our-people-section .our-people-description {
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #000;
    font-family: Basis-regular;
    margin-bottom: 3rem
}

@media only screen and (max-width:1199px) {
    .our-people-section .our-people-description {
        margin-bottom: 2.5rem
    }
}

.our-people-section .our-people-card {
    cursor: auto
}

.our-people-section .our-people-card .our-people-thumb-image {
    width: 11pc;
    height: 11pc;
    background-position: 50%;
    background-size: cover;
    margin-bottom: 1.5rem
}

.our-people-section .our-people-card .our-people-designation {
    color: #000;
    font-size: .75rem;
    line-height: 1pc;
    letter-spacing: .15em;
    font-family: Basis-bold
}

.our-people-section .our-people-card .our-people-designation-height {
    height: 2rem
}

.our-people-section .our-people-card .our-people-name {
    color: #e41165;
    font-size: 2rem;
    line-height: 40px;
    font-family: Houschka-medium;
    letter-spacing: -.0625rem
}

@media only screen and (min-width:600px) and (max-width:1199px) {
    .our-people-section .our-people-card .our-people-name {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

.our-people-section .our-people-card .our-people-name-height {
    height: 6rem
}

.our-people-section .our-people-card .our-people-info {
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .5px;
    color: #5e6162;
    font-family: Basis-regular;
    min-height: 5pc
}

.our-people-section .our-people-card .our-people-info:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background-color: #e41165;
    content: "";
    border-radius: 4px;
    opacity: .5
}

.our-people-section .our-people-card .our-people-info .our-people-des-txt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.our-people-section .our-people-card .our-people-info.has-know-more {
    padding-bottom: .3125rem
}

.our-people-section .our-people-card .people-overlay-know-more {
    color: #000;
    font-family: Basis-regular;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    margin-top: .5rem;
    position: relative
}

.our-people-section .our-people-card .people-overlay-know-more:after {
    content: "";
    position: absolute;
    width: 100%;
    height: .0625rem;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    bottom: -.25rem;
    left: 0;
    opacity: 0
}

.our-people-section .our-people-card.is-clickable-card {
    cursor: pointer
}

.our-people-section .our-people-card.is-clickable-card:hover .our-people-info:before,
.our-people-section .our-people-card.is-clickable-card:hover .people-overlay-know-more:after,
.our-people-section .swiper-slide-active .our-people-card,
.our-people-section .swiper-slide-next+.swiper-slide+.swiper-slide .our-people-card,
.our-people-section .swiper-slide-next+.swiper-slide .our-people-card,
.our-people-section .swiper-slide-next .our-people-card {
    opacity: 1
}

@media only screen and (max-width:599px) {
    .our-people-section .swiper-slide-active .our-people-card {
        opacity: 1
    }

    .our-people-section .swiper-slide-next+.swiper-slide+.swiper-slide .our-people-card,
    .our-people-section .swiper-slide-next+.swiper-slide .our-people-card,
    .our-people-section .swiper-slide-next .our-people-card {
        opacity: .5
    }
}

.our-people-section .our-people-slide {
    width: 25%
}

.our-people-section .our-people-slider-button-next,
.our-people-section .our-people-slider-button-next-lg,
.our-people-section .our-people-slider-button-prev,
.our-people-section .our-people-slider-button-prev-lg {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-position: 50%;
    background-size: 1pc;
    background-color: #000;
    background-repeat: no-repeat;
    cursor: pointer
}

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

    .our-people-section .our-people-slider-button-next,
    .our-people-section .our-people-slider-button-next-lg,
    .our-people-section .our-people-slider-button-prev,
    .our-people-section .our-people-slider-button-prev-lg {
        display: none
    }
}

.our-people-section .our-people-slider-button-prev {
    background-image: url(clientlib-site/resources/images/arrow-right-w.svg);
    -webkit-transform: rotate(-180deg) translateY(-50%);
    transform: rotate(-180deg) translateY(-50%);
    left: .5rem;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.our-people-section .our-people-slider-button-prev.swiper-button-disabled {
    display: none
}

.our-people-section .our-people-slider-button-prev.our-ppl-prev-btn {
    top: 6.375rem;
    left: -1.5625rem
}

.our-people-section .our-people-slider-button-prev.our-ppl-prev-btn:focus {
    -webkit-box-shadow: 0 0 0 2px #fff inset;
    box-shadow: inset 0 0 0 2px #fff;
    border: .0625rem solid #000;
    margin: .5rem
}

.our-people-section .our-people-slider-button-next {
    right: -.5rem;
    background-image: url(clientlib-site/resources/images/arrow-right-w.svg)
}

.our-people-section .our-people-slider-button-next.swiper-button-disabled {
    display: none
}

.our-people-section .our-people-slider-button-next.our-ppl-next-btn {
    top: 6.375rem;
    right: -1.5625rem
}

.our-people-section .our-people-slider-button-next.our-ppl-next-btn:focus {
    -webkit-box-shadow: 0 0 0 2px #fff inset;
    box-shadow: inset 0 0 0 2px #fff;
    border: .0625rem solid #000;
    margin: .5rem
}

@media only screen and (max-width:1199px) {
    .our-people-section .our-people-slide {
        width: 45%
    }
}

@media only screen and (max-width:599px) {
    .our-people-section .our-people-slide {
        width: 90%
    }
}

.our-people-section .our-people-scrollbar {
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%
}

@media only screen and (min-width:600px) and (max-width:1199px) {
    .our-people-section .our-people-scrollbar {
        bottom: -46px
    }
}

@media only screen and (max-width:599px) {
    .our-people-section .our-people-scrollbar {
        bottom: -36px
    }
}

.our-people-section .our-people-scrollbar:after {
    position: absolute;
    content: "";
    height: 1px;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #c9c9ce
}

.our-people-section .our-people-scrollbar .swiper-scrollbar-drag {
    position: relative;
    width: 100%;
    height: 100%;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    bottom: 0;
    left: 0;
    z-index: 1
}

@media only screen and (min-width:600px) and (max-width:1199px) {
    .our-people-section.expert-card-section {
        padding-bottom: 50px !important
    }
}

@media only screen and (max-width:599px) {
    .our-people-section.expert-card-section {
        padding-bottom: 40px !important
    }
}

.our-people-section.expert-card-section .our-people-title {
    margin-bottom: .5rem !important
}

@media only screen and (min-width:600px) {
    .our-people-section.expert-card-section .our-people-heading {
        max-width: 33.0625rem
    }
}

@media only screen and (min-width:1200px) {
    .our-people-section.expert-card-section .our-people-heading {
        max-width: 42.9375rem
    }
}

.our-people-section.expert-card-section .our-people-card .our-people-designation-height {
    margin-bottom: 2rem
}

@media only screen and (max-width:1199px) {
    .our-people-section.expert-card-section .our-people-card {
        padding-top: 0
    }
}

@media only screen and (min-width:600px) and (max-width:1199px) {
    .our-people-section.expert-card-section .our-people-card .our-people-thumb-image {
        width: 9.75rem;
        height: 9.75rem
    }
}

.our-people-section.expert-card-section .our-people-card .our-people-info {
    padding-left: .9375rem !important
}

.our-people-dark-theme {
    background-color: #000
}

.our-people-dark-theme .our-people-card .our-people-designation,
.our-people-dark-theme .our-people-description,
.our-people-dark-theme .our-people-heading,
.our-people-dark-theme .our-people-title {
    color: #fff
}

.our-people-dark-theme .our-people-card .our-people-info {
    color: #b4b4b8
}

.our-people-dark-theme .our-people-card .people-overlay-know-more {
    color: #fff
}

.our-people-dark-theme .our-people-slider-button-next,
.our-people-dark-theme .our-people-slider-button-prev {
    background-color: #fff
}

.our-people-dark-theme .our-people-slider-button-prev {
    background-image: url(clientlib-site/resources/images/left-icon.svg);
    -webkit-transform: rotate(0deg) translateY(-50%);
    transform: rotate(0deg) translateY(-50%)
}

.our-people-dark-theme .our-people-slider-button-next {
    background-image: url(clientlib-site/resources/images/arrow-right-b.svg);
    background-size: 22px
}

.overlay-card-container {
    background-color: #1e2222;
    padding-top: 1pc;
    padding-bottom: 1pc
}

.overlay-card-container .overlay-card-div {
    height: 344px;
    width: 100%;
    border-radius: 1rem;
    background-color: transparent;
    -webkit-transition: .7s;
    transition: .7s;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    cursor: pointer
}

.overlay-card-container .overlay-card-div:focus,
.overlay-card-container .overlay-card-div:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.overlay-card-container .overlay-card-div:focus.image-gradient-bg:before,
.overlay-card-container .overlay-card-div:hover.image-gradient-bg:before {
    background: transparent;
    -webkit-filter: saturate(80%);
    filter: saturate(80%)
}

.overlay-card-container .overlay-card-div.image-gradient-bg:before {
    background: #3b3d4a;
    mix-blend-mode: multiply;
    border-radius: 8px;
    -webkit-filter: saturate(20%);
    filter: saturate(20%)
}

.overlay-card-container .overlay-card-div .overlay-card-img {
    border-radius: 1rem
}

@media screen and (min-width:1200px) {

    .overlay-card-container .overlay-card-div:focus .overlay-card-details,
    .overlay-card-container .overlay-card-div:hover .overlay-card-details {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.overlay-card-container .overlay-card-div:focus .overlay-card-desc,
.overlay-card-container .overlay-card-div:focus .overlay-card-title {
    text-decoration: underline;
    -webkit-text-decoration-color: #333737;
    text-decoration-color: #333737
}

@media screen and (min-width:1200px) {

    .overlay-card-container .overlay-card-div:focus .overlay-card-desc,
    .overlay-card-container .overlay-card-div:hover .overlay-card-desc {
        opacity: 1 !important;
        -webkit-transition: opacity .4s linear;
        transition: opacity .4s linear
    }
}

.overlay-card-container .overlay-card-div .overlay-card-details {
    width: 100%;
    -webkit-transition: -webkit-transform .4s linear;
    transition: -webkit-transform .4s linear;
    transition: transform .4s linear;
    transition: transform .4s linear, -webkit-transform .4s linear;
    -webkit-transform: translateY(90px);
    transform: translateY(90px);
    height: calc(100% - 35px);
    z-index: 3;
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (max-width:1199px) {
    .overlay-card-container .overlay-card-div .overlay-card-details {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.overlay-card-container .overlay-card-div .overlay-card-details .overlay-card-title {
    font-family: Basis-regular;
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: .5px;
    color: #fff
}

.overlay-card-container .overlay-card-div .overlay-card-details .overlay-card-desc {
    opacity: 0;
    color: #fff;
    max-width: 90%;
    font-family: Basis-Light;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .5px;
    min-height: 76px;
    max-height: 76px
}

@media screen and (max-width:1199px) {
    .overlay-card-container .overlay-card-div .overlay-card-details .overlay-card-desc {
        opacity: 1
    }
}

@media screen and (max-width:599px) {
    .overlay-card-container .overlay-card-div .overlay-card-details .overlay-card-desc {
        display: none
    }
}

.container-padding-left {
    padding-left: 2.5%
}

.overlay-detail-modal {
    overflow-y: auto;
    background-color: #1e2222;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1002
}

.overlay-detail-modal .overlay-detail-title {
    font-family: Houschka-medium;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: #fff
}

.overlay-detail-modal .overlay-card-desc {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px;
    color: #b4b4b8
}

.overlay-detail-modal .overlay-details-page-img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right;
    object-position: right;
    max-height: 50vh
}

.overlay-detail-modal .related-insights-container .related-insight-title {
    font-family: Basis-medium;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #fff
}

.overlay-detail-modal .related-insights-container .related-insight-content-card {
    position: relative;
    display: block;
    padding-left: 2pc
}

.overlay-detail-modal .related-insights-container .related-insight-content-card:after {
    background: #e41165;
    width: 4px;
    border-radius: 10px;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    content: ""
}

.overlay-detail-modal .related-insights-container .related-insight-content-card .related-insight-content-heading-link {
    font-family: Basis-regular;
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: .5px;
    color: #fff
}

.overlay-detail-modal .related-insights-container .related-insight-content-card .related-insight-content-heading-link:hover {
    text-transform: none
}

.overlay-detail-modal .related-insights-container .related-insight-content-card .related-insight-card-desc {
    font-family: Basis-Light;
    font-size: 18px;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #b4b4b8
}

.overlay-detail-modal .close-icon-div {
    position: absolute;
    right: 1.5%;
    top: 2.5%;
    z-index: 11;
    width: 4pc;
    height: 4pc;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer
}

@media screen and (max-width:1199px) {
    .overlay-detail-modal .close-icon-div {
        width: 3pc;
        height: 3pc
    }
}

.overlay-detail-modal .close-icon-div .close-icon {
    background-image: url(clientlib-site/resources/images/close.svg);
    width: 24px;
    height: 24px;
    display: inline-block;
    background-position: 50%
}

.overlay-detail-modal .related-insight-tag-div .related-insight-tag {
    font-family: Basis-Light;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .5px;
    color: #fff
}

.overlay-detail-modal .related-insight-tag-div .related-insight-date {
    font-family: Basis-Light;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .5px;
    color: #b4b4b8
}

.marketo {
    margin: 2.65625rem 0
}

.marketo-container .close-button-div {
    right: 0;
    position: absolute;
    width: 1.625rem;
    height: 1.625rem
}

@media only screen and (max-width:599px) {
    .marketo-container .close-button-div {
        position: relative;
        float: right
    }
}

.marketo-container .text-gray {
    color: #333737;
    font-size: .875rem;
    letter-spacing: .125rem;
    font-family: Basis-regular
}

.marketo-container .marketo-inner-wrapper {
    border-top: .0625rem solid #dfdee3;
    border-bottom: .0625rem solid #dfdee3;
    padding: 2.28125rem 0
}

.marketo-container .commonForm-verbiage {
    color: #333737;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .03125rem;
    font-family: Basis-regular;
    margin-bottom: 2rem
}

.marketo-container .commonForm-verbiage p {
    margin-bottom: 0
}

.marketo-container .commonForm-verbiage p strong>a {
    color: #000;
    font-family: Basis-bold;
    text-decoration: underline
}

.marketo-heading {
    font-size: 1rem;
    text-transform: uppercase;
    color: #000;
    letter-spacing: .09375rem;
    font-family: Basis-bold;
    line-height: 1.5rem
}

.marketo-subHeading {
    font-size: 2.5rem;
    line-height: 3rem;
    font-family: Houschka-medium;
    color: #000
}

.marketo-para {
    color: #000;
    font-size: 1.5rem;
    font-family: Basis-regular;
    word-break: normal;
    letter-spacing: .03125rem;
    line-height: 2rem
}

.marketo-form-formfield {
    min-height: 6.25rem;
    max-height: 13rem
}

.marketo-form-formfield .error-text {
    margin-top: .5rem;
    margin-bottom: 1rem;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.marketo-form-formfield .form-element-label {
    visibility: hidden;
    text-transform: uppercase;
    margin-bottom: 0
}

.marketo-form-formfield .form-element-label.display-label {
    visibility: visible
}

.marketo-form-formfield .form-element-input {
    padding-bottom: 1rem;
    background-color: unset;
    outline: none;
    border: none;
    width: 100%;
    color: #000;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.marketo-form-formfield .form-element-input:focus::-webkit-input-placeholder {
    visibility: hidden
}

.marketo-form-formfield .form-element-input:focus::-moz-placeholder {
    visibility: hidden
}

.marketo-form-formfield .form-element-input:focus:-ms-input-placeholder {
    visibility: hidden
}

.marketo-form-formfield .form-element-input:focus::-ms-input-placeholder {
    visibility: hidden
}

.marketo-form-formfield .form-element-input:focus::placeholder {
    visibility: hidden
}

.marketo-form-formfield .form-element-input::-webkit-input-placeholder {
    color: #747678;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.marketo-form-formfield .form-element-input::-moz-placeholder {
    color: #747678;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.marketo-form-formfield .form-element-input:-ms-input-placeholder {
    color: #747678;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.marketo-form-formfield .form-element-input::-ms-input-placeholder {
    color: #747678;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.marketo-form-formfield .form-element-input::placeholder {
    color: #747678;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.marketo-form-formfield .form-element-input::-webkit-input-placeholder:first-letter {
    text-transform: capitalize
}

.marketo-form-formfield .form-element-input::-moz-placeholder:first-letter {
    text-transform: capitalize
}

.marketo-form-formfield .form-element-input:-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.marketo-form-formfield .form-element-input::-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.marketo-form-formfield .form-element-input::placeholder:first-letter {
    text-transform: capitalize
}

.marketo-form-formfield .form-element-textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: unset;
    width: 100%;
    resize: none;
    border: none;
    outline: none;
    color: #000;
    overflow-y: hidden;
    padding-bottom: 1rem;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.marketo-form-formfield .form-element-textarea::-webkit-scrollbar {
    width: .3125rem
}

.marketo-form-formfield .form-element-textarea::-webkit-scrollbar-track-piece {
    border-radius: 6.25rem
}

.marketo-form-formfield .form-element-textarea:hover::-webkit-scrollbar-thumb {
    height: 1.875rem;
    background-color: #9e9fa3;
    border-radius: 6.25rem
}

.marketo-form-formfield .form-element-textarea.text-overflow {
    overflow-y: scroll
}

.marketo-form-formfield .form-element-textarea:focus::-webkit-input-placeholder {
    visibility: hidden
}

.marketo-form-formfield .form-element-textarea:focus::-moz-placeholder {
    visibility: hidden
}

.marketo-form-formfield .form-element-textarea:focus:-ms-input-placeholder {
    visibility: hidden
}

.marketo-form-formfield .form-element-textarea:focus::-ms-input-placeholder {
    visibility: hidden
}

.marketo-form-formfield .form-element-textarea:focus::placeholder {
    visibility: hidden
}

.marketo-form-formfield .form-element-textarea::-webkit-input-placeholder {
    color: #747678;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.marketo-form-formfield .form-element-textarea::-moz-placeholder {
    color: #747678;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.marketo-form-formfield .form-element-textarea:-ms-input-placeholder {
    color: #747678;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.marketo-form-formfield .form-element-textarea::-ms-input-placeholder {
    color: #747678;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.marketo-form-formfield .form-element-textarea::placeholder {
    color: #747678;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.marketo-form-formfield .form-element-textarea::-webkit-input-placeholder:first-letter {
    text-transform: capitalize
}

.marketo-form-formfield .form-element-textarea::-moz-placeholder:first-letter {
    text-transform: capitalize
}

.marketo-form-formfield .form-element-textarea:-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.marketo-form-formfield .form-element-textarea::-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.marketo-form-formfield .form-element-textarea::placeholder:first-letter {
    text-transform: capitalize
}

.marketo-form-formfield .form-element-div {
    border-bottom: .0625rem solid #898a8d
}

.marketo-form-formfield .form-element-div:focus-within,
.marketo-form-formfield .form-element-div:hover {
    border-bottom: .0625rem solid #5e6162
}

.marketo-form-formfield .textfield-limit {
    -ms-flex-item-align: start;
    align-self: start;
    color: #747678;
    font-size: .875rem;
    font-family: Basis-regular;
    margin-top: .5rem
}

.marketo-form-formfield .textfield-limit.error {
    color: #e02222
}

.marketo-form-formfield .validationcheck {
    background: url(clientlib-site/resources/images/formOverlay/validationcheck.svg) 50% no-repeat
}

.marketo-form-formfield .validationerror {
    background: url(clientlib-site/resources/images/formOverlay/validationerror.svg) 50% no-repeat;
    width: 2rem
}

.marketo-form-checkbox .consent-checkbox {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.marketo-form-checkbox .consent-checkbox-input,
.marketo-form-checkbox .consent-checkbox-input-nonMandatory {
    border: .0625rem solid #5e6162;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: .9375rem;
    height: .9375rem;
    border-radius: .25rem;
    background-color: unset;
    margin-left: 0;
    cursor: pointer
}

.marketo-form-checkbox .consent-checkbox-input-nonMandatory:focus,
.marketo-form-checkbox .consent-checkbox-input:focus {
    border: .0625rem solid #000;
    -webkit-box-shadow: none;
    box-shadow: none
}

.marketo-form-checkbox .consent-checkbox-input-nonMandatory:focus,
.marketo-form-checkbox .consent-checkbox-input-nonMandatory:hover,
.marketo-form-checkbox .consent-checkbox-input:focus,
.marketo-form-checkbox .consent-checkbox-input:hover {
    border: .0625rem solid #c9c9ce
}

.marketo-form-checkbox .consent-checkbox-input-nonMandatory:checked[type=checkbox],
.marketo-form-checkbox .consent-checkbox-input:checked[type=checkbox] {
    border: .0625rem solid #e41165;
    background-image: url(clientlib-site/resources/images/formOverlay/check-box.svg);
    background-position: 50%
}

.marketo-form-checkbox .error-text {
    margin-bottom: 0;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.marketo-form-checkbox .consent-checkbox-label {
    width: 100%;
    line-height: 1.5rem;
    margin: 0 0 0 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.marketo-form-checkbox .consent-checkbox-label p {
    display: inline;
    margin-bottom: 0
}

.marketo-form-checkbox .consent-checkbox-label p strong>a {
    color: #000;
    font-family: Basis-bold;
    text-decoration: underline
}

.btn-outer-block {
    text-align: left
}

@media (min-width:601px) and (max-width:992px) {
    .btn-outer-block {
        text-align: center
    }
}

.btn-outer-block .marketo-form-btn-send {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-radius: 6.25rem;
    font-size: 1.125rem;
    color: #fff;
    letter-spacing: .03125rem;
    line-height: 2.03125rem;
    padding: .75rem 3.5rem;
    font-family: Basis-regular
}

.btn-outer-block .marketo-form-btn-send:hover {
    color: #fff
}

@media only screen and (max-width:599px) {
    .btn-outer-block .marketo-form-btn-send {
        width: 100%
    }
}

.btn-outer-block .marketo-form-btn-send:not([disabled]):hover {
    background: linear-gradient(102.57deg, #f84d9f, #d0121e);
    color: #fff
}

.btn-outer-block .marketo-form-btn-send:disabled {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
}

.btn-outer-block .marketo-form-btn-send:focus {
    -webkit-box-shadow: 0 0 0 .0625rem #fff inset;
    box-shadow: inset 0 0 0 .0625rem #fff;
    border: 1.5px solid #f4a0c1;
    margin: .0625rem
}

.btn-outer-block .marketo-form-btn-send:after {
    content: "";
    background: url(clientlib-site/resources/images/formOverlay/inline-button-arrow.svg) 50% no-repeat;
    padding: 1rem;
    margin-left: .5rem
}

.loader-button-wrapper {
    text-align: left
}

@media (min-width:601px) and (max-width:992px) {
    .loader-button-wrapper {
        text-align: center
    }
}

.loader-button-wrapper .loader-spin {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: .125rem solid hsla(0, 0%, 47.1%, .3);
    border-top-color: #000;
    animation: loader-spin 1s ease-in-out infinite;
    -webkit-animation: loader-spin 1s ease-in-out infinite;
    vertical-align: middle;
    margin-left: .3125rem
}

@keyframes loader-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@-webkit-keyframes loader-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

.loader-button-wrapper .loader-button {
    border: 1.5px solid #000;
    background-color: unset;
    color: #000;
    width: 10.875rem;
    font-size: 1.125rem;
    padding: .75rem 2rem;
    border-radius: 6.25rem;
    height: 3.5rem;
    font-weight: 500;
    letter-spacing: .03125rem;
    font-family: Basis-regular
}

@media only screen and (max-width:599px) {
    .loader-button-wrapper .loader-button {
        width: 100%
    }
}

.form-element-error .dropDown-outerDiv,
.form-element-error .form-element-div {
    border-bottom: .0625rem solid #ff3e3e
}

.form-element-error .form-element-div:focus-within,
.form-element-error .form-element-div:hover {
    border-bottom: 1px solid #ff3e3e
}

.form-element-error .form-element-div .form-element-input,
.form-element-error .form-element-div .form-element-textarea {
    color: #ff3e3e
}

.form-element-error .consent-checkbox-input {
    border: .0625rem solid #ff3e3e
}

.form-element-error .consent-checkbox-input:focus,
.form-element-error .consent-checkbox-input:hover {
    border: 1px solid #ff3e3e
}

.marketo-form-error-message {
    margin: 1rem auto
}

.marketo-form-error-message .marketo-form-error-message-inner {
    padding: 1rem;
    text-align: center;
    margin: 1rem;
    border: .0625rem solid #ff3e3e;
    border-radius: .25rem
}

.marketo-form-error-message .error-message-marketoForm {
    color: #ff3e3e;
    font-size: 1rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.marketo-form-error-message .tooltip-marketoForm-serverError {
    background: url(clientlib-site/resources/images/formOverlay/validationerror.svg) 50% no-repeat;
    width: 2rem
}

.podcast-component .podcast-inner-div {
    padding-top: 36px;
    padding-bottom: 36px
}

@media only screen and (max-width:767px) {
    .podcast-component .podcast-inner-div {
        padding-left: 0;
        padding-right: 0
    }
}

.podcast-component .podcast-inner-div .title-row {
    border: 1px solid #dfdee3;
    border-radius: 5px
}

.podcast-component .podcast-inner-div .title-row .component-title-div .podcast-thumb-box {
    padding: 24px 0 20px
}

@media only screen and (max-width:767px) {
    .podcast-component .podcast-inner-div .title-row .component-title-div .podcast-thumb-box {
        padding: 9pt 0
    }
}

.podcast-component .podcast-inner-div .title-row .component-title-div .podcast-cover-img {
    width: 14rem;
    max-width: 100%;
    height: auto;
    padding-top: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto 2rem
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .podcast-component .podcast-inner-div .title-row .component-title-div .podcast-cover-img {
        height: auto;
        width: 10rem
    }
}

@media only screen and (max-width:767px) {
    .podcast-component .podcast-inner-div .title-row .component-title-div .podcast-cover-img {
        margin-bottom: 0
    }
}

.podcast-component .podcast-inner-div .title-row .component-title-div .podcast-title-div {
    padding-left: 1.5rem
}

@media only screen and (max-width:1199px) {
    .podcast-component .podcast-inner-div .title-row .component-title-div .podcast-title-div {
        padding-left: 5.5rem
    }
}

.podcast-component .podcast-inner-div .latest-card-social-button-share {
    min-width: 1.75rem
}

.podcast-component .podcast-inner-div .latest-card-social-button-share .latest-card-social-links {
    background-color: #f4f3f9;
    display: none;
    width: 110px;
    top: -5px;
    left: 30px;
    border: 1px solid #000;
    border-radius: 20px;
    padding: .25rem .5rem
}

.podcast-component .podcast-inner-div .latest-card-social-button-share .latest-card-social-links:after {
    content: "";
    position: absolute;
    border: 7px solid transparent;
    border-right-color: #fff;
    left: -9pt;
    top: 10px;
    display: block
}

.podcast-component .podcast-inner-div .latest-card-social-button-share .latest-card-social-links:before {
    content: "";
    position: absolute;
    border: 7px solid transparent;
    border-right-color: #000;
    left: -13px;
    top: 10px;
    display: block
}

.podcast-component .podcast-inner-div .latest-card-social-button-share .latest-card-social-links .latest-card-social-link {
    display: block
}

@media only screen and (max-width:767px) {
    .podcast-component .podcast-inner-div .latest-card-social-button-share .latest-card-social-links {
        top: -45px;
        left: -50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .podcast-component .podcast-inner-div .latest-card-social-button-share .latest-card-social-links:before {
        border-color: #000 transparent transparent;
        left: 80%;
        bottom: -15px;
        top: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .podcast-component .podcast-inner-div .latest-card-social-button-share .latest-card-social-links:after {
        left: 80%;
        top: auto;
        bottom: -13px;
        border-color: #fff transparent transparent;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.podcast-component .podcast-inner-div .latest-card-social-button-share.open-share-icons .latest-card-social-links,
.podcast-component .podcast-inner-div .latest-card-social-button-share.open-share-icons .latest-card-social-links .latest-card-social-link {
    display: block
}

.podcast-component .podcast-inner-div .component-share-btn-div .podcast-share-icon {
    background-image: url(clientlib-site/resources/images/podcastCoponent/share.svg);
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle
}

.podcast-component .podcast-inner-div .component-share-btn-div .latest-card-social-link {
    width: 24px;
    height: 24px;
    -webkit-filter: invert(1);
    filter: invert(1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.podcast-component .podcast-inner-div .component-share-btn-div .latest-card-social-link.latest-card-social-share {
    background-image: url(clientlib-site/resources/images/social-icons/share-ico-w.svg)
}

@media only screen and (max-width:1199px) {
    .podcast-component .podcast-inner-div .component-share-btn-div .latest-card-social-link.latest-card-social-share {
        display: none !important
    }
}

.podcast-component .podcast-inner-div .component-share-btn-div .latest-card-social-link.latest-card-read-more-icon {
    background-image: url(clientlib-site/resources/images/article-ico-w.svg)
}

@media only screen and (max-width:1199px) {
    .podcast-component .podcast-inner-div .component-share-btn-div .latest-card-social-link.latest-card-read-more-icon {
        display: none !important
    }
}

.podcast-component .podcast-inner-div .component-share-btn-div .latest-card-social-link.latest-card-social-twitter {
    background-image: url(clientlib-site/resources/images/social-icons/twitter-ico-w.svg)
}

.podcast-component .podcast-inner-div .component-share-btn-div .latest-card-social-link.latest-card-social-linkedin {
    background-image: url(clientlib-site/resources/images/social-icons/linkedin-ico-w.svg)
}

.podcast-component .podcast-inner-div .component-share-btn-div .latest-card-social-link.latest-card-social-facebook {
    background-image: url(clientlib-site/resources/images/social/Facebook.svg)
}

.podcast-component .controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-top: 10px
}

.podcast-component .podcast-audio-player-box {
    background-color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

@media only screen and (max-width:767px) {
    .podcast-component .podcast-audio-player-box {
        padding-top: 1rem;
        padding-bottom: 1.5rem;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 0
    }
}

.podcast-component .podcast-audio-player-box .video-message-wrapper {
    color: #119a34;
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    border: 1px solid #119a34;
    position: absolute;
    bottom: -2.5rem;
    right: 8px;
    padding: 9pt 9pt 9pt 52px;
    min-width: 15.125rem;
    border-radius: .25rem;
    background: rgba(0, 0, 0, .85);
    cursor: auto
}

.podcast-component .podcast-audio-player-box .video-message-wrapper:after {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    top: 50%;
    left: 9pt;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.podcast-component .podcast-audio-player-box .video-message-wrapper.video-ts-notready {
    color: #c9c9ce;
    border: 1px solid #c9c9ce
}

.podcast-component .podcast-audio-player-box .video-message-wrapper.video-ts-notready:after {
    background: url(clientlib-site/resources/images/video/Download_Trascript_inactive.svg)
}

.podcast-component .podcast-audio-player-box .video-message-wrapper.video-ts-downloading:after {
    background: url(clientlib-site/resources/images/video/Download_Trascript_success.svg)
}

.podcast-component .podcast-user-thumb-box {
    background-color: #f4f3f9;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

@media only screen and (max-width:767px) {
    .podcast-component .podcast-user-thumb-box {
        border-bottom-left-radius: 0;
        border-top-right-radius: 5px
    }
}

@media only screen and (max-width:767px) {
    .podcast-component .volume-sound-controls {
        margin-left: -15px;
        margin-right: -15px
    }
}

.podcast-component .audio-move {
    width: 30px;
    height: 30px;
    background-position: 50%;
    border: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-repeat: no-repeat;
    vertical-align: middle
}

.podcast-component .audio-move:disabled {
    opacity: .5
}

.podcast-component .audio-move.backward {
    background-image: url(clientlib-site/resources/images/podcastCoponent/prev20.svg)
}

.podcast-component .audio-move.backward:hover {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
    -webkit-transition: all .5s;
    transition: all .5s
}

.podcast-component .audio-move.forward {
    background-image: url(clientlib-site/resources/images/podcastCoponent/next20.svg)
}

.podcast-component .audio-move.forward:hover {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
    -webkit-transition: all .5s;
    transition: all .5s
}

.podcast-component .player-button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    width: 4.5rem;
    height: 4.5rem;
    background-size: cover
}

@media only screen and (max-width:1199px) {
    .podcast-component .player-button {
        width: 4rem;
        height: 4rem
    }
}

@media only screen and (max-width:767px) {
    .podcast-component .player-button {
        width: 3rem;
        height: 3rem
    }
}

.podcast-component .podcast-pause-btn {
    background-image: url(clientlib-site/resources/images/podcastCoponent/poscast-pause-btn.svg)
}

.podcast-component .podcast-play-btn {
    background-image: url(clientlib-site/resources/images/podcastCoponent/Gradient-play-button.svg)
}

.podcast-component .timeline {
    width: 100%;
    -webkit-appearance: none;
    height: 4px;
    background-color: #c9c9ce;
    border-radius: 5px;
    background-size: 0 100%;
    background-image: #000;
    background-repeat: no-repeat;
    margin-right: var(--space);
    vertical-align: middle
}

.podcast-component .timeline::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all .1s;
    transition: all .1s;
    background-color: #000
}

.podcast-component .timeline::-moz-range-thumb {
    -webkit-appearance: none;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1;
    -moz-transition: all .1s;
    transition: all .1s;
    background-color: #000
}

.podcast-component .timeline::-ms-thumb {
    -webkit-appearance: none;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    -ms-transition: all .1s;
    transition: all .1s;
    background-color: #000
}

.podcast-component .timeline::-webkit-slider-thumb:hover {
    background-color: #000
}

.podcast-component .timeline:hover::-webkit-slider-thumb {
    opacity: 1
}

.podcast-component .timeline::-moz-range-thumb:hover {
    background-color: #000
}

.podcast-component .timeline:hover::-moz-range-thumb {
    opacity: 1
}

.podcast-component .timeline::-ms-thumb:hover {
    background-color: #000
}

.podcast-component .timeline:hover::-ms-thumb {
    opacity: 1
}

.podcast-component .timeline::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: transparent
}

.podcast-component .timeline::-moz-range-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent
}

.podcast-component .timeline::-ms-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent
}

.podcast-component .sound-button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0
}

.podcast-component .media-audio-btn {
    background-image: url(clientlib-site/resources/images/podcastCoponent/volume-on.svg)
}

.podcast-component .media-audio-btn,
.podcast-component .media-mute-btn {
    width: 24px;
    height: 24px;
    padding: 0;
    background-position: 50%;
    background-repeat: no-repeat
}

.podcast-component .media-mute-btn {
    background-image: url(clientlib-site/resources/images/podcastCoponent/Mute.svg)
}

.podcast-component .podcast-download-btn {
    background-image: url(clientlib-site/resources/images/podcastCoponent/download_doc.svg);
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat
}

@media only screen and (max-width:767px) {
    .podcast-component .podcast-download-btn {
        width: 100%;
        padding-left: 2rem;
        background-position: 0;
        font-size: 1.125rem;
        height: auto;
        line-height: 2pc;
        letter-spacing: .5px;
        color: #fff;
        font-family: Basis-medium
    }
}

.podcast-component .component-desc {
    font-family: Houschka-medium;
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 2.5rem;
    min-height: 85px;
    color: #000
}

@media only screen and (max-width:767px) {
    .podcast-component .component-desc {
        margin-bottom: 1.875rem;
        font-size: 2rem;
        line-height: 2rem;
        min-height: auto
    }
}

.podcast-component .podcast-control-btn-div {
    padding-right: 15px
}

@media only screen and (max-width:767px) {
    .podcast-component .podcast-control-btn-div {
        padding-right: 0
    }
}

.podcast-component .wave-box {
    height: 72px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: auto;
    max-width: 356px;
    background-image: url(clientlib-site/resources/images/podcastCoponent/soundwaves_empty_light.svg)
}

@media only screen and (max-width:767px) {
    .podcast-component .wave-box {
        max-width: 100%
    }
}

.podcast-component .audio-fill {
    height: 100%;
    width: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: auto;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-image: url(clientlib-site/resources/images/podcastCoponent/soundwaves_filled_light.svg)
}

.podcast-component .audio-fill:after {
    height: 5pc;
    top: -5px;
    width: 2px;
    border-radius: 5px;
    background-color: #1e2222;
    position: absolute;
    right: 0
}

.podcast-component .file-duration-lapse {
    width: 56px;
    font-size: .75rem;
    line-height: 1pc;
    letter-spacing: .5px;
    color: #000;
    top: 50%;
    color: #fff;
    background-color: #000;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding: .25rem 0;
    border-radius: 25px;
    border: 1px solid #fff;
    font-family: Basis-regular;
    display: none
}

@media only screen and (max-width:767px) {
    .podcast-component .file-duration-lapse {
        width: 47px;
        top: -10px;
        -webkit-transform: translateX(-70%) translateY(-50%);
        transform: translateX(-70%) translateY(-50%)
    }
}

.podcast-component .file-duration {
    font-family: Basis-bold;
    font-size: 9pt;
    line-height: 1pc;
    letter-spacing: .5px;
    width: 50px;
    max-width: 100%
}

@media only screen and (max-width:767px) {
    .podcast-component .file-duration {
        position: absolute;
        top: -20px;
        right: 0;
        color: #747678
    }
}

.podcast-component .audio-playing .audio-fill:after {
    content: ""
}

.podcast-component .audio-playing .file-duration-lapse {
    display: block
}

.podcast-component .audio-volume-fill {
    width: 100%;
    left: 0;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 9pt;
    height: 4px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.podcast-component .download-text,
.podcast-component .share-text {
    color: #000
}

@media only screen and (max-width:767px) {
    .podcast-component .share-text {
        font-size: 1.125rem;
        line-height: 2pc;
        letter-spacing: .5px;
        vertical-align: middle;
        font-family: Basis-medium
    }
}

@media only screen and (max-width:767px) {
    .podcast-component .podcast-share-box {
        margin-left: 1rem
    }
}

.podcast-component.podast-dark-theme .download-text {
    color: #fff;
    -webkit-filter: invert(1);
    filter: invert(1)
}

.podcast-component.podast-dark-theme .share-text {
    color: #fff
}

.podcast-component.podast-dark-theme .podcast-pause-btn {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.podcast-component.podast-dark-theme .latest-card-social-links {
    background-color: #333737
}

.podcast-component.podast-dark-theme .timeline {
    background-color: #494c4d
}

.podcast-component.podast-dark-theme .audio-volume-fill {
    background-color: #fff
}

.podcast-component.podast-dark-theme .timeline::-webkit-slider-thumb {
    background-color: #fff
}

.podcast-component.podast-dark-theme .timeline::-moz-range-thumb {
    background-color: #fff
}

.podcast-component.podast-dark-theme .timeline::-ms-thumb {
    background-color: #fff
}

.podcast-component.podast-dark-theme .timeline::-webkit-slider-thumb:hover {
    background-color: #fff
}

.podcast-component.podast-dark-theme .timeline::-moz-range-thumb:hover {
    background-color: #fff
}

.podcast-component.podast-dark-theme .timeline::-ms-thumb:hover {
    background-color: #fff
}

.podcast-component.podast-dark-theme .component-desc,
.podcast-component.podast-dark-theme .file-duration,
.podcast-component.podast-dark-theme .section-heading {
    color: #fff
}

.podcast-component.podast-dark-theme .podcast-audio-player-box {
    background-color: #1e2222
}

.podcast-component.podast-dark-theme .podcast-user-thumb-box {
    background-color: #333737
}

.podcast-component.podast-dark-theme .file-duration-lapse {
    color: #000;
    background-color: #fff;
    border: 1px solid #000
}

.podcast-component.podast-dark-theme .audio-fill:after {
    background-color: #fff
}

.podcast-component.podast-dark-theme .audio-move,
.podcast-component.podast-dark-theme .media-audio-btn,
.podcast-component.podast-dark-theme .media-mute-btn,
.podcast-component.podast-dark-theme .podcast-download-bt,
.podcast-component.podast-dark-theme .podcast-download-btn,
.podcast-component.podast-dark-theme .podcast-share-icon {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.podcast-component.podast-dark-theme .wave-box {
    background-image: url(clientlib-site/resources/images/podcastCoponent/soundwaves_empty_dark.svg)
}

.podcast-component.podast-dark-theme .audio-fill {
    background-image: url(clientlib-site/resources/images/podcastCoponent/soundwaves_filled_dark.svg)
}

.podcast-component .audio-transcript-div {
    border-bottom: 1px solid #9e9fa3
}

.podcast-component .audio-transcript-div .audio-ts-btn {
    font-family: Basis-bold;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .15em;
    text-align: left;
    background-color: transparent;
    border: none
}

.podcast-component .audio-transcript-div .audio-ts-btn .podcast-toggle-arrow {
    background: url(clientlib-site/resources/images/chevron-down-black.svg);
    height: 8px;
    width: 14px
}

.podcast-component .audio-transcript-div .audio-ts-btn .arrow-rotate {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform eases .2s;
    transition: -webkit-transform eases .2s;
    transition: transform eases .2s;
    transition: transform eases .2s, -webkit-transform eases .2s
}

.podcast-component .audio-transcript-div .audio-ts-btn.disabled-btn {
    color: rgba(16, 16, 16, .3)
}

.podcast-component .audio-transcript-div .audio-ts-btn.disabled-btn .podcast-toggle-arrow {
    opacity: .3
}

.podcast-component .audio-transcript-div .audio-transcript-content {
    height: 350px;
    overflow-y: scroll
}

.podcast-component .audio-transcript-div .audio-transcript-content::-webkit-scrollbar {
    width: 4px
}

.podcast-component .audio-transcript-div .audio-transcript-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #c9c9ce;
    box-shadow: inset 0 0 5px #c9c9ce;
    border-radius: 7px
}

.podcast-component .audio-transcript-div .audio-transcript-content::-webkit-scrollbar-thumb {
    background: #000;
    width: 4px;
    height: 81pt;
    border-radius: 7px
}

.podcast-component .audio-transcript-div .audio-transcript-content::-webkit-scrollbar-thumb:hover {
    background: #000
}

.podcast-component .audio-transcript-div .audio-transcript-content {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px
}

input[type=range]::-moz-range-progress {
    background-color: #43e5f7
}

input[type=range]::-moz-range-track {
    background-color: #9a905d
}

input[type=range]::-ms-fill-lower {
    background-color: #43e5f7
}

input[type=range]::-ms-fill-upper {
    background-color: #9a905d
}

.financial-landing {
    padding: 4.75rem 0 7.5625rem
}

@media only screen and (max-width:1199px) {
    .financial-landing {
        padding: 1.5rem 0 3.0625rem
    }
}

@media only screen and (max-width:599px) {
    .financial-landing {
        padding: 1.75rem 0 2.625rem
    }
}

.financial-landing .section-title {
    font-family: Houschka-medium;
    font-size: 2.5rem;
    line-height: 2.5rem
}

@media only screen and (max-width:1199px) {
    .financial-landing .section-title {
        margin-bottom: 1.5rem
    }
}

@media only screen and (max-width:599px) {
    .financial-landing .section-title {
        font-size: 2rem;
        margin-bottom: 1rem
    }
}

.financial-landing .financial-nodata-column .financial-nodata-message {
    position: absolute;
    top: calc(100% + 9pt);
    background: #000;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5rem;
    width: 17.5rem
}

@media only screen and (min-width:1200px) {
    .financial-landing .financial-nodata-column .financial-nodata-message {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media only screen and (max-width:767px) {
    .financial-landing .financial-nodata-column .financial-nodata-message {
        width: 14.375rem;
        padding: 1rem
    }
}

.financial-landing .financial-nodata-column .financial-nodata-message .financial-nodata-icon {
    height: 1.5rem;
    min-width: 1.5rem;
    background-image: url(clientlib-site/resources/images/information-services.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

.financial-landing .financial-nodata-column .financial-nodata-message .financial-nodata-text {
    font-family: Basis-regular;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    color: #fff
}

.financial-landing .financial-nodata-column.active-msg:after {
    position: absolute;
    content: "";
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-bottom: .5rem solid #000;
    bottom: -.75rem;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

@media only screen and (max-width:1199px) {
    .financial-landing .financial-nodata-column:first-child .financial-nodata-message {
        left: 1rem
    }
}

@media only screen and (max-width:1199px) {
    .financial-landing .financial-nodata-column:nth-child(2) .financial-nodata-message {
        left: -4rem
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .financial-landing .financial-nodata-column:nth-child(2) .financial-nodata-message {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media only screen and (max-width:1199px) {
    .financial-landing .financial-nodata-column:nth-child(3) .financial-nodata-message {
        left: unset;
        right: -4rem
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .financial-landing .financial-nodata-column:nth-child(3) .financial-nodata-message {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        right: unset
    }
}

@media only screen and (max-width:1199px) {
    .financial-landing .financial-nodata-column:nth-child(4) .financial-nodata-message {
        left: unset;
        right: 1rem
    }
}

.financial-landing .fy-bottom-links .financial-nodata-column.active-msg:after {
    left: 8.75rem;
    -webkit-transform: unset;
    transform: unset
}

@media only screen and (max-width:767px) {
    .financial-landing .fy-bottom-links .financial-nodata-column.active-msg:after {
        left: 7.6875rem
    }
}

.financial-landing .fy-bottom-links .financial-nodata-column .financial-nodata-message {
    left: 1pc;
    -webkit-transform: unset;
    transform: unset;
    width: 17.5rem
}

@media only screen and (max-width:767px) {
    .financial-landing .fy-bottom-links .financial-nodata-column .financial-nodata-message {
        width: 14.375rem
    }
}

.financial-landing .financial-quarter-list {
    margin-bottom: 2rem
}

@media only screen and (max-width:599px) {
    .financial-landing .financial-quarter-list .fy-quarter-list-row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.financial-landing .fy-year-list-box {
    margin-bottom: 1rem
}

.financial-landing .financial-quarter-list .financial-quarter-link {
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    font-family: Basis-regular;
    color: #5e6162;
    padding-bottom: 8px;
    border-bottom: 1px solid #000;
    text-decoration: none
}

.financial-landing .financial-quarter-list .financial-quarter-link.selected {
    border-bottom: 1px solid transparent;
    color: #000;
    font-family: Basis-medium
}

.financial-landing .financial-quarter-list .financial-quarter-link.selected:after {
    content: "";
    height: 2px;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
}

.financial-landing .financial-quarter-list .financial-quarter-link.disabled-link {
    opacity: .5;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #747678
}

.financial-landing .fy-quarter-month-title {
    font-size: 1.5rem;
    line-height: 40px;
    letter-spacing: .5px;
    color: #000;
    margin-bottom: 2rem;
    font-family: Basis-regular;
    font-weight: 400
}

.financial-landing .financial-landing-detail-box .infocard-div {
    background-color: #f4f3f9;
    padding: 1.5rem;
    height: 300px;
    margin-bottom: 2rem
}

@media only screen and (max-width:1199px) {
    .financial-landing .financial-landing-detail-box .infocard-div {
        height: 18.75rem;
        margin-bottom: 1rem
    }
}

.financial-landing .financial-landing-detail-box .infocard-div .infocard-link-wrapper {
    overflow-y: auto
}

.financial-landing .financial-landing-detail-box .infocard-div .infocard-title-div {
    padding-bottom: .75rem
}

.financial-landing .financial-landing-detail-box .infocard-div .infocard-title-div .infocard-title {
    font-family: Basis-bold;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    color: #000;
    text-transform: uppercase
}

.financial-landing .financial-landing-detail-box .infocard-div .infocard-desc-div {
    padding-bottom: 2.625rem
}

.financial-landing .financial-landing-detail-box .infocard-div .infocard-desc-div .vertical-line {
    padding-left: 1rem;
    position: relative;
    display: block;
    font-family: Basis-regular;
    font-size: 14px;
    color: #747678;
    line-height: 18px
}

.financial-landing .financial-landing-detail-box .infocard-div .infocard-desc-div .vertical-line:after {
    background: #e41165;
    width: 4px;
    border-radius: 10px;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    content: ""
}

.financial-landing .financial-landing-detail-box .infocard-div .infocard-desc-div .loc-title {
    font-family: Basis-regular;
    font-size: 18px;
    line-height: 2pc;
    color: #000
}

.financial-landing .financial-landing-detail-box .infocard-div .infocard-desc-div p {
    margin-bottom: 0
}

.financial-landing .financial-landing-detail-box .infocard-div .infocard-assets .infocard-asset-link,
.financial-landing .financial-landing-detail-box .infocard-div .infocard-assets .infocard-asset-link:hover {
    text-decoration: none
}

.financial-landing .financial-landing-detail-box .infocard-div .infocard-assets .infocard-download-icon {
    background-image: url(clientlib-site/resources/images/infocard/download_doc.svg);
    display: inline-block;
    min-width: 24px;
    height: 24px;
    cursor: pointer;
    margin-right: .875rem
}

.financial-landing .financial-landing-detail-box .infocard-div .infocard-assets .infocard-media-icon {
    background-image: url(clientlib-site/resources/images/infocard/video.svg);
    display: inline-block;
    min-width: 24px;
    height: 24px;
    cursor: pointer;
    margin-right: .875rem
}

.financial-landing .financial-landing-detail-box .infocard-div .infocard-assets .infocard-audio-icon {
    background-image: url(clientlib-site/resources/images/podcast-ico-pink.svg);
    display: inline-block;
    min-width: 24px;
    height: 24px;
    cursor: pointer;
    margin-right: .875rem
}

.financial-landing .financial-landing-detail-box .infocard-div .infocard-assets .infocard-asset-text {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #cd0f5b
}

.financial-landing .financial-landing-detail-box .infocard-div .infocard-link-wrapper .infocard-assets:last-child .infocard-assets-links {
    padding-bottom: 0 !important
}

.financial-landing .financial-other-links {
    font-size: 1.125rem;
    font-family: Basis-medium;
    border-bottom: 1px solid #dfdee3;
    height: 6rem;
    color: #000;
    line-height: 2pc;
    letter-spacing: .5px
}

@media only screen and (max-width:1199px) {
    .financial-landing .financial-other-links {
        height: auto
    }
}

.financial-landing .financial-other-links.historical-finanancial-link {
    height: auto;
    border-bottom: 0;
    line-height: normal
}

.financial-landing .financial-other-links.historical-finanancial-link .financial-other-title {
    font-family: Basis-regular;
    color: #747678;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    width: auto;
    border-bottom: 1px solid #1e2222;
    padding-bottom: .875rem
}

.financial-landing .financial-other-links.historical-finanancial-link .financial-other-title:after {
    content: none
}

.financial-landing .financial-other-links.historical-finanancial-link:hover .financial-other-title {
    border-bottom: 1px solid #000;
    color: #000
}

.financial-landing .financial-other-links.disabled-link {
    opacity: .4;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.financial-landing .financial-other-links.disabled-link .financial-other-title:after {
    content: none
}

@media only screen and (min-width:599px) and (max-width:1199px) {
    .financial-landing .financial-other-links {
        line-height: 1.575rem
    }
}

.financial-landing .financial-other-links .financial-other-title {
    width: 95%
}

.financial-landing .financial-other-links .financial-other-title:after {
    position: absolute;
    width: 24px;
    height: 24px;
    content: "";
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s;
    transition: all .5s;
    background: url(clientlib-site/resources/images/share/download_doc-dark.svg) no-repeat 50%
}

.financial-landing .financial-other-links.financial-doc-download-link .financial-other-title:after {
    background: url(clientlib-site/resources/images/share/download_doc-dark.svg) no-repeat 50%;
    background-size: 24px
}

.financial-landing .financial-other-links .financial-icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 24px;
    height: 24px;
    background-position: 50%
}

.financial-landing .financial-other-links .financial-icon.financial-calc-icon {
    background-image: url(clientlib-site/resources/images/icon_excel.svg)
}

.financial-landing .financial-other-links .financial-icon.financial-graph-icon {
    background-image: url(clientlib-site/resources/images/icon_graph.svg)
}

.financial-landing .financial-other-links:hover {
    text-decoration: none
}

.financial-landing .financial-other-links:hover :after {
    -webkit-transform: translate(.5rem, -50%);
    transform: translate(.5rem, -50%);
    -webkit-transition: all .5s;
    transition: all .5s
}

.financial-landing .pagination-dropdown {
    font-size: .875rem;
    font-family: Basis-Bold;
    line-height: 24px;
    letter-spacing: .15em;
    color: #747678;
    width: 17.4375rem
}

@media only screen and (max-width:1199px) {
    .financial-landing .pagination-dropdown {
        width: 19.5rem
    }
}

@media only screen and (max-width:599px) {
    .financial-landing .pagination-dropdown {
        width: 100%
    }
}

.financial-landing .pagination-dropdown .page-selected {
    padding: 1pc 2pc 1pc 0;
    line-height: 24px;
    border-bottom: 1px solid #898a8d
}

@media only screen and (max-width:1199px) {
    .financial-landing .pagination-dropdown .page-selected {
        padding: 1pc 0
    }

    .financial-landing .pagination-dropdown .page-selected .selected-number {
        font-family: Basis-regular !important;
        color: #747678 !important
    }
}

.financial-landing .pagination-dropdown .page-selected .selected-number {
    font-size: 1.125rem;
    font-family: Basis-medium
}

.financial-landing .pagination-dropdown.search-list-count-dropdown {
    width: 75pt
}

.financial-landing .pagination-dropdown .dropdown-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(clientlib-site/resources/images/chevron-down-c.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    content: "";
    right: 0
}

.financial-landing .pagination-dropdown.opened .dropdown-arrow {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.financial-landing .pagination-dropdown.opened .pagination-pages {
    display: block
}

.financial-landing .pagination-dropdown .pagination-pages {
    display: none;
    border: 1px solid #898a8d;
    border-top: 2px solid #e41165;
    top: 100%;
    background-color: transparent;
    left: 0;
    width: 100%;
    height: auto;
    overflow-y: auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    max-height: 20.4375rem
}

.financial-landing .pagination-dropdown .pagination-pages.dropdown-height {
    height: 15rem
}

@media only screen and (max-width:1199px) {
    .financial-landing .pagination-dropdown .pagination-pages.dropdown-height {
        height: 12rem
    }
}

@media only screen and (max-width:599px) {
    .financial-landing .pagination-dropdown .pagination-pages.dropdown-height {
        height: 10rem
    }
}

.financial-landing .pagination-dropdown .pagination-pages::-webkit-scrollbar {
    width: 8px
}

.financial-landing .pagination-dropdown .pagination-pages::-webkit-scrollbar-track {
    background: #dfdee3;
    border-radius: 6.1875rem
}

.financial-landing .pagination-dropdown .pagination-pages::-webkit-scrollbar-thumb {
    background: #e41165;
    height: 20px;
    border-radius: 6.1875rem
}

.financial-landing .pagination-dropdown .pagination-pages .page-number {
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    color: #b4b4b8
}

.financial-landing .pagination-dropdown .pagination-pages .pagination-number {
    background-color: #fff;
    font-size: 1.125rem;
    line-height: 2pc;
    font-family: Basis-regular;
    letter-spacing: .5px;
    color: #747678;
    padding: 1pc;
    border: none;
    border-bottom: 1px solid #898a8d;
    cursor: pointer
}

.financial-landing .pagination-dropdown .pagination-pages .pagination-number:last-child {
    border-bottom: none
}

.financial-landing .pagination-dropdown .pagination-pages .pagination-number:hover {
    color: #000;
    background-color: #f4f3f9;
    text-decoration: none
}

.financial-landing .pagination-dropdown .pagination-pages .pagination-number.selected {
    color: #000;
    font-family: Basis-medium;
    font-weight: 500
}

.financial-landing .pagination-dropdown .pagination-pages .pagination-number.selected:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(clientlib-site/resources/images/dropdown-check.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    content: "";
    right: 1rem;
    position: absolute
}

.financial-landing .pagination-dropdown.opened .page-selected {
    border-bottom: none
}

.financial-landing .financial-note {
    margin-top: 2rem;
    max-width: 450px
}

.financial-landing .financial-note .link,
.financial-landing .financial-note a {
    color: #000;
    font-family: Basis-bold;
    text-decoration: underline
}

.financial-landing .financial-note p {
    font-size: .75rem;
    line-height: 1pc;
    color: #747678;
    font-family: Basis-regular;
    margin-bottom: 0
}

.financial-landing .financial-note p .link,
.financial-landing .financial-note p a {
    color: #000;
    font-family: Basis-bold;
    text-decoration: underline
}

.financial-landing .fy-bottom-links {
    border-bottom: 1px solid #b4b4b8;
    margin-bottom: 3rem;
    padding-bottom: 3rem
}

@media only screen and (max-width:1199px) {
    .financial-landing .fy-bottom-links {
        padding-top: .5rem;
        margin-bottom: 2rem;
        padding-bottom: 2rem
    }
}

@media only screen and (max-width:767px) {
    .financial-landing .fy-bottom-links {
        padding-top: 0
    }
}

.quaterly-overlay-modal .quaterly-modal-dialog {
    max-width: 100%;
    margin: 0;
    min-height: 100vh
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content {
    border-radius: 0;
    border: 0
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-overlay-close {
    width: 4rem;
    height: 4rem;
    background: rgba(0, 0, 0, .5) url(clientlib-site/resources/images/close.svg) 50% no-repeat !important;
    background-size: 24px;
    border: 1px solid #fff !important;
    border-radius: 4rem;
    right: 2.6875rem;
    top: 1.3125rem;
    z-index: 1
}

@media only screen and (max-width:1199px) {
    .quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-overlay-close {
        right: .75rem;
        top: .75rem;
        z-index: 1;
        width: 3rem;
        height: 3rem
    }
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body {
    background: #1e2222
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content {
    margin: 2.5625rem auto 3.125rem;
    max-width: 62.8125rem;
    min-width: 62.8125rem
}

@media only screen and (min-width:1400px) {
    .quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content {
        max-width: 80%
    }
}

@media only screen and (max-width:1199px) {
    .quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content {
        margin: 6.5rem auto 2.75rem;
        padding: 0 1.5rem;
        min-width: 100%;
        max-width: 100%
    }
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .quaterly-overlay-video {
    padding-top: 56.25%
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .quaterly-overlay-heading {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .15em;
    color: #b4b4b8;
    margin-top: 1.5rem
}

@media only screen and (max-width:1199px) {
    .quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .quaterly-overlay-heading {
        margin-top: 2rem
    }
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .quaterly-overlay-title {
    font-family: Houschka-medium;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: #fff
}

@media only screen and (max-width:1199px) {
    .quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .quaterly-overlay-title {
        font-size: 2rem
    }
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .quaterly-overlay-description {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #b4b4b8
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box {
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7container .s7socialshare {
    display: none !important
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7container .s7iconeffect {
    background: url(clientlib-site/resources/images/play-button.svg) no-repeat 50% !important;
    width: 78pt;
    height: 78pt;
    border-radius: 50%
}

@media only screen and (max-width:767px) {
    .quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7container .s7iconeffect {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7playpausebutton[selected=false] {
    background: url(clientlib-site/resources/images/pause-btn-white.svg) 50% no-repeat !important
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7playpausebutton[selected=true] {
    background: url(clientlib-site/resources/images/play-btn-white.svg) 50% no-repeat !important
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7controlbar {
    background: transparent !important;
    height: 75px !important;
    z-index: 99;
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent)) !important;
    background: linear-gradient(0deg, #000, transparent) !important
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7videoscrubber {
    margin-top: 3px;
    width: calc(100% - 3pc) !important;
    left: 24px !important;
    top: unset !important;
    bottom: 53px !important
}

@media only screen and (max-width:767px) {
    .quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7videoscrubber {
        bottom: 42px !important
    }
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7videoscrubber .s7knob {
    height: 4px !important;
    top: 0 !important;
    width: 9pt !important;
    border-radius: 0 50px 50px 0;
    background-color: #fff
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7videoscrubber .s7track {
    background: transparent !important;
    height: 4px !important
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7videoscrubber .s7trackloaded {
    height: 4px !important;
    background-color: hsla(0, 0%, 100%, .5) !important;
    border-radius: 50px;
    width: 100% !important
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7videoscrubber .s7trackplayed {
    height: 4px !important;
    border-radius: 50px 0 0 50px;
    background-color: #fff
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7playpausebutton {
    top: unset !important;
    left: 23px !important;
    height: 24px;
    width: 24px;
    bottom: .85rem !important
}

@media only screen and (max-width:599px) {
    .quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7playpausebutton {
        bottom: .5rem !important
    }
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7videotime {
    font-family: Basis-regular;
    color: #fff;
    font-size: 14px !important;
    line-height: 1pc;
    top: unset !important;
    letter-spacing: .15em;
    right: unset !important;
    left: 3.5rem !important;
    bottom: .6rem !important;
    height: 24px !important
}

@media only screen and (min-width:768px) {
    .quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7videotime {
        padding: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7mutablevolume {
    right: 65px !important;
    display: block !important;
    top: unset;
    width: 20px;
    height: 1pc;
    bottom: 9px;
    visibility: visible !important
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7mutablevolume .s7mutebutton {
    top: unset !important;
    right: 6rem !important;
    height: 1pc !important;
    width: 20px !important;
    bottom: 9px !important
}

@media only screen and (max-width:767px) {
    .quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7mutablevolume .s7mutebutton {
        bottom: 3px !important
    }
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7mutablevolume .s7mutebutton[selected=false] {
    background: url(clientlib-site/resources/images/video-unmuted.svg) 50% no-repeat !important
}

@media only screen and (max-width:599px) {
    .quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7mutablevolume .s7mutebutton[selected=false] {
        background-size: 20px !important;
        bottom: .25rem !important;
        right: 2.5rem !important
    }
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7mutablevolume .s7mutebutton[selected=true] {
    background: url(clientlib-site/resources/images/video-mute.svg) 50% no-repeat !important
}

@media only screen and (max-width:599px) {
    .quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7mutablevolume .s7mutebutton[selected=true] {
        background-size: 20px !important;
        bottom: .25rem !important;
        right: 2.5rem !important
    }
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7mutablevolume .s7verticalvolume {
    opacity: 0 !important
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7fullscreenbutton {
    top: auto !important;
    right: 1rem !important;
    bottom: .85rem !important;
    width: 24px;
    height: 24px
}

@media only screen and (max-width:599px) {
    .quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7fullscreenbutton {
        background-size: 18px !important;
        bottom: .5rem;
        right: 1rem
    }
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7container[mode=fullscreen] .s7mutablevolume {
    right: 0 !important
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7container[mode=fullscreen] .s7mutablevolume .s7mutebutton {
    right: 24px !important
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7fullscreenbutton[selected=true] {
    background: rgba(0, 0, 0, .5) url(clientlib-site/resources/images/close.svg) 50% no-repeat !important;
    position: fixed;
    top: 1rem !important;
    bottom: auto !important;
    right: 1rem !important;
    width: 4pc;
    height: 4pc;
    border-radius: 50%
}

@media only screen and (max-width:767px) {
    .quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7fullscreenbutton[selected=true] {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}

@media only screen and (max-width:599px) {
    .quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7fullscreenbutton[selected=true] {
        background-size: 18px !important;
        bottom: .5rem !important;
        right: 1rem !important
    }
}

.quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7fullscreenbutton[selected=false] {
    background: url(clientlib-site/resources/images/expand.svg) 50% no-repeat !important
}

@media only screen and (max-width:599px) {
    .quaterly-overlay-modal .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7fullscreenbutton[selected=false] {
        background-size: 18px !important;
        bottom: .5rem !important;
        right: 1rem !important
    }
}

.quaterly-overlay-modal .quaterly-modal-dialog ::cue {
    font-family: Basis-regular !important;
    padding: 0 10%;
    background-color: rgba(0, 0, 0, .8) !important;
    line-height: 120%;
    font-size: 1.375rem
}

@media only screen and (max-width:1199px) {
    .quaterly-overlay-modal .quaterly-modal-dialog ::cue {
        font-size: 1.125rem
    }
}

@media only screen and (max-width:599px) {
    .quaterly-overlay-modal .quaterly-modal-dialog ::cue {
        font-size: .875rem
    }
}

.quaterly-overlay-modal .quaterly-modal-dialog .video-cc-btn {
    background: url(clientlib-site/resources/images/video/caption-ico.svg) 50% no-repeat;
    width: 24px;
    height: 24px;
    right: 7rem;
    bottom: .85rem;
    border: none
}

.quaterly-overlay-modal .quaterly-modal-dialog .video-cc-btn.active {
    background: url(clientlib-site/resources/images/video/caption-active.svg) 50% no-repeat
}

@media only screen and (max-width:599px) {
    .quaterly-overlay-modal .quaterly-modal-dialog .video-cc-btn {
        background-size: 18px !important;
        bottom: .5rem !important;
        right: 4.5rem !important
    }
}

.quaterly-overlay-modal .quaterly-modal-dialog .s7closedcaptionbutton {
    width: 24px !important;
    height: 24px !important;
    background-position: 50% !important;
    background-size: contain !important;
    right: 60px !important
}

.quaterly-overlay-modal .quaterly-modal-dialog .s7closedcaptionbutton[selected=false] {
    background-image: url(clientlib-site/resources/images/video/caption-ico.svg) !important
}

.quaterly-overlay-modal .quaterly-modal-dialog .s7closedcaptionbutton[selected=true] {
    background-image: url(clientlib-site/resources/images/video/caption-active.svg) !important
}

.quaterly-overlay-modal .quaterly-modal-dialog .caption-not-ready-btn {
    background: url(clientlib-site/resources/images/video/Closed_caption_inactive.svg);
    position: absolute;
    height: 24px;
    width: 24px;
    right: 60px;
    top: 1pc
}

.quaterly-overlay-modal .quaterly-modal-dialog .video-ts-download {
    position: absolute;
    right: 4pc;
    width: 24px;
    height: 24px;
    top: 36px;
    cursor: pointer
}

@media only screen and (max-width:599px) {
    .quaterly-overlay-modal .quaterly-modal-dialog .video-ts-download {
        right: 46px;
        width: 20px;
        height: 20px;
        top: 44px;
        background-size: cover !important
    }
}

.quaterly-overlay-modal .quaterly-modal-dialog .video-ts-download[data-asset=false] {
    background: url(clientlib-site/resources/images/video/Download_Trascript_inactive.svg)
}

.quaterly-overlay-modal .quaterly-modal-dialog .video-ts-download[data-asset=false] .video-message-wrapper {
    color: #c9c9ce;
    border: 1px solid #c9c9ce
}

.quaterly-overlay-modal .quaterly-modal-dialog .video-ts-download[data-asset=true] {
    background: url(clientlib-site/resources/images/video/download_transcript.svg)
}

.quaterly-overlay-modal .quaterly-modal-dialog .video-cc-btn:after,
.quaterly-overlay-modal .quaterly-modal-dialog .video-ts-download:after {
    content: attr(data-title);
    top: -150%;
    right: 0;
    z-index: 10000;
    background-color: #e0e0e0;
    color: #000;
    border: 1px solid #bfbfbf;
    font-size: 11px;
    font-family: Basis-regular;
    position: absolute;
    display: none;
    width: 130px;
    text-align: center;
    padding: 5px;
    line-height: 100%;
    border-radius: 3px 3px 3px 3px
}

.quaterly-overlay-modal .quaterly-modal-dialog .video-cc-btn:hover:after,
.quaterly-overlay-modal .quaterly-modal-dialog .video-ts-download:hover:after {
    display: block
}

.quaterly-overlay-modal .quaterly-modal-dialog .video-ts-download:after {
    content: attr(data-title);
    width: 115px
}

.quaterly-overlay-modal .quaterly-modal-dialog .video-message-wrapper {
    color: #119a34;
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    border: 1px solid #119a34;
    position: absolute;
    top: -75px;
    right: 8px;
    padding: 9pt 9pt 9pt 52px;
    min-width: 275px;
    border-radius: .25rem;
    background: rgba(0, 0, 0, .85);
    cursor: auto
}

.quaterly-overlay-modal .quaterly-modal-dialog .video-message-wrapper:after {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    top: 50%;
    left: 9pt;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.quaterly-overlay-modal .quaterly-modal-dialog .video-message-wrapper.video-ts-notready:after {
    background: url(clientlib-site/resources/images/video/Download_Trascript_inactive.svg)
}

.quaterly-overlay-modal .quaterly-modal-dialog .video-message-wrapper.video-ts-downloading:after {
    background: url(clientlib-site/resources/images/video/Download_Trascript_success.svg)
}

.quaterly-overlay-modal .quaterly-modal-dialog .video-message-wrapper.video-caption-not-ready {
    top: -60px;
    color: #c9c9ce;
    border: 1px solid #c9c9ce
}

.quaterly-overlay-modal .quaterly-modal-dialog .video-message-wrapper.video-caption-not-ready:after {
    position: absolute;
    content: "";
    background: url(clientlib-site/resources/images/video/Closed_caption_inactive.svg);
    height: 24px;
    width: 24px;
    top: 50%;
    left: 9pt;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.quaterly-overlay-modal .podcast-component {
    max-width: 100% !important
}

.quaterly-overlay-modal .podcast-component .podcast-audio-player-box {
    border-radius: .3125rem
}

@media only screen and (max-width:1199px) {
    .quaterly-overlay-modal .podcast-component .podcast-audio-player-box {
        padding-bottom: .5rem;
        min-height: 15.875rem
    }
}

.quaterly-overlay-modal .podcast-component .podcast-inner-div .title-row {
    min-height: 17.625rem;
    border: 1px solid #9e9fa3
}

@media only screen and (max-width:1199px) {
    .quaterly-overlay-modal .podcast-component .podcast-inner-div .title-row {
        min-height: auto
    }
}

.quaterly-overlay-modal .podcast-component.podast-dark-theme .podcast-audio-player-box {
    background-color: #000
}

@media only screen and (max-width:1199px) {
    .quaterly-overlay-modal .podcast-component.podast-dark-theme .podcast-audio-player-box {
        padding-left: 0;
        padding-right: 0
    }

    .quaterly-overlay-modal .podcast-component.podast-dark-theme .podcast-audio-player-box .audio-player {
        padding-left: 9pt !important;
        padding-right: 9pt !important
    }
}

.quaterly-overlay-modal .podcast-component.podast-dark-theme .audio-fill {
    background-size: cover
}

.quaterly-overlay-modal .podcast-component.podast-dark-theme .audio-fill:after {
    height: 9.375rem
}

@media only screen and (max-width:767px) {
    .quaterly-overlay-modal .podcast-component.podast-dark-theme .audio-fill:after {
        height: 5.25rem
    }
}

.quaterly-overlay-modal .podcast-component .wave-box {
    height: 135px;
    background-size: cover;
    max-width: 750px
}

@media only screen and (max-width:545px) {
    .quaterly-overlay-modal .podcast-component .wave-box {
        height: 72px
    }
}

.quaterly-overlay-modal .podcast-component .podcast-wave-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 74px
}

@media only screen and (max-width:1199px) {
    .quaterly-overlay-modal .podcast-component .podcast-wave-container {
        padding-left: 0;
        padding-right: 0 !important
    }
}

.quaterly-overlay-modal .podcast-component .podcast-wave-container .overlay-podcast-text {
    margin: 0 0 2.1875rem;
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    color: #fff
}

@media only screen and (max-width:1199px) {
    .quaterly-overlay-modal .podcast-component .podcast-wave-container .overlay-podcast-text {
        margin: 0 0 2.6875rem
    }
}

.quaterly-overlay-modal .podcast-component .volume-sound-controls {
    padding-top: .625rem
}

@media only screen and (max-width:767px) {
    .quaterly-overlay-modal .podcast-component .volume-sound-controls {
        padding: 0;
        margin: 0;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
}

@media only screen and (max-width:1199px) {
    .quaterly-overlay-modal .podcast-component .file-duration {
        position: absolute;
        right: 0;
        top: 1.875rem;
        color: #747678
    }
}

.quaterly-overlay-modal .podcast-component .controls {
    margin-top: .375rem
}

@media only screen and (min-width:768px) {
    .quaterly-overlay-modal .podcast-component .controls {
        max-width: 44.625rem;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:1200px) {
    .quaterly-overlay-modal .podcast-component .controls {
        max-width: 55.3125rem
    }
}

.quaterly-overlay-modal .podcast-component .sound-button {
    margin: 0 15px 0 25px !important
}

.quaterly-overlay-modal .podcast-component .audio-volume-bar {
    width: 6.25rem !important;
    min-width: 6.25rem !important
}

.quaterly-overlay-modal .podcast-component .audio-move.backward {
    margin-left: 2.25rem;
    margin-right: 1.875rem;
    padding: 0
}

.quaterly-overlay-modal .podcast-component .audio-move.forward {
    padding: 0
}

@media only screen and (max-width:1199px) {
    .quaterly-overlay-modal .podcast-component .file-duration-lapse {
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

.quaterly-overlay-modal .podcast-component .audio-transcript-div {
    border-bottom: 1px solid #9e9fa3
}

.quaterly-overlay-modal .podcast-component .audio-transcript-div .audio-ts-btn {
    color: #fff
}

.quaterly-overlay-modal .podcast-component .audio-transcript-div .audio-ts-btn .podcast-toggle-arrow {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.quaterly-overlay-modal .podcast-component .audio-transcript-div .audio-transcript-content {
    color: #fff
}

.quaterly-overlay-modal.transcript-not-available .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .caption-not-ready-btn,
.quaterly-overlay-modal.transcript-not-available .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7closedcaptionbutton {
    right: 8px !important
}

.quaterly-overlay-modal.transcript-not-available .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7mutablevolume {
    right: 3pc !important
}

.quaterly-overlay-modal.transcript-not-available .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .video-ts-download {
    display: none !important
}

.quaterly-overlay-modal.transcript-not-available.caption-not-available .quaterly-modal-dialog .quaterly-modal-content .quaterly-modal-body .quaterly-overlay-modal-content .overlay-video-box .s7mutablevolume {
    right: 8px !important
}

.financial-year-panel {
    padding: 2rem 0
}

@media screen and (max-width:599px) {
    .financial-year-panel .section-title {
        font-size: 2rem;
        line-height: 40px
    }
}

.financial-year-panel .financial-year-list-box {
    border-top: 1px solid #b4b4b8
}

@media screen and (max-width:1199px) {
    .financial-year-panel .financial-year-list-box {
        border-top: none
    }
}

@media screen and (max-width:599px) {
    .financial-year-panel .financial-year-list-box {
        margin-bottom: 2pc
    }
}

.financial-year-panel .financial-view-all {
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .5px;
    font-family: Basis-regular;
    color: #747678;
    padding-bottom: 8px;
    border-bottom: 1px solid #494c4d
}

.financial-year-panel .financial-view-all:hover {
    border-bottom: 1px solid #000;
    color: #000
}

.financial-year-panel .financial-year-listing {
    margin-bottom: 3rem
}

@media screen and (max-width:599px) {
    .financial-year-panel .financial-year-listing {
        margin-bottom: 0
    }
}

.financial-year-panel .financial-year-listing .financial-year-list {
    margin-right: 3rem
}

.financial-year-panel .financial-year-listing .financial-year-list:last-child {
    margin-right: 0
}

.financial-year-panel .financial-year-listing .financial-year-link {
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .5px;
    font-family: basis-regular;
    color: #747678;
    padding-bottom: .5rem
}

.financial-year-panel .financial-year-listing .financial-year-link.selected {
    color: #000
}

.financial-year-panel .financial-year-listing .financial-year-link.selected:after {
    height: 2px;
    bottom: 0;
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
}

.financial-year-panel .financial-year-listing .financial-year-link:hover {
    color: #000
}

.financial-year-panel .financial-year-listing .quaterly-overview-dropdown .overview-dropdown-btn {
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    color: #747678;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 33px 8px 0;
    height: 29px;
    border: 0;
    border-bottom: 2px solid transparent;
    background-color: transparent;
    text-align: left
}

.financial-year-panel .financial-year-listing .quaterly-overview-dropdown .overview-dropdown-btn:after {
    content: "";
    position: absolute;
    border: 0;
    right: 0;
    width: 13px;
    height: 8px;
    top: 10px;
    margin: 0;
    background: url(clientlib-site/resources/images/chevron-down-black.svg) no-repeat
}

.financial-year-panel .financial-year-listing .quaterly-overview-dropdown .overview-dropdown-btn:focus-visible {
    outline: 2px solid #000 !important;
    border-radius: 2px
}

.financial-year-panel .financial-year-listing .quaterly-overview-dropdown.show .overview-dropdown-btn {
    border: 0;
    border-bottom: 2px solid;
    -o-border-image: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-image: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-image-slice: 1;
    background: transparent;
    min-width: 10.9375rem
}

.financial-year-panel .financial-year-listing .quaterly-overview-dropdown.show .overview-dropdown-btn:after {
    background: url(clientlib-site/resources/images/chevron-down-c.svg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.financial-year-panel .financial-year-listing .quaterly-overview-dropdown.active .overview-dropdown-btn {
    border: 0;
    border-bottom: 2px solid;
    -o-border-image: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-image: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-image-slice: 1;
    background: transparent;
    color: #000
}

.financial-year-panel .financial-year-listing .quaterly-overview-dropdown .overview-dropdown-menu {
    top: -7px !important;
    border-radius: 0 0 5px 5px;
    border: 1px solid #898a8d;
    padding: 0;
    border-top: 0;
    min-width: 10.9375rem;
    -webkit-transform: translate3d(0, 34px, 0) !important;
    transform: translate3d(0, 34px, 0) !important;
    z-index: 1;
    max-height: 20.3125rem;
    overflow-y: auto
}

.financial-year-panel .financial-year-listing .quaterly-overview-dropdown .overview-dropdown-menu::-webkit-scrollbar {
    width: 8px
}

.financial-year-panel .financial-year-listing .quaterly-overview-dropdown .overview-dropdown-menu::-webkit-scrollbar-track {
    background: #dfdee3;
    border-radius: 6.1875rem
}

.financial-year-panel .financial-year-listing .quaterly-overview-dropdown .overview-dropdown-menu::-webkit-scrollbar-thumb {
    background: #e41165;
    height: 20px;
    border-radius: 6.1875rem
}

.financial-year-panel .financial-year-listing .quaterly-overview-dropdown .overview-dropdown-menu .pagination-number {
    font-family: Basis-regular;
    padding: 1rem;
    border-top: 1px solid #9e9fa3;
    color: #747678;
    font-size: 1.125rem;
    background: #fff;
    margin-right: 0;
    line-height: 2rem
}

.financial-year-panel .financial-year-listing .quaterly-overview-dropdown .overview-dropdown-menu .pagination-number:active,
.financial-year-panel .financial-year-listing .quaterly-overview-dropdown .overview-dropdown-menu .pagination-number:hover {
    background: #f4f3f9;
    color: #000
}

.financial-year-panel .financial-year-listing .quaterly-overview-dropdown .overview-dropdown-menu .pagination-number.selected {
    color: #000
}

.financial-year-panel .financial-year-listing .quaterly-overview-dropdown .overview-dropdown-menu .pagination-number.selected:after {
    content: none
}

.financial-year-panel .financial-year-listing .quaterly-overview-dropdown .overview-dropdown-menu .pagination-number.selected:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1rem;
    height: .8125rem;
    background-image: url(clientlib-site/resources/images/dropdown-check.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    content: "";
    right: 1rem;
    position: absolute
}

.financial-year-panel .financial-year-listing .quaterly-overview-dropdown .overview-dropdown-menu .pagination-number:first-child {
    border-top: 0
}

.financial-year-panel .financial-year-listing .quaterly-overview-dropdown .overview-dropdown-menu .pagination-number:last-child {
    border-radius: 0 0 .3125rem .3125rem
}

.financial-year-panel .financial-quarter-link {
    border-bottom: 1px solid #494c4d;
    padding-bottom: 1rem;
    margin-bottom: 2rem
}

.financial-year-panel .financial-quarter-link.disabled-link {
    opacity: .25;
    cursor: default;
    text-decoration: none
}

@media screen and (max-width:1199px) {
    .financial-year-panel .financial-quarter-link {
        border-bottom: 1px solid #e41165
    }
}

.financial-year-panel .financial-quarter-link .financial-quarter-arrow:after {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    content: "";
    right: 1.375rem;
    bottom: -11px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s;
    transition: all .5s;
    background: url(clientlib-site/resources/images/arrow-right-pink.svg) no-repeat 50%
}

@media screen and (max-width:767px) {
    .financial-year-panel .financial-quarter-link .financial-quarter-arrow:after {
        right: 0
    }
}

.financial-year-panel .financial-quarter-link .financial-quarter-arrow.financial-download-icon:after {
    background: url(clientlib-site/resources/images/share/download_doc.svg) no-repeat 50%
}

.financial-year-panel .financial-quarter-link:not(.disabled-link):hover {
    border-bottom: 2px solid #e41165;
    text-decoration: none !important
}

.financial-year-panel .financial-quarter-link:not(.disabled-link):hover .financial-quarter-arrow:after {
    -webkit-transform: translate(.5rem, -50%);
    transform: translate(.5rem, -50%);
    -webkit-transition: all .5s;
    transition: all .5s
}

.financial-year-panel .financial-quarter-link.height-with-icon {
    height: 7.5rem
}

@media screen and (max-width:1199px) {
    .financial-year-panel .financial-quarter-link.height-with-icon {
        height: 6rem
    }
}

.financial-year-panel .financial-quarter-link.disabled {
    opacity: .75;
    cursor: default
}

.financial-year-panel .financial-quarter-title-div .financial-quarter-title {
    font-family: Basis-regular;
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: .03125rem;
    margin-bottom: 0;
    color: #000
}

.financial-year-panel .financial-quarter-title-div .financial-quarter-title.financial-quarter-no-description {
    padding-right: 4rem
}

.financial-year-panel .financial-quarter-desc-div {
    max-height: 3rem;
    width: 83%
}

@media screen and (max-width:1199px) {
    .financial-year-panel .financial-quarter-desc-div {
        max-height: 5.5rem
    }
}

.financial-year-panel .financial-quarter-desc-div .financial-quarter-desc {
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    margin-bottom: 0;
    color: #494c4d
}

.financial-year-panel .financial-other-links {
    border-bottom: 1px solid #dfdee3;
    font-size: 1.125rem;
    font-family: Basis-medium;
    color: #000;
    line-height: 2pc;
    letter-spacing: .5px
}

@media only screen and (max-width:1199px) {
    .financial-year-panel .financial-other-links {
        font-size: 1rem
    }
}

.financial-year-panel .financial-other-links .financial-other-title {
    width: 95%
}

.financial-year-panel .financial-other-links .financial-other-title:after {
    position: absolute;
    width: 24px;
    height: 24px;
    content: "";
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s;
    transition: all .5s
}

.financial-year-panel .financial-other-links.internal-link-icon .financial-other-title:after {
    background: url(clientlib-site/resources/images/arrow-right-b.svg) no-repeat 50%
}

.financial-year-panel .financial-other-links.external-link-icon .financial-other-title:after {
    background: url(clientlib-site/resources/images/link-icon-dark.svg) no-repeat 50%;
    -webkit-filter: invert(1);
    filter: invert(1);
    background-size: 24px
}

.financial-year-panel .financial-other-links.pdf-icon-type .financial-other-title:after {
    background: url(clientlib-site/resources/images/share/download_doc-dark.svg) no-repeat;
    -webkit-filter: unset;
    filter: unset
}

.financial-year-panel .financial-other-links .financial-icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 24px;
    height: 24px;
    background-position: 50%
}

.financial-year-panel .financial-other-links .financial-icon.financial-calc-icon {
    background-image: url(clientlib-site/resources/images/icon_excel.svg)
}

.financial-year-panel .financial-other-links .financial-icon.financial-graph-icon {
    background-image: url(clientlib-site/resources/images/icon_graph.svg)
}

.financial-year-panel .financial-other-links:hover {
    text-decoration: none
}

.financial-year-panel .financial-other-links:hover :after {
    -webkit-transform: translate(.5rem, -50%);
    transform: translate(.5rem, -50%);
    -webkit-transition: all .5s;
    transition: all .5s
}

.financial-year-panel .pagination-dropdown {
    font-size: .875rem;
    font-family: Basis-Bold;
    line-height: 24px;
    letter-spacing: .15em;
    color: #747678
}

@media only screen and (max-width:1199px) {
    .financial-year-panel .pagination-dropdown {
        margin-bottom: 2rem
    }
}

.financial-year-panel .pagination-dropdown .page-selected {
    padding: 1pc 2pc 1pc 1pc;
    line-height: 24px
}

@media only screen and (max-width:1199px) {
    .financial-year-panel .pagination-dropdown .page-selected {
        padding: 1pc 0;
        border-bottom: 1px solid #898a8d
    }
}

.financial-year-panel .pagination-dropdown .page-selected .selected-number {
    font-size: 1.125rem
}

@media only screen and (max-width:1199px) {
    .financial-year-panel .pagination-dropdown .page-selected .selected-number {
        color: #747678 !important;
        font-family: Basis-regular
    }
}

.financial-year-panel .pagination-dropdown.search-list-count-dropdown {
    width: 75pt
}

.financial-year-panel .pagination-dropdown .dropdown-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(clientlib-site/resources/images/chevron-down-c.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    content: "";
    right: 0
}

.financial-year-panel .pagination-dropdown.opened .dropdown-arrow {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.financial-year-panel .pagination-dropdown.opened .pagination-pages {
    display: block
}

@media only screen and (max-width:1199px) {
    .financial-year-panel .pagination-dropdown .pagination-pages {
        display: none;
        position: absolute;
        border: 1px solid #898a8d;
        border-top: 2px solid #e41165;
        top: 100%;
        background-color: transparent;
        left: 0;
        width: 100%;
        height: auto;
        overflow-y: auto;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        max-height: 20.4375rem
    }
}

.financial-year-panel .pagination-dropdown .pagination-pages.dropdown-height {
    height: 15rem
}

@media only screen and (max-width:1199px) {
    .financial-year-panel .pagination-dropdown .pagination-pages.dropdown-height {
        height: 12rem
    }
}

@media only screen and (max-width:599px) {
    .financial-year-panel .pagination-dropdown .pagination-pages.dropdown-height {
        height: 10rem
    }
}

@media only screen and (max-width:1199px) {
    .financial-year-panel .pagination-dropdown .pagination-pages::-webkit-scrollbar {
        width: 8px
    }

    .financial-year-panel .pagination-dropdown .pagination-pages::-webkit-scrollbar-track {
        background: #dfdee3;
        border-radius: 6.1875rem
    }

    .financial-year-panel .pagination-dropdown .pagination-pages::-webkit-scrollbar-thumb {
        background: #e41165;
        height: 20px;
        border-radius: 6.1875rem
    }
}

.financial-year-panel .pagination-dropdown .pagination-pages .page-number {
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    color: #b4b4b8
}

.financial-year-panel .pagination-dropdown .pagination-pages .pagination-number {
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .5px;
    font-family: Basis-regular;
    color: #747678;
    padding-bottom: .5rem;
    margin-right: 3pc;
    cursor: pointer
}

@media only screen and (max-width:1199px) {
    .financial-year-panel .pagination-dropdown .pagination-pages .pagination-number {
        background-color: #fff;
        font-size: 1.125rem;
        line-height: 2pc;
        padding: 1pc;
        border: none;
        border-bottom: 1px solid #898a8d;
        width: 100%;
        margin-right: 0;
        display: inline-block !important
    }

    .financial-year-panel .pagination-dropdown .pagination-pages .pagination-number:last-child {
        border-bottom: none
    }

    .financial-year-panel .pagination-dropdown .pagination-pages .pagination-number:hover {
        color: #000;
        background-color: #f4f3f9
    }

    .financial-year-panel .pagination-dropdown .pagination-pages .pagination-number.selected {
        color: #000;
        font-family: Basis-medium;
        font-weight: 500
    }

    .financial-year-panel .pagination-dropdown .pagination-pages .pagination-number.selected:after {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background-image: url(clientlib-site/resources/images/dropdown-check.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        content: "";
        right: 1rem;
        position: absolute
    }
}

@media only screen and (min-width:1200px) {
    .financial-year-panel .pagination-dropdown .pagination-pages .pagination-number.selected {
        color: #000
    }

    .financial-year-panel .pagination-dropdown .pagination-pages .pagination-number.selected:after {
        height: 2px;
        bottom: 0;
        position: absolute;
        content: "";
        width: 100%;
        left: 0;
        background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
    }

    .financial-year-panel .pagination-dropdown .pagination-pages .pagination-number:hover {
        color: #000
    }
}

.quiz-question-card-container .qna-active-card {
    -webkit-transform: translateZ(0) rotate(0deg) scale(1) !important;
    transform: translateZ(0) rotate(0deg) scale(1) !important;
    z-index: 7 !important
}

@media only screen and (max-width:1199px) {
    .quiz-question-card-container .qna-active-card {
        -webkit-transform: translateZ(0) rotate(0deg) scale(1);
        transform: translateZ(0) rotate(0deg) scale(1)
    }
}

.quiz-question-card-container .qna-card-outer-div:first-child {
    -webkit-transform: translateZ(0) rotate(0deg) scale(1);
    transform: translateZ(0) rotate(0deg) scale(1);
    z-index: 7
}

@media only screen and (max-width:1199px) {
    .quiz-question-card-container .qna-card-outer-div:first-child {
        -webkit-transform: translateZ(0) rotate(0deg) scale(1);
        transform: translateZ(0) rotate(0deg) scale(1)
    }
}

.quiz-question-card-container .qna-card-outer-div:nth-child(2) {
    -webkit-transform: translate3d(40px, 0, 0) rotate(0deg) scale(.9);
    transform: translate3d(40px, 0, 0) rotate(0deg) scale(.9);
    z-index: 6 !important
}

@media only screen and (max-width:1199px) {
    .quiz-question-card-container .qna-card-outer-div:nth-child(2) {
        -webkit-transform: translate3d(0, 2pc, 0) rotate(0deg) scale(.9);
        transform: translate3d(0, 2pc, 0) rotate(0deg) scale(.9)
    }
}

.quiz-question-card-container .qna-card-outer-div:nth-child(2) .quiz-btn-text,
.quiz-question-card-container .qna-card-outer-div:nth-child(2) .quiz-nav-btn {
    opacity: 0
}

.quiz-question-card-container .quiz-nav-btn:focus {
    border: 4px solid beige
}

.quiz-question-card-container .qna-card-outer-div:nth-child(3) {
    -webkit-transform: translate3d(5pc, 0, 0) rotate(0deg) scale(.8);
    transform: translate3d(5pc, 0, 0) rotate(0deg) scale(.8);
    z-index: 5 !important
}

@media only screen and (max-width:1199px) {
    .quiz-question-card-container .qna-card-outer-div:nth-child(3) {
        -webkit-transform: translateZ(0) rotate(0deg) scale(.8);
        transform: translateZ(0) rotate(0deg) scale(.8);
        display: none
    }
}

.quiz-question-card-container .qna-card-outer-div:nth-child(3) .quiz-btn-text,
.quiz-question-card-container .qna-card-outer-div:nth-child(3) .quiz-nav-btn {
    opacity: 0
}

.quiz-question-card-container .qna-card-outer-div:nth-child(4) {
    display: none;
    -webkit-transform: translate3d(90pt, 0, 0) rotate(0deg) scale(.7);
    transform: translate3d(90pt, 0, 0) rotate(0deg) scale(.7);
    z-index: 4 !important
}

@media only screen and (max-width:1199px) {
    .quiz-question-card-container .qna-card-outer-div:nth-child(4) {
        -webkit-transform: translateZ(0) rotate(0deg) scale(1);
        transform: translateZ(0) rotate(0deg) scale(1)
    }
}

.quiz-question-card-container .qna-card-outer-div:nth-child(4) .quiz-btn-text,
.quiz-question-card-container .qna-card-outer-div:nth-child(4) .quiz-nav-btn {
    opacity: 0
}

.quiz-question-card-container .qna-card-outer-div:nth-child(5) {
    display: none;
    -webkit-transform: translate3d(10pc, 0, 0) rotate(0deg) scale(.6);
    transform: translate3d(10pc, 0, 0) rotate(0deg) scale(.6);
    z-index: 3 !important
}

@media only screen and (max-width:1199px) {
    .quiz-question-card-container .qna-card-outer-div:nth-child(5) {
        -webkit-transform: translateZ(0) rotate(0deg) scale(1);
        transform: translateZ(0) rotate(0deg) scale(1)
    }
}

.quiz-question-card-container .qna-card-outer-div:nth-child(5) .quiz-btn-text,
.quiz-question-card-container .qna-card-outer-div:nth-child(5) .quiz-nav-btn {
    opacity: 0
}

.quiz-question-card-container .qna-card-outer-div:nth-child(6) {
    display: none;
    -webkit-transform: translate3d(200px, 0, 0) rotate(0deg) scale(.5);
    transform: translate3d(200px, 0, 0) rotate(0deg) scale(.5);
    z-index: 2 !important
}

@media only screen and (max-width:1199px) {
    .quiz-question-card-container .qna-card-outer-div:nth-child(6) {
        -webkit-transform: translateZ(0) rotate(0deg) scale(1);
        transform: translateZ(0) rotate(0deg) scale(1)
    }
}

.quiz-question-card-container .qna-card-outer-div:nth-child(6) .quiz-btn-text,
.quiz-question-card-container .qna-card-outer-div:nth-child(6) .quiz-nav-btn {
    opacity: 0
}

.quiz-question-card-container .qna-card-outer-div:nth-child(7) {
    display: none;
    -webkit-transform: translate3d(15pc, 0, 0) rotate(0deg) scale(.4);
    transform: translate3d(15pc, 0, 0) rotate(0deg) scale(.4);
    z-index: 1 !important
}

@media only screen and (max-width:1199px) {
    .quiz-question-card-container .qna-card-outer-div:nth-child(7) {
        -webkit-transform: translateZ(0) rotate(0deg) scale(1);
        transform: translateZ(0) rotate(0deg) scale(1)
    }
}

.quiz-question-card-container .qna-card-outer-div:nth-child(7) .quiz-btn-text,
.quiz-question-card-container .qna-card-outer-div:nth-child(7) .quiz-nav-btn {
    opacity: 0
}

.quiz-question-card-container .quiz-card-div {
    -webkit-box-shadow: 0 0 2pc rgba(0, 0, 0, .5);
    box-shadow: 0 0 2pc rgba(0, 0, 0, .5);
    width: 28pc;
    height: auto;
    border-radius: 8px;
    background-color: #1e2222
}

@media only screen and (max-width:991px) {
    .quiz-question-card-container .quiz-card-div {
        width: 100%
    }
}

@media only screen and (min-width:992px) {
    .quiz-question-card-container .quiz-card-div {
        min-height: 360px
    }
}

.quiz-question-card-container .quiz-card-div .quiz-card-question {
    font-family: Houschka-medium;
    font-style: normal;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #fff;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 6rem
}

@media only screen and (max-width:991px) {
    .quiz-question-card-container .quiz-card-div .quiz-card-question {
        font-size: 2rem;
        line-height: 40px
    }
}

.quiz-question-card-container .quiz-card-div .quiz-nav-btn {
    width: 56px;
    height: 56px;
    border-radius: 56px
}

@media only screen and (max-width:991px) {
    .quiz-question-card-container .quiz-card-div .quiz-nav-btn {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important
    }
}

.quiz-question-card-container .quiz-card-div .quiz-nav-btn .quiz-back-btn-icon {
    background-image: url(clientlib-site/resources/images/quizComponent/back.svg);
    display: inline-block;
    width: 24px;
    height: 24px
}

.quiz-question-card-container .quiz-card-div .quiz-nav-btn .quiz-next-btn-icon {
    background-image: url(clientlib-site/resources/images/quizComponent/forward.svg);
    display: inline-block;
    width: 24px;
    height: 24px
}

.quiz-question-card-container .quiz-card-div .quiz-btn-text {
    font-family: Basis-regular;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px;
    color: #fff
}

@media only screen and (max-width:991px) {
    .quiz-question-card-container .quiz-card-div .quiz-btn-text {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important
    }
}

.loader {
    width: 4pc;
    height: 4pc;
    border: 2px solid #9e9fa3;
    border-radius: 50%;
    position: relative;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.loader,
.loader:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.loader:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 50%;
    border: 2px solid #cb336b;
    -webkit-animation: prixClipFix 2s linear infinite;
    animation: prixClipFix 2s linear infinite
}

@-webkit-keyframes prixClipFix {
    0% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
    }

    25% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }

    50% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }

    75% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
    }

    to {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
    }
}

@keyframes prixClipFix {
    0% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
    }

    25% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }

    50% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }

    75% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
    }

    to {
        -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
    }
}

.quiz-question-cover,
.quiz-question-cover-mob {
    z-index: 10;
    width: 100%;
    min-height: 500px
}

.question-box-height {
    min-height: 500px
}

.question-box-width {
    min-width: 500px
}

.loader-text-span {
    font-family: Basis-medium;
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    letter-spacing: .15em;
    color: #fff
}

.loader-text-span,
.loader-text-span .loader-count {
    -webkit-transform: rotate(-43deg);
    transform: rotate(-43deg)
}

.quiz-restart-btn {
    top: 5pc;
    right: auto;
    z-index: 4;
    margin-right: 3.5%
}

@media only screen and (min-width:1199px) {
    .quiz-restart-btn {
        margin-right: 0
    }
}

@media only screen and (max-width:1199px) {
    .quiz-restart-btn {
        top: 5pc;
        right: auto
    }
}

@media only screen and (max-width:768px) {
    .quiz-restart-btn {
        right: auto
    }
}

@media only screen and (max-width:599px) {
    .quiz-restart-btn {
        top: 52px;
        right: auto
    }
}

.quiz-restart-btn .refresh-btn {
    background-image: url(clientlib-site/resources/images/quizComponent/Refresh.svg);
    width: 24px;
    height: 24px;
    display: inline-block
}

.quiz-restart-btn .refresh-btn-text {
    cursor: pointer;
    font-family: Basis-medium;
    font-style: normal;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 2pc;
    color: #fff;
    letter-spacing: .5px
}

.quiz-card-counts-div {
    width: 28pc;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 28px
}

@media only screen and (max-width:991px) {
    .quiz-card-counts-div {
        width: 100%
    }
}

@media only screen and (max-width:599px) {
    .quiz-card-counts-div {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

.quiz-card-counts-div .quiz-card-count:first-child {
    border: 1px solid #fff;
    border-radius: 2pc
}

.quiz-card-counts-div .quiz-card-count.active-circle {
    border: 1px solid #fff !important;
    border-radius: 2pc !important
}

.quiz-card-counts-div .quiz-card-count.non-active {
    border: none !important;
    border-radius: none !important
}

.quiz-card-counts-div .quiz-card-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Basis-bold;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #fff;
    width: 2pc;
    height: 2pc
}

.redownload-modal {
    background-color: #000
}

.redownload-modal .redownload-content {
    padding: 1.125rem 0
}

.redownload-modal .modal-content-heading {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 2rem;
    line-height: 2.5rem;
    font-family: Houschka-medium
}

@media only screen and (max-width:599px) {
    .redownload-modal .modal-content-heading {
        font-size: 1.5rem;
        line-height: 120%
    }
}

.redownload-modal .modal-content-para {
    color: #b4b4b8;
    padding-top: .75rem;
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem
}

@media only screen and (max-width:599px) {
    .redownload-modal .modal-content-para {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.redownload-modal .redownload-close-div .modal-close-icon {
    background: url(clientlib-site/resources/images/share/Close-button.svg) no-repeat 50%;
    padding: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:599px) {
    .redownload-modal .redownload-close-div .modal-close-icon {
        padding: 1.5rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }
}

@media only screen and (max-width:599px) {
    .redownload-modal .redownload-close-div {
        padding-top: 1.125rem
    }
}

.regional-policy-panel {
    background-color: #f4f3f9;
    padding: 60px 0 3pc
}

.regional-policy-panel .policy-country-item {
    padding-bottom: 1.5rem;
    padding-top: 2rem;
    border-bottom: 1px solid #dfdee3
}

.regional-policy-panel .policy-country-item .policy-flag-image {
    top: 2.25rem;
    left: 0;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%
}

@media screen and (max-width:599px) {
    .regional-policy-panel .policy-country-item .policy-flag-image {
        top: 1rem
    }
}

@media screen and (max-width:599px) {
    .regional-policy-panel .policy-country-item {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

.regional-policy-panel .policy-country-item .policy-country-name {
    font-size: 2rem;
    line-height: 2.5rem;
    color: #cd0f5b;
    padding-left: 3.5rem;
    font-family: Houschka-medium
}

.regional-policy-panel .policy-country-item .policy-language-list {
    right: 0;
    top: 2.5rem;
    position: absolute
}

@media screen and (max-width:599px) {
    .regional-policy-panel .policy-country-item .policy-language-list {
        position: relative;
        margin-left: 3rem;
        top: 0;
        margin-top: .5rem
    }
}

.regional-policy-panel .policy-country-item .policy-language-div {
    display: inline-block;
    height: 2rem
}

.regional-policy-panel .policy-country-item .policy-language-div:after {
    position: absolute;
    height: 100%;
    width: .0625rem;
    background-color: #dfdee3;
    content: "";
    top: 0
}

.regional-policy-panel .policy-country-item .policy-language-div:last-child:after {
    display: none
}

.regional-policy-panel .policy-country-item .policy-language-div .policy-language-link {
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    color: #005b9c;
    padding-bottom: .25rem;
    border-bottom: 1px solid #005b9c;
    margin: 0 1rem;
    text-align: center
}

@media screen and (max-width:599px) {
    .regional-policy-panel .policy-country-item .policy-language-div .policy-language-link {
        margin: 0 .5rem
    }
}

.regional-policy-panel .policy-view-all-btn {
    margin-top: 2rem;
    padding: 9pt 52px 9pt 2pc;
    width: auto;
    font-family: Basis-medium
}

.regional-policy-panel .policy-view-all-btn:after {
    content: "";
    background-image: url(clientlib-site/resources/images/arrow-down-black.svg);
    height: 1.5rem;
    width: 1.5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%);
    right: 1rem;
    -webkit-transition: .7s;
    transition: .7s
}

.regional-policy-panel .policy-view-all-btn:focus-visible {
    outline: 2px solid #d24d63
}

.regional-policy-panel .policy-view-all-btn:hover:after {
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%)
}

.regional-policy-panel .policy-view-less-btn {
    font-family: Basis-medium;
    margin-top: 2rem;
    padding: 9pt 52px 9pt 2pc;
    width: auto
}

.regional-policy-panel .policy-view-less-btn:after {
    content: "";
    background-image: url(clientlib-site/resources/images/arrow-up-black.svg);
    height: 1.5rem;
    width: 1.5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%);
    -webkit-transition: .7s;
    transition: .7s;
    right: 1rem
}

.regional-policy-panel .policy-view-less-btn:focus-visible {
    outline: 2px solid #d24d63
}

.regional-policy-panel .policy-view-less-btn:hover:after {
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%)
}

.related-content {
    background-color: #f4f3f9;
    padding: 2rem 0
}

.related-content .related-section-title {
    font-size: 2rem;
    line-height: 1.5rem;
    color: #000;
    letter-spacing: 0;
    line-height: 2.5rem;
    margin-bottom: 2rem;
    font-family: Houschka-medium;
    font-weight: 500
}

.related-content .card-list-container {
    width: 100%
}

@media only screen and (max-width:1199px) {
    .related-content .card-list-container-overflow {
        overflow-x: auto;
        padding-bottom: .625rem
    }
}

.related-content .card-list .related-content-cards {
    overflow: hidden
}

.related-content .card-list .related-content-cards:focus .related-content-date,
.related-content .card-list .related-content-cards:focus .related-content-title {
    text-decoration: underline;
    -webkit-text-decoration-color: #494c4d;
    text-decoration-color: #494c4d
}

.related-content .card-list .related-content-cards .related-content-title {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: .5px;
    color: #000;
    font-family: Basis-regular
}

.related-content .card-list .related-content-cards .tag-text {
    font-size: .75rem;
    line-height: 1pc;
    letter-spacing: .5px;
    color: #000;
    padding: .5rem .75rem;
    border: 1px solid #5e6162;
    margin-right: .5rem;
    font-family: Basis-regular
}

.related-content .card-list .related-content-cards .tag-text:last-child {
    margin-right: 0
}

.related-content .card-list .related-content-cards .related-content-thumb-image-div {
    height: 280px
}

.related-content .card-list .related-content-cards .related-content-thumb-image-div .related-content-thumb-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 280px;
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
    overflow: hidden
}

.related-content .card-list .related-content-cards .related-content-thumb-image-div .related-content-thumb-image:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.related-content .card-list .related-content-cards .related-content-thumb-image-div .related-content-thumb-image .arrow-icon {
    width: 3pc;
    height: 3pc;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 25px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 0
}

.related-content .card-list .related-content-cards .related-content-thumb-image-div .related-content-thumb-image .podcast-icon {
    background-image: url(clientlib-site/resources/images/relatedContent/podcast-icon.svg)
}

.related-content .card-list .related-content-cards .related-content-thumb-image-div .related-content-thumb-image .video-icon {
    background-image: url(clientlib-site/resources/images/relatedContent/video-icon.svg)
}

.related-content .card-list .related-content-cards .related-content-date {
    color: #494c4d
}

.related-content .card-list .related-content-cards .related-content-date .related-content-date-text {
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .5px;
    font-family: Basis-regular
}

.related-content .card-list .related-content-cards:nth-child(odd) .related-content-thumb-image-div {
    height: 10pc
}

.related-content .card-list .related-content-cards:nth-child(odd) .related-content-thumb-image {
    height: 10pc;
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
    overflow: hidden
}

.related-content .card-list .related-content-cards:nth-child(odd) .related-content-thumb-image:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.related-content .card-list .related-content-cards:focus {
    text-decoration: underline;
    -webkit-text-decoration-color: #494c4d;
    text-decoration-color: #494c4d
}

.related-content .card-list .related-content-cards:last-child {
    margin-right: 0
}

.richText {
    padding-left: 0;
    word-break: break-word
}

.richText .table__scroller-rte {
    overflow-x: auto
}

.richText ol,
.richText ul {
    margin-left: 2rem;
    padding-left: 0
}

.richText ol li,
.richText ul li {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #000
}

.richText ol li a,
.richText ul li a {
    color: #154b8c
}

.richText ol li a:hover,
.richText ul li a:hover {
    color: #0056b3
}

.richText p {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #000
}

.richText p a {
    color: #154b8c
}

.richText p a:hover {
    color: #0056b3
}

.richText p:has(>.cs-section-heading),
.richText p:has(>.cs-section-title),
.richText p:has(>.cs-title) {
    margin-bottom: 0
}

.richText h1 {
    font-weight: 500;
    font-family: Houschka-medium;
    font-size: 4.5rem;
    line-height: 4.5rem
}

@media only screen and (max-width:599px) {
    .richText h1 {
        font-size: 3.5rem;
        line-height: 3.5rem
    }
}

.richText h2 {
    font-weight: 500;
    font-family: Houschka-medium;
    font-size: 4rem;
    line-height: 4rem
}

@media only screen and (max-width:599px) {
    .richText h2 {
        font-size: 3rem;
        line-height: 3rem
    }
}

.richText h3 {
    font-weight: 500;
    font-family: Houschka-medium;
    font-size: 3.5rem;
    line-height: 3.5rem
}

@media only screen and (max-width:599px) {
    .richText h3 {
        font-size: 2.5rem;
        line-height: 2.5rem
    }
}

.richText h4 {
    font-weight: 500;
    font-family: Houschka-medium;
    font-size: 3rem;
    line-height: 3rem
}

@media only screen and (max-width:599px) {
    .richText h4 {
        font-size: 2rem;
        line-height: 2rem
    }
}

.richText h5 {
    font-weight: 500;
    font-family: Houschka-medium;
    font-size: 2.5rem;
    line-height: 2.5rem
}

@media only screen and (max-width:599px) {
    .richText h5 {
        font-size: 1.5rem;
        line-height: 1.5rem
    }
}

.richText h6 {
    font-weight: 500;
    font-family: Houschka-medium;
    font-size: 2rem;
    line-height: 2rem
}

.richText .vertical-line {
    padding-left: 2rem;
    position: relative;
    display: block;
    font-family: Basis-regular
}

.richText .vertical-line:after {
    background: #e41165;
    width: 4px;
    border-radius: 10px;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    content: ""
}

.richText .vertical-line .cs-title {
    margin-bottom: 0
}

.richText .vertical-line-pink-text {
    padding-left: 2rem;
    position: relative;
    display: block;
    font-family: Houschka-medium;
    font-size: 2.5rem;
    color: #e41165;
    line-height: 2.5rem
}

.richText .vertical-line-pink-text:after {
    background: #e41165;
    width: 4px;
    border-radius: 10px;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    content: ""
}

@media screen and (max-width:599px) {
    .richText .vertical-line-pink-text {
        font-size: 1.75rem
    }
}

.richText .cs-title {
    font-family: Houschka-medium;
    font-size: 3rem;
    line-height: 3rem;
    color: #000;
    text-align: inherit;
    margin-bottom: 2rem;
    display: inline-block;
    font-weight: 400
}

@media screen and (max-width:599px) {
    .richText .cs-title {
        font-size: 2rem;
        line-height: 2rem
    }
}

.richText .cs-title-heading {
    margin-bottom: 0;
    font-family: Houschka-medium;
    font-size: 3rem;
    line-height: 3rem;
    color: #000;
    text-align: inherit;
    display: block;
    font-weight: 400
}

@media screen and (max-width:599px) {
    .richText .cs-title-heading {
        font-size: 2rem
    }
}

.richText .cs-section-title {
    margin-bottom: 2rem
}

.richText .cs-section-heading,
.richText .cs-section-title {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .15em;
    text-align: inherit;
    font-weight: 400;
    display: block
}

.richText .cs-section-heading {
    margin-bottom: .5rem
}

.richText .social-share-content {
    font-family: Basis-medium;
    display: inline;
    color: #000;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px;
    position: relative;
    border-bottom: 1px dashed;
    border-color: #000
}

.richText .social-share-content a {
    pointer-events: none;
    color: #000
}

.richText .table-heading,
.richText .table-heading-regular {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #000;
    margin-bottom: 1.5rem
}

.richText .table-heading {
    font-family: Basis-medium
}

.richText .table-heading-regular {
    font-family: Basis-regular
}

.richText .email-icon-rte {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #000;
    margin-left: 2.5rem;
    position: relative
}

.richText .email-icon-rte:before {
    content: "";
    background-image: url(clientlib-site/resources/images/emailSignUp/email.svg);
    position: absolute;
    left: -2.5rem;
    top: 0;
    height: 1.40625rem;
    width: 1.46875rem
}

.richText .phone-icon-rte {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #000;
    margin-left: 2.5rem;
    position: relative
}

.richText .phone-icon-rte:before {
    content: "";
    background-image: url(clientlib-site/resources/images/phone-pink.svg);
    position: absolute;
    left: -2.5rem;
    top: 0;
    height: 1.40625rem;
    width: 1.46875rem
}

.richText .pink-text {
    font-family: Houschka-medium;
    font-size: 2.5rem;
    color: #e41165;
    line-height: 2.5rem
}

@media screen and (max-width:599px) {
    .richText .pink-text {
        font-size: 1.75rem
    }
}

.richText .pink-text-small {
    font-size: 1.5rem;
    letter-spacing: .03125rem;
    color: #e41165;
    font-family: Basis-medium;
    display: inline-block;
    margin-bottom: 0;
    line-height: 2rem
}

.richText .tw-highlight-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #000;
    background-image: url(clientlib-site/resources/images/social-icons/twitter-ico-w.svg);
    content: "";
    border-radius: 30px 0 0 30px;
    background-position-x: 70%
}

.richText .social-linkedin-icon,
.richText .tw-highlight-icon {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    margin-left: .5rem;
    cursor: pointer;
    margin: 0 !important
}

.richText .social-linkedin-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #000;
    border-radius: 0 30px 30px 0;
    background-image: url(clientlib-site/resources/images/social-icons/linkedin-ico-w.svg);
    background-position-x: -10%
}

.richText .arrow-text {
    position: relative;
    font-family: Basis-medium;
    display: block;
    color: #000;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px
}

.richText .arrow-text:after {
    position: absolute;
    margin-left: .5rem;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 2.5rem;
    content: "";
    background: #000 url(clientlib-site/resources/images/arrow-right-w.svg) no-repeat 50%;
    background-size: .9375rem
}

.richText .arrow-text:hover {
    cursor: pointer
}

.richText .arrow-text:hover:after {
    -webkit-animation: hoverEffect .75s;
    animation: hoverEffect .75s
}

.richText .content-padding {
    padding: 2rem 2rem 0;
    display: inline-block
}

.richText .content-bottom-padding {
    padding-bottom: 3rem;
    display: inline-block
}

.richText .content-top-padding {
    padding-top: 2rem;
    display: inline-block
}

.richText .social-share-parent {
    display: inline-block;
    top: 72%;
    position: relative;
    margin-top: 5px;
    height: 22px;
    width: 4pc;
    margin-left: 4px;
    vertical-align: text-bottom
}

.richText .social-share-parent:after {
    position: absolute;
    left: -8px;
    top: 75%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-right-color: #000;
    content: ""
}

.richText td,
.richText th {
    padding: .75rem
}

.richText td a,
.richText th a {
    color: #154b8c
}

.richText td a:hover,
.richText th a:hover {
    color: #0056b3
}

@media screen and (max-width:599px) {
    .richText .legal-table .legal-table-tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin: 0
    }
}

.richText .legal-table .legal-table-tr .table-col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 29.5555%;
    flex: 0 0 29.5555%;
    max-width: 29.5555%
}

@media screen and (max-width:599px) {
    .richText .legal-table .legal-table-tr .table-col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.richText .legal-table .legal-table-tr .legal-table-td {
    border-top: none;
    background: #f4f3f9;
    margin: 1rem
}

@media screen and (max-width:599px) {
    .richText .legal-table .legal-table-tr .legal-table-td {
        margin: 1pc 0
    }
}

.richText .legal-table .legal-table-tr .legal-table-td p {
    margin-bottom: .75rem
}

.richText .legal-table .legal-table-tr .legal-table-td a {
    color: #005b9c
}

.richText .legal-table .legal-table-tr .legal-table-td a:hover {
    color: #154b8c
}

.richText .legal-table .legal-table-tr .legal-table-td .legal-email-link {
    text-decoration: none !important
}

.richText .vertical-line-list {
    padding-top: 3rem;
    padding-bottom: 3.25rem;
    padding-left: 2rem;
    position: relative;
    display: block
}

.richText .vertical-line-list:after {
    background: #e41165;
    width: 4px;
    border-radius: 10px;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    content: ""
}

.richText .vertical-line-list li,
.richText .vertical-line-list p {
    font-size: 1.125rem;
    line-height: 2rem
}

.richText .vertical-line-list li:not(:last-child) {
    margin-bottom: 1.2rem
}

.richText .vertical-line-list p:last-child,
.richText .vertical-line-list span:last-child {
    margin-bottom: 0
}

@media screen and (max-width:768px) {
    .richText .vertical-line-list {
        padding-top: 2.25rem;
        padding-bottom: 2.5rem
    }
}

@media screen and (max-width:428px) {
    .richText .vertical-line-list {
        padding-top: 2.5rem;
        padding-bottom: 2.75rem;
        padding-left: 1rem
    }

    .richText .vertical-line-list li,
    .richText .vertical-line-list p {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.richText .dividend-table .cs-title-heading {
    font-size: 2.5rem;
    line-height: 2.5rem
}

@media screen and (max-width:599px) {
    .richText .dividend-table .cs-title-heading {
        font-size: 2rem
    }
}

.richText .dividend-table table {
    width: 100%;
    border: 0;
    table-layout: fixed;
    margin-top: 1.5rem;
    margin-bottom: 2rem
}

.richText .dividend-table table tr {
    border-bottom: 1px solid #e3e3e3
}

@media screen and (max-width:1199px) {
    .richText .dividend-table table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 1rem;
        padding-bottom: .3125rem
    }
}

@media screen and (max-width:599px) {
    .richText .dividend-table table tr {
        padding-top: 1.375rem;
        padding-bottom: .1875rem
    }
}

.richText .dividend-table table tr td {
    padding: 1.1875rem 0;
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #000
}

@media screen and (max-width:1199px) {
    .richText .dividend-table table tr td {
        width: 50%;
        padding: .5rem 0
    }
}

@media screen and (max-width:599px) {
    .richText .dividend-table table tr td {
        width: 100%;
        padding: .625rem 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.richText .dividend-table table tr td .dividend-header-text {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .09375rem;
    color: #747678;
    text-transform: uppercase
}

@media screen and (max-width:1199px) {
    .richText .dividend-table table tr td .dividend-header-text {
        display: block
    }
}

@media screen and (max-width:599px) {
    .richText .dividend-table table tr td .dividend-header-text {
        display: inline-block;
        font-size: .75rem;
        margin-right: 10px;
        width: 9.0625rem;
        min-width: 9.0625rem
    }
}

@media screen and (max-width:1199px) {
    .richText .dividend-table table tr:first-child {
        display: none
    }
}

.richText .dividend-table table tr:first-child td {
    font-family: Basis-bold;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .09375rem;
    color: #747678;
    padding: .25rem 3.1875rem .5rem 0;
    vertical-align: bottom;
    text-transform: uppercase
}

.richText .dividend-table table tr:first-child td p {
    margin-bottom: 0;
    font-family: Basis-bold;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .09375rem;
    color: #747678
}

.richText .dividend-table table tr:first-child td strong {
    font-weight: 400
}

.richText .dividend-table table tr:not(:first-child) td:nth-child(2),
.richText .dividend-table table tr:not(:first-child) td:nth-child(4) {
    font-family: Basis-bold
}

.richText .dividend-table table td {
    border: 0
}

.richText .dividend-table .dividend-load-more-btn {
    padding: .75rem 2.25rem .75rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1.5px solid #5e6162;
    outline: 0;
    background: #fff;
    margin: 2rem auto;
    border-radius: 6.25rem;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.richText .dividend-table .dividend-load-more-btn .load-more-btn-text {
    font-family: Basis-medium;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #000
}

.richText .dividend-table .dividend-load-more-btn .load-more-btn-arrow {
    background-image: url(clientlib-site/resources/images/arrow-down-black.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    width: 24px;
    height: 24px;
    margin-left: 9pt
}

.richText .dividend-table .dividend-load-more-btn:hover {
    border: 1.5px solid #000;
    background: rgba(73, 76, 77, .1)
}

.richText .dividend-table .dividend-load-more-btn:focus {
    border: 1.5px solid #000;
    background: #fff;
    outline: 1.5px solid #000;
    outline-offset: 2px;
    -webkit-transition: unset;
    transition: unset
}

.richText .highlight-para-title {
    color: #000;
    font-size: 1.25rem;
    font-family: Basis-regular;
    line-height: 160%;
    letter-spacing: .03125rem
}

.richText>.rich-text-panel>p:last-child {
    margin-bottom: 0
}

.richText img {
    max-width: 100%
}

.cardContainer .rich-text-panel>p:last-child,
.cardContainer .rich-text-panel>ul:last-child {
    margin-bottom: 0
}

.cardContainer .image-desc-parent-div {
    display: block;
    border-bottom: 1px solid #9e9fa3
}

.cardContainer .image-desc-content {
    height: 150px;
    overflow-y: scroll
}

.cardContainer .image-desc-content::-webkit-scrollbar {
    width: 4px
}

.cardContainer .image-desc-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #c9c9ce;
    box-shadow: inset 0 0 5px #c9c9ce;
    border-radius: 7px
}

.cardContainer .image-desc-content::-webkit-scrollbar-thumb {
    background: #000;
    width: 4px;
    height: 81pt;
    border-radius: 7px
}

.cardContainer .image-desc-content::-webkit-scrollbar-thumb:hover {
    background: #000
}

.cardContainer .image-desc-content {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px
}

.cardContainer .image-desc-btn {
    font-family: Basis-bold;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .15em;
    text-align: left;
    background-color: transparent;
    border: none;
    display: block
}

.cardContainer .image-desc-btn .desc-toggle-arrow {
    background: url(clientlib-site/resources/images/chevron-down-black.svg);
    height: 8px;
    width: 14px
}

.cardContainer .image-desc-btn .arrow-rotate {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform eases .2s;
    transition: -webkit-transform eases .2s;
    transition: transform eases .2s;
    transition: transform eases .2s, -webkit-transform eases .2s
}

.dark-theme-container .richText .arrow-text,
.dark-theme-container .richText .cs-section-heading,
.dark-theme-container .richText .cs-section-title,
.dark-theme-container .richText .cs-title,
.dark-theme-container .richText .cs-title-heading,
.dark-theme-container .richText .email-icon-rte,
.dark-theme-container .richText .highlight-para-title,
.dark-theme-container .richText .phone-icon-rte,
.dark-theme-container .richText .social-share-content,
.dark-theme-container .richText .table-heading,
.dark-theme-container .richText .table-heading-regular,
.dark-theme-container .richText .tw-highlight-icon,
.dark-theme-container .richText ol li,
.dark-theme-container .richText p,
.dark-theme-container .richText ul li,
.tab-bg-gray90 .richText .arrow-text,
.tab-bg-gray90 .richText .cs-section-heading,
.tab-bg-gray90 .richText .cs-section-title,
.tab-bg-gray90 .richText .cs-title,
.tab-bg-gray90 .richText .cs-title-heading,
.tab-bg-gray90 .richText .email-icon-rte,
.tab-bg-gray90 .richText .highlight-para-title,
.tab-bg-gray90 .richText .phone-icon-rte,
.tab-bg-gray90 .richText .social-share-content,
.tab-bg-gray90 .richText .table-heading,
.tab-bg-gray90 .richText .table-heading-regular,
.tab-bg-gray90 .richText .tw-highlight-icon,
.tab-bg-gray90 .richText ol li,
.tab-bg-gray90 .richText p,
.tab-bg-gray90 .richText ul li {
    color: #fff
}

.dark-theme-container .richText .arrow-text:after,
.tab-bg-gray90 .richText .arrow-text:after {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.dark-theme-container .richText .richtext-cta-link-hover,
.tab-bg-gray90 .richText .richtext-cta-link-hover {
    color: #005b9c;
    text-decoration: none
}

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

    .container-fluid .image__component__div.flex-column,
    .rowContainer .container .image__component__div.flex-column {
        -webkit-box-orient: unset !important;
        -webkit-box-direction: unset !important;
        -ms-flex-direction: unset !important;
        flex-direction: unset !important
    }
}

.container-fluid .full__padding,
.rowContainer .container .full__padding {
    padding: 6.5rem 0
}

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

    .container-fluid .full__padding,
    .rowContainer .container .full__padding {
        padding: 3.5rem 0
    }
}

.container-fluid .top__padding,
.rowContainer .container .top__padding {
    padding-top: 6.5rem
}

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

    .container-fluid .top__padding,
    .rowContainer .container .top__padding {
        padding-top: 3.5rem
    }
}

.container-fluid .bottom__padding,
.rowContainer .container .bottom__padding {
    padding-bottom: 6.5rem
}

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

    .container-fluid .bottom__padding,
    .rowContainer .container .bottom__padding {
        padding-bottom: 3.5rem
    }
}

.container-fluid .top__bottom__padding,
.rowContainer .container .top__bottom__padding {
    padding: 6.5rem 0
}

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

    .container-fluid .top__bottom__padding,
    .rowContainer .container .top__bottom__padding {
        padding: 3.5rem 0
    }
}

.custom-container>div.w-60 {
    width: 60%
}

.custom-container>div.w-40 {
    width: 40%
}

.custom-container>div.w-33 {
    width: 33%
}

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

    .custom-container>div.w-25,
    .custom-container>div.w-40,
    .custom-container>div.w-50,
    .custom-container>div.w-60,
    .custom-container>div.w-75,
    .custom-container>div.w-100 {
        width: 100% !important
    }
}

.rowContainer .article-tag-panel {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    border-left: 1px solid #dfdee3;
    padding-left: 3rem
}

@media only screen and (max-width:1199px) {
    .rowContainer .article-tag-panel {
        padding-left: 0;
        border: none
    }

    .rowContainer .article-tag-panel .article-tag-nav {
        display: inline-block
    }
}

.search-overlay-panel .search-modal-dialog {
    max-width: 100%;
    margin: 0
}

.search-overlay-panel .search-modal-dialog .search-modal-content {
    background-color: transparent
}

.search-overlay-panel .search-modal-dialog .search-modal-body {
    display: none;
    padding: 1rem 0 7rem;
    background-color: #1e2222;
    min-height: calc(100vh - 6pc)
}

@media only screen and (max-width:599px) {
    .search-overlay-panel .search-modal-dialog .search-modal-body {
        min-height: calc(100vh - 72px)
    }
}

.search-overlay-panel .search-modal-header {
    background-color: #1e2222;
    position: sticky;
    top: 0;
    z-index: 2
}

.search-overlay-panel .search-modal-header .close-search {
    background-image: url(clientlib-site/resources/images/close.svg);
    width: 24px;
    height: 24px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-color: transparent
}

.search-overlay-panel .search-list-slide {
    width: 95%;
    opacity: .35
}

.search-overlay-panel .search-list-slide.swiper-slide-active {
    opacity: 1
}

@media only screen and (max-width:599px) {
    .search-overlay-panel .search-list-slide {
        width: 85%
    }

    .search-overlay-panel .search-list-slide .search-list-top-thumb {
        margin-bottom: 2rem
    }
}

.search-overlay-panel .search-updates {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.search-overlay-panel .search-input {
    height: 6pc;
    caret-color: #e41165;
    font-family: Houschka-medium;
    font-size: 2rem;
    line-height: 40px;
    padding: 1.5rem 2rem 1.5rem 1.875rem;
    color: #fff;
    background: url(clientlib-site/resources/images/search-icon.svg) no-repeat 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid #fff;
    outline: none
}

@media only screen and (max-width:1199px) {
    .search-overlay-panel .search-input {
        padding: 1.125rem 2rem 1.125rem 30px;
        height: 72px;
        font-size: 1.125rem;
        line-height: 2pc
    }
}

.search-overlay-panel .search-no-result {
    display: none;
    color: #898a8d;
    font-family: Basis-regular;
    font-size: 1rem
}

.search-overlay-panel .search-no-result p {
    margin-bottom: .5rem
}

.search-overlay-panel .search-no-result .suggested-text {
    font-family: Basis-bold;
    color: #fff
}

.search-overlay-panel .search-list-top {
    padding-bottom: 3rem
}

.search-overlay-panel .search-list-top .section-heading {
    margin-top: 2rem
}

.search-overlay-panel .search-list-top .search-list-carousel {
    overflow-x: visible
}

.search-overlay-panel .search-list-top .search-list-top-thumb {
    height: 3in;
    background-position: 50%;
    background-size: cover
}

@media only screen and (max-width:1199px) {
    .search-overlay-panel .search-list-top .search-list-top-thumb {
        height: 147px
    }
}

@media only screen and (max-width:599px) {
    .search-overlay-panel .search-list-top .search-list-top-thumb {
        height: 152px
    }
}

.search-overlay-panel .search-list-tag-list {
    padding: 1.75rem 0;
    background: #1e2222;
    position: sticky !important;
    top: 6pc;
    z-index: 1;
    border-top: 1px solid #494c4d
}

@media only screen and (min-width:1200px) {
    .search-overlay-panel .search-list-tag-list {
        padding-right: 1.75rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (max-width:1199px) {
    .search-overlay-panel .search-list-tag-list {
        top: 72px
    }
}

.search-overlay-panel .search-list-tag-list .tag-list-slide {
    width: auto
}

.search-overlay-panel .search-list-result {
    padding: 2rem 0 1rem
}

.search-overlay-panel .search-list-result .no-search-image {
    background-image: url(clientlib-site/resources/images/search-default-img.svg) !important
}

.search-overlay-panel .search-list-result .search-small-thumb-image {
    height: 10pc;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

@media only screen and (max-width:1199px) {
    .search-overlay-panel .search-list-result .search-small-thumb-image {
        height: 142px
    }
}

@media only screen and (max-width:599px) {
    .search-overlay-panel .search-list-result .search-small-thumb-image {
        height: 92px
    }
}

.search-overlay-panel .search-autocomplete-list {
    top: 100%;
    width: 107%;
    background-color: #1e2222;
    left: -3.5%;
    padding: 1.5rem 0
}

.search-overlay-panel .search-autocomplete-list .autocomplete-items {
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0
}

.search-overlay-panel .search-autocomplete-list .search-autocomplete-link {
    cursor: pointer;
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #fff;
    padding: .5rem 0 .5rem 3.5%
}

.search-overlay-panel .search-autocomplete-list .search-autocomplete-link:hover {
    background-color: #898a8d
}

.search-overlay-panel .search-autocomplete-list .search-autocomplete-link.autocomplete-active {
    background-color: #b4b4b8 !important;
    color: #fff
}

.search-overlay-panel .search-list-pagination {
    padding-top: 1.8125rem;
    border-top: 1px solid #494c4d
}

.search-overlay-panel .search-list-top-info {
    margin-left: 1.875rem;
    padding-bottom: 3rem
}

.search-overlay-panel .search-list-top-info .search-list-top-heading {
    font-family: Houschka-medium;
    font-size: 2rem;
    line-height: 40px;
    color: #fff;
    margin-bottom: 1.5rem
}

.search-overlay-panel .search-list-top-info .search-list-top-description {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #fff;
    margin-bottom: 2.5rem
}

.search-overlay-panel .search-list-top-info .search-list-top-link {
    bottom: 0;
    left: 0
}

@media only screen and (max-width:1199px) {
    .search-overlay-panel .search-list-top-info {
        margin-left: 0
    }

    .search-overlay-panel .search-list-top-info .search-list-top-heading {
        margin-bottom: 1rem
    }

    .search-overlay-panel .search-list-top-info .search-list-top-description {
        margin-bottom: 1.5rem
    }
}

.search-overlay-panel .pagination-button {
    background-size: 15px;
    width: 40px;
    height: 40px;
    border: none;
    background: transparent url(clientlib-site/resources/images/arrow-right-w.svg) no-repeat 50%;
    vertical-align: middle
}

.search-overlay-panel .pagination-button[disabled] {
    opacity: .2
}

.search-overlay-panel .pagination-button.pagination-prev-button {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.search-overlay-panel .tag-list-carousel {
    width: 92%;
    margin: 0 auto
}

.search-overlay-panel .tag-list-carousel .swiper-wrapper .tag-list-slide:first-child .tag-link {
    padding-right: 1rem !important
}

.search-overlay-panel .tag-list-carousel .swiper-wrapper .tag-list-slide:first-child .tag-link .tag-close {
    display: none
}

@media only screen and (max-width:1199px) {
    .search-overlay-panel .tag-list-carousel {
        width: 100%
    }
}

.search-overlay-panel .search-list-slider-button {
    background-size: 15px;
    width: 40px;
    height: 40px;
    top: 50%;
    border-radius: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-filter: invert(1);
    filter: invert(1)
}

@media only screen and (max-width:1199px) {
    .search-overlay-panel .search-list-slider-button {
        display: none
    }
}

.search-overlay-panel .search-list-slider-button.swiper-button-disabled {
    display: none
}

.search-overlay-panel .search-list-slider-button.search-list-slider-button-prev {
    background: #000 url(clientlib-site/resources/images/arrow-right-w.svg) no-repeat 50%;
    -webkit-transform: rotate(-180deg) translateY(50%);
    transform: rotate(-180deg) translateY(50%);
    left: .5rem
}

.search-overlay-panel .search-list-slider-button.search-list-slider-button-next {
    background: #000 url(clientlib-site/resources/images/arrow-right-w.svg) no-repeat 50%;
    right: .5rem
}

.search-overlay-panel .search-list-slider-button.search-list-tagslider-button-next {
    background: transparent url(clientlib-site/resources/images/arrow-right-w.svg) no-repeat 50%;
    -webkit-filter: invert(0);
    filter: invert(0);
    right: -1rem
}

.search-overlay-panel .search-list-slider-button.search-list-tagslider-button-prev {
    background: transparent url(clientlib-site/resources/images/arrow-right-w.svg) no-repeat 50%;
    -webkit-filter: invert(0);
    filter: invert(0);
    -webkit-transform: rotate(-180deg) translateY(50%);
    transform: rotate(-180deg) translateY(50%);
    left: 12.25rem
}

.search-overlay-panel .tag-link {
    text-transform: capitalize;
    font-weight: 400;
    font-size: .875rem;
    line-height: 24px;
    color: #fff;
    padding: .5rem 1rem;
    border: 1px solid #5e6162;
    font-family: Basis-regular;
    border-radius: 20px;
    cursor: pointer
}

.search-overlay-panel .tag-link .tag-close {
    display: none
}

@media only screen and (min-width:1200px) {
    .search-overlay-panel .tag-link:hover {
        background-color: #fff;
        color: #000;
        position: relative
    }
}

.search-overlay-panel .tag-link.selected {
    background-color: #fff;
    color: #000;
    position: relative;
    padding-right: 2.25rem
}

.search-overlay-panel .tag-link.selected .tag-close {
    background: transparent url(clientlib-site/resources/images/close-b.svg) 50% no-repeat;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 1rem;
    height: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    right: .75rem;
    border: none
}

.search-overlay-panel .tag-link.selected:after {
    position: absolute;
    left: 1%;
    top: 4%;
    width: 98%;
    height: 92%;
    content: "";
    border-radius: 20px
}

.search-overlay-panel .search-card {
    margin-bottom: 2.5rem;
    text-decoration: none
}

.search-overlay-panel .search-card:hover .search-list-content .search-list-title {
    text-decoration: underline
}

.search-overlay-panel .search-card:hover .search-list-content .search-list-description {
    color: #fff
}

@media only screen and (max-width:1199px) {
    .search-overlay-panel .search-card {
        margin-bottom: 1.875rem;
        border-bottom: 1px solid #b4b4b8;
        padding-bottom: .625rem
    }

    .search-overlay-panel .search-card:last-child {
        border: none
    }
}

.search-overlay-panel .search-card .search-list-content {
    font-family: Basis-regular
}

.search-overlay-panel .search-card .search-list-content .search-list-title {
    font-size: 1.5rem;
    line-height: 40px;
    letter-spacing: .5px;
    color: #fff;
    margin-bottom: 5px
}

@media only screen and (max-width:1199px) {
    .search-overlay-panel .search-card .search-list-content .search-list-title {
        font-size: 1.125rem;
        line-height: 26px
    }
}

.search-overlay-panel .search-card .search-list-content .search-list-description {
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .5px;
    color: #b4b4b8
}

@media only screen and (max-width:1199px) {
    .search-overlay-panel .search-card .search-list-content .search-list-description {
        display: none
    }
}

.search-overlay-panel .search-card .search-list-content .search-list-info {
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .5px;
    color: #898a8d
}

.search-overlay-panel .search-list-pagination {
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #898a8d;
    font-family: Basis-regular
}

.search-overlay-panel .search-list-pagination .pagination-dropdown {
    background-color: #333737;
    font-size: .875rem;
    font-family: Basis-Bold
}

.search-overlay-panel .search-list-pagination .pagination-dropdown .page-selected {
    padding: 1pc 2pc;
    line-height: 24px
}

.search-overlay-panel .pagination-dropdown {
    width: 156px
}

.search-overlay-panel .pagination-dropdown.search-list-count-dropdown {
    width: 75pt
}

.search-overlay-panel .pagination-dropdown .dropdown-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(clientlib-site/resources/images/chevron-down-c.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    content: "";
    right: .75rem
}

.search-overlay-panel .pagination-dropdown.opened .dropdown-arrow {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.search-overlay-panel .pagination-dropdown.opened .pagination-pages {
    display: block
}

.search-overlay-panel .pagination-dropdown .pagination-pages {
    display: none;
    border-top: 2px solid #e41165;
    top: 4rem;
    background-color: #000;
    left: 0;
    width: 100%;
    height: 75pt;
    overflow-y: auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.search-overlay-panel .pagination-dropdown .pagination-pages::-webkit-scrollbar {
    width: 8px
}

.search-overlay-panel .pagination-dropdown .pagination-pages::-webkit-scrollbar-track {
    background: #333737
}

.search-overlay-panel .pagination-dropdown .pagination-pages::-webkit-scrollbar-thumb {
    background: #e41165;
    height: 20px
}

.search-overlay-panel .pagination-dropdown .pagination-pages .page-number {
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    color: #b4b4b8
}

.search-overlay-panel .pagination-dropdown .pagination-pages .pagination-number {
    background-color: transparent;
    font-size: .875rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #fff;
    padding: 8px 1pc;
    border: 1px solid transparent;
    border-right: none;
    border-left: none
}

.search-overlay-panel .pagination-dropdown .pagination-pages .pagination-number.selected:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(clientlib-site/resources/images/dropdown-check.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-filter: invert(1);
    filter: invert(1);
    content: "";
    right: 1rem;
    position: absolute
}

.search-overlay-panel .pagination-dropdown .pagination-pages .pagination-number:hover {
    background-color: #1e2222;
    border-top: 1px solid #9e9fa3;
    border-bottom: 1px solid #9e9fa3
}

.search-overlay-panel .search-sorting-dropdown {
    z-index: 2
}

@media only screen and (min-width:768px) {
    .search-overlay-panel .search-sorting-dropdown {
        min-width: 10.25rem;
        max-width: 10.25rem;
        margin-right: 5rem
    }
}

@media only screen and (max-width:1199px) {
    .search-overlay-panel .search-sorting-dropdown {
        margin-bottom: 1.5rem
    }
}

@media only screen and (min-width:1200px) {
    .search-overlay-panel .search-sorting-dropdown:after {
        content: "";
        position: absolute;
        height: 4rem;
        width: .0625rem;
        background: #b4b4b8;
        right: -1.5rem
    }
}

.search-overlay-panel .search-sorting-dropdown .search-sort-button,
.search-overlay-panel .search-sorting-dropdown .sort-options-button {
    padding: 1rem;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.search-overlay-panel .search-sorting-dropdown .search-sort-button:focus-visible,
.search-overlay-panel .search-sorting-dropdown .sort-options-button:focus-visible {
    outline: 1px solid #fff
}

.search-overlay-panel .search-sorting-dropdown .sort-options-button {
    font-family: Basis-regular;
    border-bottom: 1px solid #898a8d;
    color: #b4b4b8;
    border-radius: 0
}

.search-overlay-panel .search-sorting-dropdown .sort-options-button:hover {
    color: #fff;
    background: #1e2222
}

.search-overlay-panel .search-sorting-dropdown .sort-options-button:last-child {
    border-bottom: none;
    border-radius: 0 0 1rem 1rem
}

.search-overlay-panel .search-sorting-dropdown .sort-options-button.active {
    color: #fff
}

.search-overlay-panel .search-sorting-dropdown .search-sort-button {
    font-family: Basis-medium;
    color: #fff;
    border: 0;
    border-bottom: .125rem solid #b4b4b8;
    border-radius: 0;
    padding-left: 0
}

.search-overlay-panel .search-sorting-dropdown .search-sort-button:after {
    content: "";
    position: absolute;
    background-image: url(clientlib-site/resources/images/chevron-down-c.svg);
    width: .875rem;
    height: .5rem;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.search-overlay-panel .search-sorting-dropdown .search-sort-button:hover {
    border-bottom: .125rem solid #e41165
}

.search-overlay-panel .search-sorting-dropdown .search-sort-options {
    background: #000;
    width: 100%;
    border: .0625rem solid #898a8d;
    border-top: 0;
    border-radius: 0 0 1rem 1rem;
    display: none
}

.search-overlay-panel .search-sorting-dropdown.active .search-sort-options {
    display: block
}

.search-overlay-panel .search-sorting-dropdown.active .search-sort-button {
    border-bottom: .125rem solid #e41165
}

.search-overlay-panel .search-sorting-dropdown.active .search-sort-button:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.secondary-navigation-sticky {
    height: 3pc
}

.secondary-navigation {
    background-color: #000;
    z-index: 12
}

@media only screen and (max-width:1199px) {
    .secondary-navigation {
        max-height: calc(100vh - 75pt);
        overflow-y: scroll
    }
}

@media only screen and (max-width:1199px) {
    .secondary-navigation .cipher-custom-container {
        padding: 0
    }
}

.secondary-navigation .secondary-nav-home-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #c9c9ce;
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .5px;
    font-family: Basis-bold;
    margin-right: 40px;
    padding-right: 2rem;
    white-space: nowrap
}

.secondary-navigation .secondary-nav-home-link:after {
    content: "";
    background: url(clientlib-site/resources/images/chevron-down-w.svg) no-repeat 50%;
    position: absolute;
    right: .5rem;
    top: 50%;
    margin-top: -9pt;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-size: 1pc;
    height: 24px;
    width: 24px;
    opacity: .75
}

@media only screen and (max-width:1199px) {
    .secondary-navigation .secondary-nav-home-link:after {
        display: none
    }
}

@media only screen and (max-width:1199px) {
    .secondary-navigation .secondary-nav-home-link {
        padding: .75rem 0;
        margin: 0 3.5%
    }
}

.secondary-navigation .secondary-nav-home-link.page-selected-link {
    color: #fff
}

.secondary-navigation .secondary-nav-home-link.page-selected-link:before {
    content: "";
    height: 2px;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    position: absolute;
    bottom: -2px;
    width: calc(100% - 30px);
    left: 0
}

@media only screen and (max-width:1199px) {
    .secondary-navigation .secondary-nav-home-link.page-selected-link:before {
        width: 100%;
        bottom: -.0625rem
    }
}

.secondary-navigation .secondary-nav-home-link:hover {
    color: #fff
}

.secondary-navigation .secondary-nav-home-link-box .arrow-icon {
    background: url(clientlib-site/resources/images/chevron-down-w.svg) no-repeat 50%;
    position: absolute;
    right: 3.5%;
    top: 50%;
    margin-top: -9pt;
    background-size: cover;
    height: 24px;
    width: 24px;
    z-index: 2
}

.secondary-navigation .secondary-nav-home-link-box .arrow-icon,
.secondary-navigation .secondary-nav-home-link-box.opened .arrow-icon {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.secondary-navigation .secondary-nav-home-link-box.opened .arrow-icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media only screen and (max-width:1199px) {
    .secondary-navigation .secondary-nav-home-link-box.opened {
        border-bottom: 1px solid #898a8d
    }
}

.secondary-navigation .selected-link {
    color: #fff
}

.secondary-navigation .selected-link:before {
    content: "";
    height: 2px;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    position: absolute;
    bottom: -2px;
    width: calc(100% - 30px);
    left: 0
}

@media only screen and (max-width:1199px) {
    .secondary-navigation .selected-link:before {
        width: 100%
    }
}

@media only screen and (max-width:1199px) {
    .secondary-navigation .secondary-nav-list .subnav-wrapper {
        display: inline-block;
        width: 100%
    }
}

@media only screen and (max-width:1199px) {
    .secondary-navigation .secondary-nav-list .dropdown {
        border-bottom: 1px solid #898a8d
    }

    .secondary-navigation .secondary-nav-list .dropdown.show {
        border-bottom: none
    }

    .secondary-navigation .secondary-nav-list .dropdown.show .navigation-link {
        padding-bottom: .875rem;
        color: #f4f3f9;
        font-family: Basis-bold
    }
}

.secondary-navigation .navigation-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #c9c9ce;
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .5px;
    font-weight: 400;
    font-family: Basis-regular;
    margin-right: 3pc;
    text-decoration: none
}

.secondary-navigation .navigation-link.page-selected-link,
.secondary-navigation .navigation-link:hover {
    color: #fff;
    text-decoration: none
}

.secondary-navigation .navigation-link:focus {
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff
}

@media only screen and (min-width:1199px) {
    .secondary-navigation .navigation-link.dropdown-toggle {
        padding-right: .3125rem;
        padding-left: 0
    }
}

@media only screen and (max-width:1199px) {
    .secondary-navigation .navigation-link {
        font-size: 1.125rem;
        padding: 1rem 3.5%;
        line-height: 2pc;
        color: #b4b4b8
    }
}

.secondary-navigation .navigation-link.navigation-without-dropdown.page-selected-link {
    position: relative
}

@media only screen and (max-width:1199px) {
    .secondary-navigation .navigation-link.navigation-without-dropdown.page-selected-link {
        margin-right: 0
    }
}

.secondary-navigation .navigation-link.navigation-without-dropdown.page-selected-link:before {
    width: 100%
}

.secondary-navigation .secondary-nav-right-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .5px;
    font-family: Basis-bold;
    margin-left: auto
}

.secondary-navigation .secondary-nav-right-link.color-white:hover {
    color: #fff
}

.secondary-navigation .secondary-nav-right-link.color-pink30:hover {
    color: #e41165
}

.secondary-navigation .secondary-nav-right-link.external-link:after {
    content: "";
    background: url(clientlib-site/resources/images/link-icon-light.svg) no-repeat 50%;
    width: 1pc;
    height: 1pc;
    position: absolute;
    margin-left: .25rem;
    margin-top: .25rem;
    display: inline-block;
    -webkit-filter: invert(1);
    filter: invert(1)
}

@media only screen and (max-width:1199px) {
    .secondary-navigation .secondary-nav-right-link {
        padding: .75rem 3.5%
    }
}

.secondary-navigation .dropdown-toggle:after {
    content: "";
    background: url(clientlib-site/resources/images/chevron-down-w.svg) no-repeat 50%;
    border: none;
    height: 24px;
    width: 24px;
    opacity: .75;
    margin-left: 8px;
    vertical-align: middle;
    background-size: cover
}

@media only screen and (max-width:1199px) {
    .secondary-navigation .dropdown-toggle:after {
        right: 3.5%;
        position: absolute;
        background: url(clientlib-site/resources/images/accrodion/plus-white.svg) no-repeat 50%;
        top: 50%;
        margin-top: -9pt;
        background-size: 14px
    }
}

.secondary-navigation .page-selected-link:before {
    content: "";
    height: 2px;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    position: absolute;
    bottom: 0;
    width: calc(100% - 60px);
    left: 0
}

@media only screen and (max-width:1199px) {
    .secondary-navigation .page-selected-link:before {
        width: 100%
    }
}

.secondary-navigation .dropdown.show .dropdown-toggle:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background: url(clientlib-site/resources/images/chevron-down-c.svg) no-repeat 50%;
    background-size: 1pc
}

@media only screen and (max-width:1199px) {
    .secondary-navigation .dropdown.show .dropdown-toggle:after {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        background: url(clientlib-site/resources/images/accrodion/minus-white.svg) no-repeat 50%
    }
}

.secondary-navigation .dropdown.show .dropdown-toggle.page-selected-link:before,
.secondary-navigation .dropdown.show .dropdown-toggle:before {
    content: "";
    height: 2px;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    position: absolute;
    bottom: 0;
    width: calc(100% - 60px);
    left: 0
}

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

    .secondary-navigation .dropdown.show .dropdown-toggle.page-selected-link:before,
    .secondary-navigation .dropdown.show .dropdown-toggle:before {
        width: 100%;
        display: none
    }
}

.secondary-navigation .dropdown-menu {
    background-color: #000;
    max-width: 327px;
    width: 327px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border: 1px solid #898a8d;
    border-top: none
}

@media only screen and (min-width:1199px) and (max-width:1399px) {
    .secondary-navigation .dropdown-menu {
        max-height: 390px;
        overflow-y: auto
    }

    .secondary-navigation .dropdown-menu::-webkit-scrollbar {
        width: 8px
    }

    .secondary-navigation .dropdown-menu::-webkit-scrollbar-track {
        background: #333737;
        border-radius: 6.1875rem
    }

    .secondary-navigation .dropdown-menu::-webkit-scrollbar-thumb {
        background: #e41165;
        border-radius: 6.1875rem
    }
}

@media only screen and (max-width:1199px) {
    .secondary-navigation .dropdown-menu {
        max-width: 100%;
        -webkit-transform: none !important;
        transform: none !important;
        position: relative !important;
        width: 100%;
        padding-bottom: 1.1875rem !important;
        border-radius: 0;
        border: none;
        border-bottom: 1px solid #898a8d
    }
}

@media only screen and (max-width:599px) {
    .secondary-navigation .dropdown-menu {
        max-height: 10.9375rem;
        overflow-y: auto
    }
}

.secondary-navigation .dropdown-menu .dropdown-list:last-child,
.secondary-navigation .dropdown-menu .dropdown-list:last-child .dropdown-link {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.secondary-navigation .dropdown-menu .dropdown-link {
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #b4b4b8;
    font-family: Basis-regular;
    padding: 1rem;
    border-bottom: 1px solid #898a8d
}

@media only screen and (max-width:1199px) {
    .secondary-navigation .dropdown-menu .dropdown-link {
        border: none;
        font-size: 1rem;
        line-height: 24px;
        color: #c9c9ce;
        padding: .5rem 1rem
    }
}

.secondary-navigation .dropdown-menu .dropdown-list:last-child .dropdown-link,
.secondary-navigation .dropdown-menu .dropdown-list:last-child .navigation-link,
.secondary-navigation .dropdown-menu.secondary-nav-list>div:last-child .dropdown .dropdown-link,
.secondary-navigation .dropdown-menu.secondary-nav-list>div:last-child .dropdown .navigation-link {
    border-bottom: none
}

.secondary-navigation .dropdown-menu .dropdown-list.external-link .dropdown-link:after {
    content: "";
    background: url(clientlib-site/resources/images/link-icon-light.svg) no-repeat 50%;
    width: 1pc;
    height: 1pc;
    position: absolute;
    margin-left: .25rem;
    margin-top: .5rem;
    display: inline-block;
    -webkit-filter: invert(1);
    filter: invert(1)
}

.secondary-navigation .dropdown-menu .dropdown-list .dropdown-link {
    text-decoration: none
}

.secondary-navigation .dropdown-menu .dropdown-list.selected .dropdown-link {
    color: #fff
}

.secondary-navigation .dropdown-menu .dropdown-list.selected.external-link:after {
    display: none
}

.secondary-navigation .dropdown-menu .dropdown-list.selected:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(clientlib-site/resources/images/dropdown-check.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-filter: invert(1);
    filter: invert(1);
    content: "";
    right: 1rem;
    position: absolute
}

.secondary-navigation .dropdown-menu .dropdown-list:hover {
    background-color: #1e2222
}

.secondary-navigation .dropdown-menu .dropdown-list:hover .dropdown-link {
    color: #fff
}

@media only screen and (max-width:1199px) {
    .secondary-navigation .dropdown-menu .dropdown-list {
        padding-left: 3.5%;
        padding-right: 3.5%
    }
}

.secondary-navigation.light-theme {
    background-color: #fff
}

.secondary-navigation.light-theme .secondary-nav-home-link {
    color: #747678
}

.secondary-navigation.light-theme .secondary-nav-home-link:hover {
    color: #000
}

.secondary-navigation.light-theme .secondary-nav-home-link:after {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.secondary-navigation.light-theme .secondary-nav-home-link.page-selected-link {
    color: #000
}

@media only screen and (max-width:1199px) {
    .secondary-navigation.light-theme .secondary-nav-list .dropdown.show .navigation-link {
        color: #000
    }
}

.secondary-navigation.light-theme .navigation-link {
    color: #747678
}

.secondary-navigation.light-theme .navigation-link.page-selected-link,
.secondary-navigation.light-theme .navigation-link:hover {
    color: #000
}

.secondary-navigation.light-theme .dropdown-toggle:after,
.secondary-navigation.light-theme .dropdown.show .dropdown-toggle:after,
.secondary-navigation.light-theme .secondary-nav-home-link-box>.arrow-icon {
    opacity: 1
}

@media only screen and (min-width:1200px) {
    .secondary-navigation.light-theme .dropdown.show .dropdown-toggle:after {
        -webkit-filter: unset;
        filter: unset
    }
}

.secondary-navigation.light-theme .dropdown-toggle:after {
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: .75
}

.secondary-navigation.light-theme .secondary-nav-right-link:after {
    -webkit-filter: invert(0);
    filter: invert(0);
    opacity: 1
}

.secondary-navigation.light-theme .dropdown-menu {
    background-color: #fff
}

.secondary-navigation.light-theme .dropdown-menu .dropdown-list .dropdown-link {
    color: #747678
}

.secondary-navigation.light-theme .dropdown-menu .dropdown-list:hover {
    background-color: #f4f3f9
}

.secondary-navigation.light-theme .dropdown-menu .dropdown-list:hover .dropdown-link {
    color: #000
}

.secondary-navigation.light-theme .dropdown-menu .dropdown-list.selected:after {
    -webkit-filter: unset;
    filter: unset
}

.secondary-navigation.light-theme .dropdown-menu .dropdown-list.selected .dropdown-link {
    color: #000
}

@media only screen and (min-width:1199px) and (max-width:1399px) {
    .secondary-navigation.light-theme .dropdown-menu::-webkit-scrollbar-track {
        background: #dfdee3
    }
}

.secondary-navigation.light-theme .secondary-nav-home-link-box .arrow-icon {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.secondary-navigation .secondary-nav-list-editor .dropdown-editor-list {
    width: 25%
}

.share-box {
    background-color: #e41165;
    padding: 0;
    max-width: 18.8125rem;
    max-height: 4.875rem;
    float: left;
    cursor: pointer
}

.share-box .share-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    list-style: none;
    padding: 0;
    margin: 0
}

.share-box .share-icons .icons {
    font-family: Basis-regular;
    padding: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:599px) {
    .share-box .share-icons .icons {
        display: block
    }
}

.share-box .share-icons .icons .share-icon {
    background-image: url(clientlib-site/resources/images/share/share.svg)
}

.share-box .share-icons .icons .brochure-link {
    font-size: .75rem;
    line-height: 1pc;
    letter-spacing: .15em;
    color: #fff
}

.share-box .share-icons .icons .share-links {
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    color: #000;
    position: relative;
    background-size: cover
}

.share-box .share-icons .icons .download-icon {
    background-image: url(clientlib-site/resources/images/share/download.svg);
    background-size: 24px
}

.share-box .share-icons .icons div.share-icon-box {
    position: absolute;
    width: 100%;
    left: 0;
    background-color: #f4f3f9;
    margin-top: 1.5rem;
    z-index: 2;
    display: none;
    top: 43px
}

.share-box .share-icons .icons div.share-icon-box .social-share-border:last-child {
    border-bottom: none !important
}

.share-box .share-icons .icons div.share-icon-box .social-share {
    width: 33.33%;
    position: relative
}

@media screen and (max-width:599px) {
    .share-box .share-icons .icons div.share-icon-box .social-share {
        width: 100%
    }
}

.share-box .share-icons .icons div.share-icon-box .social-share a {
    padding: 1.75rem;
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: .5px;
    color: #000;
    position: relative;
    cursor: pointer;
    font-family: Basis-regular
}

@media screen and (max-width:599px) {
    .share-box .share-icons .icons div.share-icon-box .social-share a {
        padding: 1.25rem 1.5rem
    }
}

.share-box .share-icons .icons div.share-icon-box .social-share a:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
    vertical-align: center;
    content: ""
}

.share-box .share-icons .icons div.share-icon-box .social-share a:hover,
.share-box .share-icons .icons div.share-icon-box .social-share a:hover input {
    font-weight: 700
}

.share-box .share-icons .icons div.share-icon-box .social-share input:focus {
    border: none;
    outline: none
}

.share-box .share-icons .icons div.share-icon-box .social-share a.linkedin-black:after {
    background-image: url(clientlib-site/resources/images/share/linkedin-black.svg)
}

.share-box .share-icons .icons div.share-icon-box .social-share a.twitter-black:after {
    background-image: url(clientlib-site/resources/images/share/twitter-X-black.svg)
}

.share-box .share-icons .icons div.share-icon-box .social-share a.fb-black:after {
    background-image: url(clientlib-site/resources/images/share/facebook-black.svg)
}

.share-box .share-icons .icons div.share-icon-box .social-share a.download-ico:after {
    background-image: url(clientlib-site/resources/images/share/download.svg);
    -webkit-filter: invert(.8);
    filter: invert(.8);
    background-size: 22px
}

.share-box .share-icons .icons div.share-icon-box .social-share a.email-black:after {
    background-image: url(clientlib-site/resources/images/share/email.svg)
}

.share-box .share-icons .icons div.share-icon-box .social-share a.url-black:after {
    background-image: url(clientlib-site/resources/images/share/url.svg)
}

.share-box .share-icons .icons div.share-icon-box .social-share a.url-black span {
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.share-box .share-icons .icons div.share-icon-box .social-share .copy-button {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    border: none;
    padding: .5rem;
    right: 0;
    background: none
}

.share-box .share-icons .icons div.share-icon-box .social-share .copy-button .copy-icon {
    background-image: url(clientlib-site/resources/images/share/copy.svg);
    background-size: 18px
}

.share-box .share-icons .icons div.share-icon-box .urlShare {
    width: 66.66%;
    position: relative
}

@media screen and (max-width:599px) {
    .share-box .share-icons .icons div.share-icon-box .urlShare {
        width: 100%
    }
}

.share-box .share-icons .icons div.share-icon-box .urlShare .copy-message {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    background: #dfdee3;
    color: #000;
    font-size: .725rem;
    display: none;
    border-radius: 20px;
    padding: .5rem 2rem .5rem .75rem;
    right: 0
}

.share-box .share-icons .icons div.share-icon-box .urlShare .copy-message:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: 11px;
    height: 11px;
    content: "";
    background: url(clientlib-site/resources/images/share/tick.svg) no-repeat 50%;
    right: .75rem
}

.share-box .share-icons .icons div.share-icon-box .urlShare.selected a>span {
    background: rgba(0, 0, 0, .5)
}

.share-box .share-icons .icons div.share-icon-box .share-seperator {
    width: 100%;
    height: 1px;
    background-color: #dfdee3
}

.share-box .share-icons .icons.opened .share-icon-box {
    display: block !important
}

.share-box .share-icons .icons.opened .share-submenu-btn:after {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-bottom-color: #f4f3f9;
    bottom: -24px;
    content: ""
}

@media screen and (max-width:599px) {
    .share-box .share-icons .icons.opened .share-submenu-btn:after {
        border-color: transparent transparent #f4f3f9
    }
}

.share-box .share-icons .pdf-text-with-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.share-box .share-icons .pdf-text-with-icon .text-for-pdf-icon {
    margin-left: 1pc
}

.share-box .share-icons .input-text {
    background: none;
    border: none;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.sticky-nav .share-box {
    margin: 0 0 0 auto;
    background-color: transparent;
    max-width: 75pt;
    border-right: 1px solid #b4b4b8;
    padding: 0 .5rem
}

.sticky-nav .share-box .pdf-text-with-icon {
    display: block
}

.sticky-nav .share-box .pdf-text-with-icon .text-for-pdf-icon {
    margin-left: 0;
    display: none
}

@media screen and (max-width:599px) {
    .sticky-nav .share-box .share-icons .icons.pdf-icon-li .share-icon-box {
        right: 79px
    }
}

.sticky-nav .share-box .share-icons .icons {
    padding: .25rem .45rem;
    display: block
}

.sticky-nav .share-box .share-icons .icons :hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.sticky-nav .share-box .share-icons .icons .share-icon {
    background-image: url(clientlib-site/resources/images/share/share-color.svg);
    background-size: 22px
}

.sticky-nav .share-box .share-icons .icons .download-icon {
    background-image: url(clientlib-site/resources/images/share/download-color.svg)
}

.sticky-nav .share-box .share-icons .icons .share-icon-box {
    left: auto;
    right: 35px;
    width: 300px;
    max-width: 300px;
    -webkit-transform: translateX(37.5%);
    transform: translateX(37.5%);
    top: 30px
}

@media screen and (max-width:599px) {
    .sticky-nav .share-box .share-icons .icons .share-icon-box {
        top: 24px
    }
}

.sticky-nav .share-box .share-icons .icons .share-icon-box .social-share,
.sticky-nav .share-box .share-icons .icons .share-icon-box .urlShare {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    border: none
}

.sticky-nav .share-box .share-icons .icons .share-icon-box .social-share a {
    padding: 1.25rem 1.25rem 1.25rem 1.75rem
}

.sticky-nav .share-box .share-icons .icons .sw-full {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.sticky-nav .share-box .share-icons .icons.opened {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.sticky-nav .share-box .share-icons .icons.opened .share-icon-box {
    display: block !important
}

.sticky-nav .share-box .share-icons .icons.opened .share-icon:after {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-bottom-color: #f4f3f9;
    bottom: -2rem;
    content: ""
}

.sticky-nav .share-box .share-icons .share-submenu-btn:after {
    bottom: -31px !important
}

.socialShare-edit {
    height: auto
}

.gated-assets-edit {
    z-index: 1;
    height: auto;
    width: 100%
}

.gated-assets-modal.modal {
    display: block;
    visibility: hidden;
    z-index: -1050
}

.gated-assets-modal.modal.show {
    visibility: visible;
    z-index: 1050
}

.hero-banner-box-edit .socialShare {
    position: static
}

.social-card-mini-container {
    padding-top: 3.375rem;
    padding-bottom: 4.3125rem
}

.social-card-mini-container .social-card-twitter {
    width: 24px;
    height: 24px;
    background-image: url(clientlib-site/resources/images/share/twitter-blue.svg)
}

.social-card-mini-container.social-mini-card-dark-bg {
    color: #fff;
    background-color: #000
}

.social-card-mini-container.social-mini-card-dark-bg .social-card-mini-card {
    background-color: #333737
}

.social-card-mini-container.social-mini-card-dark-bg .social-card-mini-card .social-card-profile-name,
.social-card-mini-container.social-mini-card-dark-bg .social-card-mini-card .social-card-tweet-content,
.social-card-mini-container.social-mini-card-dark-bg .social-card-mini-title {
    color: #fff
}

.social-card-mini-container.social-mini-card-dark-bg .social-card-feed-btn {
    color: #fff;
    border: 1.5px solid #b4b4b8
}

.social-card-mini-container.social-mini-card-light-bg {
    background-color: #fff;
    color: #000
}

.social-card-mini-container.social-mini-card-light-bg .social-card-mini-card {
    background-color: #f4f3f9
}

.social-card-mini-container.social-mini-card-light-bg .social-card-mini-card .social-card-profile-name,
.social-card-mini-container.social-mini-card-light-bg .social-card-mini-card .social-card-tweet-content,
.social-card-mini-container.social-mini-card-light-bg .social-card-mini-title {
    color: #000
}

.social-card-mini-container.social-mini-card-light-bg .social-card-feed-btn {
    color: #000;
    border: 1.5px solid #5e6162
}

.social-card-mini-container .social-card-mini-tile-div {
    padding-bottom: 2.9375rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media only screen and (max-width:599px) {
    .social-card-mini-container .social-card-mini-tile-div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.social-card-mini-container .social-card-mini-tile-div .social-card-mini-title {
    font-family: Houschka-medium;
    font-size: 2rem;
    line-height: 40px
}

.social-card-mini-container .social-card-mini-tile-div .social-card-feed-btn {
    border-radius: 75pt;
    padding: 9pt 2pc
}

@media only screen and (max-width:599px) {
    .social-card-mini-container .social-card-mini-tile-div .social-card-feed-btn {
        margin-top: 20px;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

.social-card-mini-container .social-card-mini-tile-div .social-card-feed-btn-text {
    font-family: Basis-medium;
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    padding-right: 9pt
}

.social-card-mini-container .social-card-mini-card {
    min-height: 276px;
    padding-bottom: 4.75rem
}

.social-card-mini-container .social-card-mini-card .social-card-tweet-content {
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .5px;
    text-decoration: none
}

.social-card-mini-container .social-card-mini-card .social-card-handle-info {
    bottom: 0;
    left: 0;
    min-height: 4.75rem
}

.social-card-mini-container .social-card-mini-card .social-card-handle-detail {
    padding-top: 20px;
    text-decoration: none
}

.social-card-mini-container .social-card-mini-card .social-card-handle-detail:hover {
    text-decoration: none
}

.social-card-mini-container .social-card-mini-card .social-card-handle-detail:hover .social-card-handle-name {
    text-decoration: underline
}

.social-card-mini-container .social-card-mini-card .social-card-handle-detail .social-card-profile-icon .profile-icon {
    height: 40px;
    width: 40px;
    border-radius: 50%
}

.social-card-mini-container .social-card-mini-card .social-card-handle-detail .social-card-profile-name {
    font-family: Basis-regular;
    font-size: .8125rem;
    line-height: 1pc;
    letter-spacing: .5px
}

.social-card-mini-container .social-card-mini-card .social-card-handle-detail .social-card-handle-id .social-card-handle-name,
.social-card-mini-container .social-card-mini-card .social-card-handle-detail .social-card-handle-id .tweet-time-stamp {
    font-family: Basis-regular;
    font-size: .8125rem;
    line-height: 1pc;
    letter-spacing: .5px;
    color: #747678
}

.social-card-mini-container .social-card-mini-card .social-card-handle-detail .social-card-handle-id .tweet-time-stamp:before {
    position: absolute;
    content: "";
    height: .25rem;
    width: .25rem;
    background: #d9d9d9;
    top: .375rem;
    left: .375rem;
    border-radius: 50%
}

.section-bg-dark {
    background: #000;
    width: 100%
}

.section-bg-dark .solution-card-swiper-button-next,
.section-bg-dark .solution-card-swiper-button-prev {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.w-96 {
    width: 96% !important
}

@media only screen and (max-width:599px) {
    .w-96 {
        width: 88% !important
    }
}

.solution-card-main-section {
    padding: 6pc 0;
    overflow: hidden
}

.solution-card-main-section .solution-card-section-title {
    font-family: Houschka-medium;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #000;
    margin-bottom: 2rem
}

.solution-card-main-section .text-linear-bg-left:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: linear-gradient(0deg, #000, transparent);
    opacity: .9
}

.solution-card-main-section .text-linear-bg-right:after {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background: linear-gradient(180deg, transparent, #000);
    opacity: .9
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide {
    aspect-ratio: 3/4
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide:last-child .solution-card-swiper-card {
    margin-right: 0
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-swiper-card {
    overflow: hidden;
    background: transparent
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-swiper-card .solution-card-img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-swiper-card:focus img,
.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-swiper-card:hover img {
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-swiper-card:focus .text-linear-bg-left:after,
.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-swiper-card:hover .text-linear-bg-left:after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #000), to(transparent));
    background: linear-gradient(0deg, #000 25%, transparent);
    opacity: 1
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-swiper-card:focus .solution-card-inner-section .solution-card-inner-content-div .solution-card-inner-description,
.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-swiper-card:hover .solution-card-inner-section .solution-card-inner-content-div .solution-card-inner-description {
    display: block;
    max-height: 200px
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-swiper-card:focus {
    outline-offset: 4px !important
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-swiper-card:focus .solution-card-inner-section .solution-card-inner-content-div .read-more-cta,
.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-swiper-card:focus .solution-card-inner-section .solution-card-inner-content-div .solution-card-inner-description,
.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-swiper-card:focus .solution-card-inner-section .solution-card-inner-content-div .solution-card-inner-heading-text {
    text-decoration: underline;
    -webkit-text-decoration-color: #494c4d;
    text-decoration-color: #494c4d
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-inner-section {
    bottom: 24px;
    right: 24px;
    left: 24px;
    width: 81%;
    z-index: 1
}

@media only screen and (max-width:599px) {
    .solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-inner-section {
        bottom: 1pc;
        width: 77%
    }
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-inner-section .solution-card-inner-content-div {
    -webkit-transition: .75s ease-in-out 1s;
    transition: .75s ease-in-out 1s
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-inner-section .solution-card-inner-content-div .solution-card-inner-count {
    font-family: Houschka-medium;
    font-size: 4.5rem;
    line-height: 5.375rem;
    margin-bottom: .5rem
}

@media only screen and (max-width:599px) {
    .solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-inner-section .solution-card-inner-content-div .solution-card-inner-count {
        font-size: 4rem;
        line-height: 4rem
    }
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-inner-section .solution-card-inner-content-div .inner-heading-medium-text {
    font-family: Houschka-medium;
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: .5rem
}

@media only screen and (max-width:599px) {
    .solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-inner-section .solution-card-inner-content-div .inner-heading-medium-text {
        font-size: 2rem;
        line-height: 2.5rem
    }
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-inner-section .solution-card-inner-content-div .inner-heading-small-text {
    font-family: Basis-bold;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    margin-bottom: .5rem
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-inner-section .solution-card-inner-content-div .solution-card-inner-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    max-height: 130px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    margin-bottom: 1rem
}

@media only screen and (max-width:599px) {
    .solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-inner-section .solution-card-inner-content-div .solution-card-inner-description {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-inner-section .solution-card-inner-content-div .solution-card-read-more-text:after {
    position: absolute;
    left: -4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1pc
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-inner-section .solution-card-inner-content-div .solution-card-read-more-text.read-more-icon:after {
    background-image: url(clientlib-site/resources/images/article-ico-pink.svg)
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-inner-section .solution-card-inner-content-div .solution-card-read-more-text.podcast-icon:after {
    background-image: url(clientlib-site/resources/images/podcast-ico-pink.svg)
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-inner-section .solution-card-inner-content-div .solution-card-read-more-text.video-icon:after {
    background-image: url(clientlib-site/resources/images/video-ico-pink.svg)
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-inner-section .solution-card-inner-content-div .solution-card-read-more-text.other-icon:after {
    background-image: url(clientlib-site/resources/images/right-pink-arrow.svg)
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .solution-card-swiper-slide .solution-card-inner-section .solution-card-inner-content-div .solution-card-read-more-text.customer-testimonial-icon:after {
    background-image: url(clientlib-site/resources/images/testimonial-pink.svg)
}

.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .swiper-slide-active .solution-card-swiper-card,
.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .swiper-slide-next+.swiper-slide .solution-card-swiper-card,
.solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .swiper-slide-next .solution-card-swiper-card {
    opacity: 1
}

@media only screen and (min-width:1920px) {
    .solution-card-main-section .solution-card-swiper-container .solution-card-wrapper .swiper-slide-visible .solution-card-swiper-card {
        opacity: 1
    }
}

.solution-card-main-section .solution-card-swiper-container .swiper-button-disabled {
    display: none !important
}

.solution-card-main-section .solution-card-swiper-container .solution-swiper-pagination-btn {
    width: 2.5rem;
    height: 2.5rem;
    margin: auto;
    background: #000;
    border-radius: 3.125rem;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer
}

.solution-card-main-section .solution-card-swiper-container .solution-card-swiper-button-prev {
    left: 3%
}

.solution-card-main-section .solution-card-swiper-container .solution-card-swiper-button-prev .arrow-icon {
    background-image: url(clientlib-site/resources/images/statsCard/slider-left-arrow-icon.svg);
    height: .9375rem;
    width: 1rem
}

@media only screen and (min-width:1920px) {
    .solution-card-main-section .solution-card-swiper-container .solution-card-swiper-button-prev {
        left: 2%
    }
}

@media only screen and (max-width:1199px) {
    .solution-card-main-section .solution-card-swiper-container .solution-card-swiper-button-prev {
        left: .5%
    }
}

@media only screen and (max-width:599px) {
    .solution-card-main-section .solution-card-swiper-container .solution-card-swiper-button-prev {
        left: .5%
    }
}

.solution-card-main-section .solution-card-swiper-container .solution-card-swiper-button-prev:focus {
    outline-offset: -3px !important;
    outline: .125rem solid #fff
}

.solution-card-main-section .solution-card-swiper-container .solution-card-swiper-button-next {
    right: 3%;
    left: auto
}

.solution-card-main-section .solution-card-swiper-container .solution-card-swiper-button-next .arrow-icon {
    background-image: url(clientlib-site/resources/images/statsCard/slider-right-arrow-icon.svg);
    height: .9375rem;
    width: 1rem
}

@media only screen and (min-width:1920px) {
    .solution-card-main-section .solution-card-swiper-container .solution-card-swiper-button-next {
        right: 2%
    }
}

@media only screen and (max-width:1199px) {
    .solution-card-main-section .solution-card-swiper-container .solution-card-swiper-button-next {
        right: .5%
    }
}

@media only screen and (max-width:599px) {
    .solution-card-main-section .solution-card-swiper-container .solution-card-swiper-button-next {
        right: .5%
    }
}

.solution-card-main-section .solution-card-swiper-container .solution-card-swiper-button-next:focus {
    outline-offset: -3px !important;
    outline: .125rem solid #fff
}

.solution-card-main-section .solution-cards-swiper-container-width-4cards {
    overflow: visible
}

.solution-card-main-section .solution-cards-swiper-container-width-4cards .solution-card-swiper-slide {
    width: 33.33%
}

.solution-card-main-section .solution-cards-swiper-container-width-4cards .solution-card-swiper-slide:last-child {
    width: 31.5%
}

.solution-card-main-section .solution-cards-swiper-container-width-4cards .solution-card-swiper-slide:last-child .inner-section-position-right {
    right: 24px;
    left: auto !important
}

@media only screen and (max-width:1199px) {
    .solution-card-main-section .solution-cards-swiper-container-width-4cards {
        overflow: visible !important
    }

    .solution-card-main-section .solution-cards-swiper-container-width-4cards .solution-card-swiper-slide,
    .solution-card-main-section .solution-cards-swiper-container-width-4cards .solution-card-swiper-slide:last-child {
        width: 48%
    }

    .solution-card-main-section .solution-cards-swiper-container-width-4cards .solution-card-swiper-button-next {
        right: 1%
    }

    .solution-card-main-section .solution-cards-swiper-container-width-4cards .solution-card-swiper-button-prev {
        left: 1.5%
    }
}

@media only screen and (max-width:599px) {
    .solution-card-main-section .solution-cards-swiper-container-width-4cards {
        overflow: visible !important
    }

    .solution-card-main-section .solution-cards-swiper-container-width-4cards .solution-card-swiper-slide,
    .solution-card-main-section .solution-cards-swiper-container-width-4cards .solution-card-swiper-slide:last-child {
        width: 90%
    }

    .solution-card-main-section .solution-cards-swiper-container-width-4cards .solution-card-swiper-button-next {
        right: 1%
    }

    .solution-card-main-section .solution-cards-swiper-container-width-4cards .solution-card-swiper-button-prev {
        left: 1.5%
    }
}

.solution-card-main-section .solution-cards-swiper-container-width-3cards .solution-card-swiper-slide {
    width: 34.22%
}

.solution-card-main-section .solution-cards-swiper-container-width-3cards .solution-card-swiper-slide:last-child {
    width: 31.5%
}

.solution-card-main-section .solution-cards-swiper-container-width-3cards .solution-card-swiper-slide:last-child .inner-section-position-right {
    right: 24px;
    left: auto !important
}

@media only screen and (max-width:1199px) {
    .solution-card-main-section .solution-cards-swiper-container-width-3cards {
        overflow: visible !important
    }

    .solution-card-main-section .solution-cards-swiper-container-width-3cards .solution-card-swiper-slide,
    .solution-card-main-section .solution-cards-swiper-container-width-3cards .solution-card-swiper-slide:last-child {
        width: 48%
    }

    .solution-card-main-section .solution-cards-swiper-container-width-3cards .solution-card-swiper-button-next {
        right: -2%
    }

    .solution-card-main-section .solution-cards-swiper-container-width-3cards .solution-card-swiper-button-prev {
        left: -1%
    }
}

@media only screen and (max-width:599px) {
    .solution-card-main-section .solution-cards-swiper-container-width-3cards {
        overflow: visible !important
    }

    .solution-card-main-section .solution-cards-swiper-container-width-3cards .solution-card-swiper-slide,
    .solution-card-main-section .solution-cards-swiper-container-width-3cards .solution-card-swiper-slide:last-child {
        width: 88%
    }

    .solution-card-main-section .solution-cards-swiper-container-width-3cards .solution-card-swiper-button-next {
        right: -.5%
    }

    .solution-card-main-section .solution-cards-swiper-container-width-3cards .solution-card-swiper-button-prev {
        left: .5%
    }
}

.solution-card-main-section .solution-cards-swiper-container-width-1cards {
    overflow: visible;
    width: 100%;
    height: 25pc
}

.solution-card-main-section .solution-cards-swiper-container-width-1cards .solution-card-inner-section {
    bottom: 40px !important
}

.solution-card-main-section .solution-cards-swiper-container-width-2cards {
    overflow: visible
}

.solution-card-main-section .solution-cards-swiper-container-width-2cards .solution-card-wrapper .solution-card-swiper-slide {
    width: 51.22%
}

@media only screen and (min-width:1200px) {
    .solution-card-main-section .solution-cards-swiper-container-width-2cards .solution-card-wrapper .solution-card-swiper-slide {
        aspect-ratio: 4/3
    }
}

.solution-card-main-section .solution-cards-swiper-container-width-2cards .solution-card-wrapper .solution-card-swiper-slide:last-child {
    width: 49%
}

.solution-card-main-section .solution-cards-swiper-container-width-2cards .solution-card-wrapper .solution-card-swiper-slide:last-child .inner-section-position-right {
    right: 24px;
    left: auto !important
}

.solution-card-main-section .solution-cards-swiper-container-width-2cards .solution-card-wrapper .solution-card-swiper-slide .solution-card-inner-section {
    bottom: 40px !important
}

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

    .solution-card-main-section .solution-cards-swiper-container-width-2cards .solution-card-wrapper .solution-card-swiper-slide,
    .solution-card-main-section .solution-cards-swiper-container-width-2cards .solution-card-wrapper .solution-card-swiper-slide:last-child {
        width: 85%
    }

    .solution-card-main-section .solution-cards-swiper-container-width-2cards .solution-card-wrapper .solution-card-swiper-button-next {
        right: .5%
    }

    .solution-card-main-section .solution-cards-swiper-container-width-2cards .solution-card-wrapper .solution-card-swiper-button-prev {
        left: 1%
    }
}

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

    .solution-card-main-section .solution-cards-swiper-container-width-2cards .solution-card-wrapper .swiper-slide-active .stats-card-swiper-slider-card,
    .solution-card-main-section .solution-cards-swiper-container-width-2cards .solution-card-wrapper .swiper-slide-next .stats-card-swiper-slider-card {
        opacity: 1
    }
}

@media only screen and (max-width:599px) {
    .solution-card-main-section .solution-cards-swiper-container-width-2cards .solution-card-wrapper .swiper-slide-active .solution-card-swiper-card {
        opacity: 1
    }
}

.multiForm-container .text-gray {
    color: #9e9fa3;
    font-size: .875rem;
    letter-spacing: .125rem;
    font-family: Basis-regular
}

.multiForm .multiForm-formfield {
    min-height: 6.25rem;
    max-height: 13rem
}

.multiForm .multiForm-formfield .error-text {
    margin-top: .5rem;
    margin-bottom: 1rem;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.multiForm .multiForm-formfield .form-element-label {
    visibility: hidden;
    text-transform: uppercase;
    font-size: .875rem;
    margin-bottom: 0
}

.multiForm .multiForm-formfield .form-element-label.display-label {
    visibility: visible
}

.multiForm .multiForm-formfield .form-element-input {
    padding-bottom: 1rem;
    background-color: unset;
    outline: none;
    border: none;
    width: 100%;
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.multiForm .multiForm-formfield .form-element-input:focus::-webkit-input-placeholder {
    visibility: hidden
}

.multiForm .multiForm-formfield .form-element-input:focus::-moz-placeholder {
    visibility: hidden
}

.multiForm .multiForm-formfield .form-element-input:focus:-ms-input-placeholder {
    visibility: hidden
}

.multiForm .multiForm-formfield .form-element-input:focus::-ms-input-placeholder {
    visibility: hidden
}

.multiForm .multiForm-formfield .form-element-input:focus::placeholder {
    visibility: hidden
}

.multiForm .multiForm-formfield .form-element-input::-webkit-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.multiForm .multiForm-formfield .form-element-input::-moz-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.multiForm .multiForm-formfield .form-element-input:-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.multiForm .multiForm-formfield .form-element-input::-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.multiForm .multiForm-formfield .form-element-input::placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.multiForm .multiForm-formfield .form-element-input::-webkit-input-placeholder:first-letter {
    text-transform: capitalize
}

.multiForm .multiForm-formfield .form-element-input::-moz-placeholder:first-letter {
    text-transform: capitalize
}

.multiForm .multiForm-formfield .form-element-input:-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.multiForm .multiForm-formfield .form-element-input::-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.multiForm .multiForm-formfield .form-element-input::placeholder:first-letter {
    text-transform: capitalize
}

.multiForm .multiForm-formfield .form-element-textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: unset;
    width: 100%;
    resize: none;
    border: none;
    outline: none;
    color: #fff;
    overflow-y: hidden;
    padding-bottom: 1rem;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.multiForm .multiForm-formfield .form-element-textarea::-webkit-scrollbar {
    width: 5px
}

.multiForm .multiForm-formfield .form-element-textarea::-webkit-scrollbar-track-piece {
    border-radius: 6.25rem
}

.multiForm .multiForm-formfield .form-element-textarea:hover::-webkit-scrollbar-thumb {
    height: 1.875rem;
    background-color: #9e9fa3;
    border-radius: 6.25rem
}

.multiForm .multiForm-formfield .form-element-textarea.text-overflow {
    overflow-y: scroll
}

.multiForm .multiForm-formfield .form-element-textarea:focus::-webkit-input-placeholder {
    visibility: hidden
}

.multiForm .multiForm-formfield .form-element-textarea:focus::-moz-placeholder {
    visibility: hidden
}

.multiForm .multiForm-formfield .form-element-textarea:focus:-ms-input-placeholder {
    visibility: hidden
}

.multiForm .multiForm-formfield .form-element-textarea:focus::-ms-input-placeholder {
    visibility: hidden
}

.multiForm .multiForm-formfield .form-element-textarea:focus::placeholder {
    visibility: hidden
}

.multiForm .multiForm-formfield .form-element-textarea::-webkit-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.multiForm .multiForm-formfield .form-element-textarea::-moz-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.multiForm .multiForm-formfield .form-element-textarea:-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.multiForm .multiForm-formfield .form-element-textarea::-ms-input-placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.multiForm .multiForm-formfield .form-element-textarea::placeholder {
    color: #fff;
    font-size: 1.125rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.multiForm .multiForm-formfield .form-element-textarea::-webkit-input-placeholder:first-letter {
    text-transform: capitalize
}

.multiForm .multiForm-formfield .form-element-textarea::-moz-placeholder:first-letter {
    text-transform: capitalize
}

.multiForm .multiForm-formfield .form-element-textarea:-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.multiForm .multiForm-formfield .form-element-textarea::-ms-input-placeholder:first-letter {
    text-transform: capitalize
}

.multiForm .multiForm-formfield .form-element-textarea::placeholder:first-letter {
    text-transform: capitalize
}

.multiForm .multiForm-formfield .form-element-div {
    border-bottom: 1px solid #898a8d
}

.multiForm .multiForm-formfield .form-element-div:focus-within,
.multiForm .multiForm-formfield .form-element-div:hover {
    border-bottom: 1px solid #fff
}

.multiForm .multiForm-formfield .textfield-limit {
    -ms-flex-item-align: start;
    align-self: start;
    color: #9e9fa3;
    font-size: .875rem;
    font-family: Basis-regular;
    margin-top: .5rem
}

.multiForm .multiForm-formfield .textfield-limit.error {
    color: #e02222
}

.multiForm .multiForm-formfield .validationcheck {
    background: url(clientlib-site/resources/images/formOverlay/validationcheck.svg) 50% no-repeat
}

.multiForm .multiForm-formfield .validationerror {
    background: url(clientlib-site/resources/images/formOverlay/validationerror.svg) 50% no-repeat;
    width: 2rem
}

.multiForm .multiForm-checkbox .consent-checkbox {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.multiForm .multiForm-checkbox .consent-checkbox-input,
.multiForm .multiForm-checkbox .consent-checkbox-input-nonMandatory {
    border: 1px solid #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: .9375rem;
    height: .9375rem;
    border-radius: 4px;
    background-color: unset;
    margin-left: 0;
    cursor: pointer
}

.multiForm .multiForm-checkbox .consent-checkbox-input-nonMandatory:focus,
.multiForm .multiForm-checkbox .consent-checkbox-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.multiForm .multiForm-checkbox .consent-checkbox-input-nonMandatory:focus,
.multiForm .multiForm-checkbox .consent-checkbox-input-nonMandatory:hover,
.multiForm .multiForm-checkbox .consent-checkbox-input:focus,
.multiForm .multiForm-checkbox .consent-checkbox-input:hover {
    border: .0625rem solid #c9c9ce
}

.multiForm .multiForm-checkbox .consent-checkbox-input-nonMandatory:checked[type=checkbox],
.multiForm .multiForm-checkbox .consent-checkbox-input:checked[type=checkbox] {
    border: 1px solid #e41165;
    background-image: url(clientlib-site/resources/images/formOverlay/check-box.svg);
    background-position: 50%
}

.multiForm .multiForm-checkbox .error-text {
    margin-bottom: 0;
    color: #ff3e3e;
    font-size: .875rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.multiForm .multiForm-checkbox .consent-checkbox-label {
    width: 100%;
    line-height: 1.5rem;
    margin: 0 0 0 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.multiForm .multiForm-checkbox .consent-checkbox-label p {
    display: inline;
    margin-bottom: 0
}

.multiForm .multiForm-checkbox .consent-checkbox-label p strong>a {
    color: #fff;
    font-family: Basis-bold;
    text-decoration: underline
}

.multiForm .multiForm-button-wrapper {
    text-align: left
}

@media (min-width:601px) and (max-width:992px) {
    .multiForm .multiForm-button-wrapper {
        text-align: center
    }
}

.multiForm .multiForm-button-wrapper .multiForm-submitBtn {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    border-radius: 6.25rem;
    font-size: 1.125rem;
    color: #fff;
    letter-spacing: .03125rem;
    height: 3.5rem;
    padding: 9pt 77px;
    font-family: Basis-regular
}

.multiForm .multiForm-button-wrapper .multiForm-submitBtn:hover {
    color: #fff
}

@media only screen and (max-width:599px) {
    .multiForm .multiForm-button-wrapper .multiForm-submitBtn {
        width: 100%
    }
}

.multiForm .multiForm-button-wrapper .multiForm-submitBtn:not([disabled]):hover {
    background: linear-gradient(102.57deg, #f84d9f, #d0121e);
    color: #fff
}

.multiForm .multiForm-button-wrapper .multiForm-submitBtn:disabled {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
}

.multiForm .multiForm-button-wrapper .multiForm-submitBtn:focus {
    -webkit-box-shadow: 0 0 0 2px #000 inset;
    box-shadow: inset 0 0 0 2px #000;
    border: .09375rem solid #f4a0c1;
    margin: .0625rem
}

.multiForm .form-element-error .form-element-div,
.multiForm .form-element-error .input-block {
    border-bottom: .0625rem solid #ff3e3e
}

.multiForm .form-element-error .form-element-div:focus-within,
.multiForm .form-element-error .form-element-div:hover {
    border-bottom: 1px solid #ff3e3e
}

.multiForm .form-element-error .form-element-div .form-element-input,
.multiForm .form-element-error .form-element-div .form-element-textarea {
    color: #ff3e3e
}

.multiForm .form-element-error .consent-checkbox-input {
    border: .0625rem solid #ff3e3e
}

.multiForm .form-element-error .consent-checkbox-input:focus,
.multiForm .form-element-error .consent-checkbox-input:hover {
    border: 1px solid #ff3e3e
}

.multiForm .multiForm-error-message {
    margin: 1rem auto
}

.multiForm .multiForm-error-message .multiForm-error-message-inner {
    padding: 1rem;
    text-align: center;
    margin: 1rem;
    border: .0625rem solid #ff3e3e;
    border-radius: .25rem
}

.multiForm .multiForm-error-message .error-message-multiForm {
    color: #ff3e3e;
    font-size: 1rem;
    font-family: Basis-regular;
    letter-spacing: .03125rem
}

.multiForm .multiForm-error-message .tooltip-multiForm-serverError {
    background: url(clientlib-site/resources/images/formOverlay/validationerror.svg) 50% no-repeat;
    width: 2rem
}

.static-related-content {
    background-color: #f4f3f9;
    padding: 2rem 0
}

.static-related-content .related-section-title {
    font-size: 2rem;
    color: #000;
    line-height: 2.5rem;
    margin-bottom: 2rem;
    font-family: Houschka-medium
}

.static-related-content .card-list-container {
    width: 100%;
    margin-bottom: 2rem
}

.static-related-content .static-related-content-slide-a {
    overflow: hidden
}

.static-related-content .static-related-content-slide-a:focus {
    border: 1px solid
}

.static-related-content .static-related-content-slide-a .static-related-content-thumb-image {
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out
}

.static-related-content .static-related-content-slide-a:hover .static-related-content-thumb-image {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.static-related-content .static-related-content-slide-a:focus .static-related-content-date,
.static-related-content .static-related-content-slide-a:focus .static-related-content-title {
    text-decoration: underline !important;
    -webkit-text-decoration-color: #494c4d !important;
    text-decoration-color: #494c4d !important;
    text-decoration-thickness: 1.5px !important
}

.static-related-content .static-related-content-slider.next-button-active:after {
    position: absolute;
    width: 11.5%;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, color-stop(22.69%, rgba(244, 243, 249, .75)), color-stop(101.96%, rgba(244, 243, 249, 0)));
    background: linear-gradient(270deg, rgba(244, 243, 249, .75) 22.69%, rgba(244, 243, 249, 0) 101.96%);
    z-index: 1;
    top: 0;
    right: 0;
    content: ""
}

@media only screen and (max-width:1199px) {
    .static-related-content .static-related-content-slider.next-button-active:after {
        display: none
    }
}

.static-related-content .static-related-content-slider.prev-button-active:before {
    position: absolute;
    width: 11.5%;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, color-stop(22.69%, rgba(244, 243, 249, 0)), color-stop(101.96%, rgba(244, 243, 249, .75)));
    background: linear-gradient(270deg, rgba(244, 243, 249, 0) 22.69%, rgba(244, 243, 249, .75) 101.96%);
    z-index: 2;
    top: 0;
    left: 0;
    content: ""
}

@media only screen and (max-width:1199px) {
    .static-related-content .static-related-content-slider.prev-button-active:before {
        display: none
    }
}

.static-related-content .card-list .static-related-content-slide {
    width: 280px
}

@media only screen and (max-width:599px) {
    .static-related-content .card-list .static-related-content-slide {
        width: 90%
    }
}

.static-related-content .card-list .static-related-content-cards .static-related-content-title {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: .5px;
    color: #000;
    font-family: Basis-regular;
    max-width: 90%
}

.static-related-content .card-list .static-related-content-cards .tag-text {
    font-size: .75rem;
    line-height: 1pc;
    letter-spacing: .5px;
    color: #000;
    padding: .5rem .75rem;
    border: 1px solid #5e6162;
    margin-right: .25rem;
    font-family: Basis-regular
}

.static-related-content .card-list .static-related-content-cards .tag-text:last-child {
    margin-right: 0
}

.static-related-content .card-list .static-related-content-cards .static-related-content-thumb-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 20px;
    height: 280px
}

.static-related-content .card-list .static-related-content-cards .static-related-content-thumb-image .arrow-icon {
    width: 3pc;
    height: 3pc;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 25px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 0
}

.static-related-content .card-list .static-related-content-cards .static-related-content-thumb-image .podcast-icon {
    background-image: #000 url(clientlib-site/resources/images/relatedContent/podcast-icon.svg)
}

.static-related-content .card-list .static-related-content-cards .static-related-content-thumb-image .video-icon {
    background-image: #000 url(clientlib-site/resources/images/relatedContent/video-icon.svg)
}

.static-related-content .card-list .static-related-content-cards .static-related-content-date {
    color: #494c4d
}

.static-related-content .card-list .static-related-content-cards .static-related-content-date .static-related-content-date-text {
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .5px;
    font-family: Basis-regular
}

.static-related-content .card-list .static-related-content-cards:last-child {
    margin-right: 0
}

.static-related-content .static-related-content-slider-nav-button {
    background-size: 15px;
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -40px;
    -webkit-filter: invert(0);
    filter: invert(0)
}

@media only screen and (max-width:1199px) {
    .static-related-content .static-related-content-slider-nav-button {
        display: none
    }
}

.static-related-content .static-related-content-slider-nav-button.swiper-button-disabled {
    display: none
}

.static-related-content .static-related-content-prev {
    background: #000 url(clientlib-site/resources/images/arrow-right-w.svg) no-repeat 50%;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    left: .5rem
}

.static-related-content .static-related-content-prev:focus {
    outline-offset: -3px !important;
    outline: .125rem solid #fff
}

.static-related-content .static-related-content-next {
    background: #000 url(clientlib-site/resources/images/arrow-right-w.svg) no-repeat 50%;
    right: .5rem
}

.static-related-content .static-related-content-next:focus {
    outline-offset: -3px !important;
    outline: .125rem solid #fff
}

.static-related-content.static-content-dark-theme {
    background-color: #000
}

.static-related-content.static-content-dark-theme .static-related-content-slider-nav-button {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.static-related-content.static-content-dark-theme .related-section-title {
    color: #fff
}

.static-related-content.static-content-dark-theme .static-related-content-slider.next-button-active:after {
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, .75)));
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, .75))
}

.static-related-content.static-content-dark-theme .static-related-content-slider.prev-button-active:before {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .75)), to(transparent));
    background: linear-gradient(90deg, rgba(0, 0, 0, .75), transparent)
}

.static-related-content.static-content-dark-theme .static-related-content-slider:after {
    content: "";
    display: block
}

.static-related-content.static-content-dark-theme .static-related-content-cards .static-related-content-title {
    color: #fff
}

.static-related-content.static-content-dark-theme .static-related-content-cards .static-related-content-date {
    color: #9e9fa3
}

.static-related-content.static-content-dark-theme .static-related-content-cards .tag-text {
    color: #fff
}

.static-related-content.static-content-dark-theme .cipher-secondary-btn {
    color: #fff;
    border: 1px solid #fff
}

.static-related-content.static-content-dark-theme .cipher-secondary-btn:hover {
    border: 1px solid #fff
}

.trending-slider {
    padding-top: .5rem
}

@media only screen and (max-width:599px) {
    .trending-slider {
        padding: 1.5rem 0
    }
}

.pagination-slider {
    padding-top: 3.5rem
}

.pagination-slider .trending-slide-item {
    width: 45%
}

@media only screen and (max-width:599px) {
    .pagination-slider .trending-slide-item {
        width: 90%
    }
}

.pagination-slider .trending-card {
    background-size: cover;
    height: 440px;
    margin-right: 1rem;
    font-family: Basis-regular
}

.pagination-slider .trending-card .s7dm-dynamic-media {
    height: 100%;
    width: 100%;
    position: absolute
}

.pagination-slider .trending-card .s7dm-dynamic-media img {
    width: 100%;
    height: 100%
}

.pagination-slider .trending-card .s7dm-dynamic-media .s7responsiveContainer,
.pagination-slider .trending-card .s7dm-dynamic-media .s7responsiveContainer .dynamic-media-image {
    height: 100%
}

.pagination-slider .trending-card:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
    background: linear-gradient(180deg, #000, transparent);
    position: absolute;
    top: 0;
    height: 30%;
    z-index: 0;
    content: "";
    width: 100%;
    opacity: .85
}

.pagination-slider .trending-card:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: linear-gradient(0deg, #000, transparent);
    position: absolute;
    bottom: 0;
    height: 30%;
    z-index: 0;
    content: "";
    width: 100%;
    opacity: .85
}

.pagination-slider .trending-card .trending-card-tags .tag-list {
    font-size: .875rem;
    line-height: 1pc;
    letter-spacing: .5px;
    color: #000;
    padding: .5rem .75rem;
    border: 1px solid #5e6162;
    margin-right: .5rem;
    background-color: #fff
}

.pagination-slider .trending-card .trending-card-tags .tag-text:last-child {
    margin-right: 0
}

.pagination-slider .trending-card .trending-card-tags {
    top: 0;
    left: 0
}

.pagination-slider .trending-card .trending-card-body {
    left: 0;
    bottom: 0
}

.pagination-slider .trending-card .trending-card-body .trending-card-text {
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: .5px;
    color: #fff
}

.pagination-slider .trending-card .trending-card-body .trending-card-cta-link {
    color: #b60e51;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    font-family: Basis-medium
}

.pagination-slider .trending-card .trending-card-body .trending-card-cta-link:after {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1pc
}

.pagination-slider .trending-card .trending-card-body .trending-card-cta-link.podcast-ico:after,
.pagination-slider .trending-card .trending-card-body .trending-card-cta-link.video-ico:after {
    background-image: url(clientlib-site/resources/images/video-ico.svg)
}

.pagination-slider .trending-card .trending-card-body .trending-card-cta-link.article-ico:after {
    background-image: url(clientlib-site/resources/images/article-ico.svg)
}

.pagination-slider .trending-slider-nav-button {
    background-size: 15px;
    width: 40px;
    height: 40px;
    top: 0;
    -webkit-filter: invert(1);
    filter: invert(1)
}

.pagination-slider .trending-slider-nav-button.swiper-button-disabled {
    opacity: .25
}

.pagination-slider .trending-slider-prev {
    background: url(clientlib-site/resources/images/arrow-right-w.svg) no-repeat 50%;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    left: 0
}

.pagination-slider .trending-slider-next {
    background: url(clientlib-site/resources/images/arrow-right-w.svg) no-repeat 50%;
    left: 50px
}

.pagination-slider .view-more-link {
    font-size: 1.125rem;
    line-height: 2rem;
    color: #fff;
    letter-spacing: .5px;
    font-family: Basis-regular;
    color: #000;
    top: 0;
    right: 1rem;
    border-bottom: 1px solid #fff
}

.pagination-slider.trending-dark-theme {
    background-color: #000
}

.pagination-slider.trending-dark-theme .trending-slider-nav-button {
    -webkit-filter: invert(0);
    filter: invert(0)
}

.pagination-slider.trending-dark-theme .view-more-link {
    color: #fff
}

@media only screen and (min-width:1200px) {
    .horizontaltab-main-section .horizontaltab-tab-content .custom-container .richText {
        padding-left: 0
    }
}

.stats-you-should-know-section {
    overflow-x: hidden
}

.stats-you-should-know-section .stats-main-heading-h3 {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    margin-bottom: 2rem
}

.stats-you-should-know-section .section-dividing-border {
    border-top: 1px solid #dfdee3
}

.stats-you-should-know-section .section-dividing-border.section-divider-top {
    padding-top: 2.5rem
}

.stats-you-should-know-section .stats-slider-panel {
    padding-bottom: 3rem
}

.stats-you-should-know-section .swiper-card-w-50 {
    width: 50% !important
}

.stats-you-should-know-section .swiper-card-w-50 .swiper-slide-next .stats-card-swiper-slider-card {
    margin-right: 0
}

.stats-you-should-know-section .swiper-card-w-33 {
    width: 31%
}

.stats-you-should-know-section .stats-cards-swiper-container-width {
    overflow: visible !important;
    width: 90%;
    margin-left: 0
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide {
    height: 21rem
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide:last-child .stats-card-swiper-slider-card {
    margin-right: 2rem
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card {
    height: 100%;
    margin-right: 2rem
}

@media only screen and (max-width:1199px) {
    .stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card {
        opacity: 1
    }
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body {
    background: #f4f3f9;
    padding: 2rem
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body .stats-trend-icon {
    height: 1.5rem;
    width: 1.5rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body .stats-card-heading {
    font-family: Basis-bold;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .15em;
    color: #000
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body .stats-card-value {
    font-family: Basis-medium;
    margin-bottom: .5rem;
    line-height: 4.5rem;
    background-image: -webkit-gradient(linear, left top, right top, from(#007dc5), to(#7159b1));
    background-image: linear-gradient(90deg, #007dc5, #7159b1);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body .stats-card-value.large__size {
    font-size: 4rem
}

@media only screen and (max-width:1199px) {
    .stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body .stats-card-value.large__size {
        font-size: 4rem
    }
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body .stats-card-value.small__size {
    font-size: 2.25rem
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body .stats-card-content-para {
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .5px;
    color: #000;
    margin-bottom: .75rem
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body .link-text3 {
    color: #000;
    letter-spacing: .5px;
    border-bottom: 1px solid #747678;
    font-size: 1.125rem;
    line-height: 2pc;
    font-family: Basis-regular
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body .link-text3:hover {
    border-bottom: 1px solid #154b8c;
    font-weight: 700
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .swiper-slide-active .stats-card-swiper-slider-card,
.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .swiper-slide-next+.swiper-slide .stats-card-swiper-slider-card,
.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .swiper-slide-next .stats-card-swiper-slider-card {
    opacity: 1
}

@media only screen and (min-width:1920px) {
    .stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .swiper-slide-visible .stats-card-swiper-slider-card {
        opacity: 1
    }
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper:last-child {
    margin-right: 0
}

.stats-you-should-know-section .stats-cards-swiper-container .swiper-button-disabled {
    display: none !important
}

.stats-you-should-know-section .stats-cards-swiper-container .swiper-btn {
    width: 2.5rem;
    height: 2.5rem;
    margin: auto;
    background: #000;
    border-radius: 3.125rem;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer
}

@media only screen and (max-width:1199px) {
    .stats-you-should-know-section .stats-cards-swiper-container .swiper-btn {
        display: none
    }
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-button-prev {
    left: 0
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-button-prev .arrow-icon {
    background-image: url(clientlib-site/resources/images/statsCard/slider-left-arrow-icon.svg);
    height: .9375rem;
    width: 1rem
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-button-prev:focus {
    outline-offset: -3px !important;
    outline: .125rem solid #fff
}

@media only screen and (min-width:1920px) {
    .stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-button-prev {
        left: 2%
    }
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-button-next {
    right: 0;
    left: auto
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-button-next .arrow-icon {
    background-image: url(clientlib-site/resources/images/statsCard/slider-right-arrow-icon.svg);
    height: .9375rem;
    width: 1rem
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-button-next:focus {
    outline-offset: -3px !important;
    outline: .125rem solid #fff
}

@media only screen and (min-width:1920px) {
    .stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-button-next {
        right: -9%
    }
}

.stats-you-should-know-section .swiper-W-100-2cards {
    width: 100%
}

.stats-you-should-know-section .swiper-W-100-2cards .swiper-wrapper .swiper-card-w-25 {
    width: 25.5%
}

.stats-you-should-know-section .swiper-W-100-2cards .swiper-wrapper .swiper-card-w-25 .swiper-opacity-4cards {
    opacity: 1
}

@media only screen and (max-width:1199px) {
    .stats-you-should-know-section .swiper-W-100-2cards {
        width: 90%;
        overflow: visible !important
    }

    .stats-you-should-know-section .swiper-W-100-2cards .stats-card-swiper-button-next {
        right: -4%
    }

    .stats-you-should-know-section .swiper-wrapper .swiper-slide-active .stats-card-swiper-slider-card,
    .stats-you-should-know-section .swiper-wrapper .swiper-slide-next .stats-card-swiper-slider-card {
        opacity: 1
    }

    .stats-you-should-know-section .swiper-wrapper .swiper-slide-next+.swiper-slide .stats-card-swiper-slider-card {
        opacity: 1 !important
    }
}

@media only screen and (max-width:599px) {
    .stats-you-should-know-section .swiper-4card-container .stats-card-swiper-button-prev {
        left: 0
    }

    .stats-you-should-know-section .swiper-4card-container .stats-card-swiper-button-next {
        right: -12%
    }

    .stats-you-should-know-section .swiper-wrapper .swiper-card-w-50 {
        width: 100% !important
    }

    .stats-you-should-know-section .swiper-wrapper .swiper-card-w-50 .stats-card-swiper-button-next {
        right: -5%
    }

    .stats-you-should-know-section .swiper-wrapper .swiper-card-w-25 {
        width: 100% !important
    }

    .stats-you-should-know-section .swiper-wrapper .swiper-card-w-33 {
        width: 100%
    }

    .stats-you-should-know-section .swiper-wrapper .swiper-slide-active .stats-card-swiper-slider-card {
        opacity: 1
    }

    .stats-you-should-know-section .swiper-wrapper .swiper-slide-next+.swiper-slide .stats-card-swiper-slider-card,
    .stats-you-should-know-section .swiper-wrapper .swiper-slide-next .stats-card-swiper-slider-card {
        opacity: 1 !important
    }

    .stats-you-should-know-section .swiper-wrapper .stats-card-swiper-button-next {
        right: -10%
    }
}

#sticky-outer-wrapper {
    z-index: 200;
    position: fixed;
    bottom: 1.875rem;
    right: -18.75rem;
    width: 21.875rem;
    -webkit-transition: all .4s, all .4s ease;
    transition: all .4s, all .4s ease;
    cursor: pointer
}

.sticky-contact-us .contact-sticky {
    width: 100%;
    background: #e41165;
    color: #fff;
    border-top-left-radius: 3.5rem;
    border-bottom-left-radius: 3.5rem;
    height: 3.5rem
}

.sticky-contact-us .contact-sticky a {
    color: #fff;
    text-decoration: none
}

.sticky-contact-us .contact-sticky-icon {
    right: -5%;
    top: 30%;
    right: -15%;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    font-family: Basis-medium
}

.sticky-contact-us .contact-sticky-icon:after {
    position: absolute;
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    background: url(clientlib-site/resources/images/formOverlay/contactus-sticky-icon.svg) no-repeat;
    left: -50%;
    top: 5%
}

.sticky-contact-us .tooltiptext {
    visibility: hidden;
    width: 6.5625rem;
    height: 2.5625rem;
    background-color: #000;
    color: #fff;
    border-radius: .25rem;
    padding: .5rem;
    z-index: 1;
    font-size: .875rem;
    font-family: Basis-medium;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    bottom: .3125rem;
    left: 10%;
    margin-left: -10rem;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.sticky-contact-us .contact-sticky:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

.sticky-contact-us .contact-sticky .tooltiptext:after {
    content: "";
    position: absolute;
    top: 40%;
    left: 99%;
    margin-left: 0;
    border: .3125rem solid transparent;
    border-left-color: #000
}

.welcome-page-overlay-wrapper {
    background-color: #000;
    color: #fff;
    font-family: Basis-Light;
    overflow: hidden
}

@media only screen and (max-width:1280px) {
    .welcome-page-overlay-wrapper {
        overflow-y: scroll
    }
}

.welcome-page-overlay-wrapper .form-right-icon {
    outline: none;
    right: 1.5%;
    top: 2.5%;
    z-index: 11;
    width: 4pc;
    height: 4pc;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer;
    border: 2px solid hsla(0, 0%, 100%, .3);
    margin: 0
}

.welcome-page-overlay-wrapper .form-right-icon:focus,
.welcome-page-overlay-wrapper .form-right-icon:hover {
    border: 2px solid hsla(0, 0%, 100%, .8)
}

.welcome-page-overlay-wrapper .close-icon {
    background: url(clientlib-site/resources/images/close.svg) no-repeat 50%;
    width: 1.40625rem;
    height: 1.40625rem;
    display: inline-block
}

.welcome-page-overlay-wrapper .form-close-button {
    position: fixed;
    height: 5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10001;
    background-color: #000;
    padding: 1rem
}

.welcome-page-overlay-wrapper .welcome-form-page {
    padding: 0;
    margin: 90px 0 0
}

.welcome-page-overlay-wrapper .welcome-main-heading {
    font-size: 4.125rem;
    font-family: Houschka-medium;
    font-weight: 500
}

.welcome-page-overlay-wrapper .welcome-sub-heading {
    font-size: 1.375rem;
    color: #b4b4b8;
    font-family: Basis-regular;
    font-weight: 100;
    letter-spacing: .03125rem
}

.welcome-page-overlay-wrapper .box-model {
    height: 8.5rem;
    border-radius: .3125rem;
    border: 1px solid #494c4d;
    padding: 2.3rem;
    cursor: pointer
}

.welcome-page-overlay-wrapper .box-model:hover {
    background: rgba(244, 243, 249, .1);
    border: 1px solid #fff
}

.welcome-page-overlay-wrapper .boxmodel-image {
    margin: 0 auto;
    text-align: center
}

.welcome-page-overlay-wrapper .boxtext {
    font-size: 1.125rem;
    color: #fff;
    text-decoration: none;
    font-family: Basis-medium
}

.welcome-page-overlay-wrapper .something-desc {
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #b4b4b8;
    padding: .9375rem;
    font-family: Basis-regular
}

.welcome-page-overlay-wrapper .various-forms {
    padding: .9375rem
}

.welcome-page-overlay-wrapper .welcome-form-version {
    position: static;
    height: 2rem;
    left: 0;
    top: .25rem;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem
}

@media only screen and (max-width:1280px) {
    .welcome-page-overlay-wrapper .welcome-form-version {
        padding-right: .625rem
    }
}

.welcome-page-overlay-wrapper .forms-inner {
    padding-left: 0
}

.welcome-page-overlay-wrapper .forms-inner a {
    color: #fff;
    text-decoration: none
}

.welcome-page-overlay-wrapper .box-text {
    font-size: 1.125rem;
    line-height: 2rem;
    margin-right: .3rem;
    font-family: Basis-medium;
    font-style: normal
}

.welcome-page-overlay-wrapper .box-text:hover {
    text-decoration: underline
}

.welcome-page-overlay-wrapper .box-arrow {
    top: .625rem
}

.welcome-page-overlay-wrapper .white-circle {
    height: 1.8625rem;
    width: 1.8625rem;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer
}

.welcome-page-overlay-wrapper .white-circle:hover .arrow-right {
    -webkit-animation: backToFirst 1s;
    animation: backToFirst 1s
}

.welcome-page-overlay-wrapper .arrow-right {
    background: url(clientlib-site/resources/images/formOverlay/VectorrightArrow.svg) no-repeat;
    top: .4375rem;
    left: .4375rem;
    width: 1rem;
    height: .9725rem
}

.welcome-page-overlay-wrapper .arrow-right img {
    height: .75rem
}

.welcome-page-overlay-wrapper .box-model-outer a {
    color: #fff;
    text-decoration: none
}

.welcome-page-overlay-wrapper .box-model-outer a:hover {
    text-decoration: none
}

@media only screen and (max-width:767px) {
    .welcome-page-overlay-wrapper .welcome-main-heading {
        font-size: 3.5rem;
        line-height: 3.5rem
    }

    .welcome-page-overlay-wrapper .welcome-sub-heading {
        font-size: 1.125rem;
        padding-bottom: 1rem
    }

    .welcome-page-overlay-wrapper .welcome-form-version {
        width: 100%
    }
}

.page-overlay-welcomepage {
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    background-color: #000;
    color: #fff
}

@media only screen and (max-width:1280px) {
    .page-overlay-welcomepage {
        overflow-y: scroll
    }
}

.sticky-nav-container .enquire-text-div .enquire-text {
    font-family: Basis-bold;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    color: #e41165;
    text-decoration: none
}

.sticky-nav-container .sticky-nav-divider {
    height: 24px;
    width: 1px;
    background-color: #b4b4b8
}

.page-iframe-box {
    height: 25pc;
    overflow-y: auto;
    padding: 2rem 0
}

.page-iframe-box .page-iframe {
    left: 0;
    top: 0;
    height: 25pc
}

.investor-sticky-header {
    top: 122px
}

@media only screen and (max-width:1199px) {
    .investor-sticky-header {
        top: 7pc
    }
}

.iframe-seperator {
    height: 1px;
    background: #d9d9d9
}

.story-section-padding {
    padding: 0 0 60px
}

@media only screen and (min-width:1200px) {
    .story-section-padding {
        padding: 0
    }
}

.publish-height {
    height: 88vh
}

@media only screen and (max-width:1199px) {
    .publish-height {
        height: 30.3125rem
    }
}

@media only screen and (max-width:1199px) and (orientation:landscape) {
    .publish-height {
        height: 34.875rem
    }
}

@media only screen and (max-width:1199px) and (orientation:portrait) {
    .publish-height {
        height: 34.875rem
    }
}

@media only screen and (max-width:599px) {
    .publish-height {
        height: 34.375rem
    }
}

@media only screen and (max-width:599px) and (orientation:landscape) {
    .publish-height {
        height: 38.75rem
    }
}

@media only screen and (max-width:599px) and (orientation:portrait) {
    .publish-height {
        height: 38.75rem
    }
}

.editor-height {
    height: auto;
    width: 100%
}

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

    .text-image-banner-section .mobile-view-padding-0,
    .text-image-banner-section .cipher-custom-container {
        padding: 0
    }

    .text-image-banner-section .cipher-custom-container .row {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (min-width:1199px) {
    .text-image-banner-section .right-image-gradient-bg:before {
        width: 70%;
        right: 0;
        left: auto
    }

    .text-image-banner-section .left-image-gradient-bg:before {
        width: 70%;
        right: auto
    }

    .text-image-banner-section .text-linear-bg-left:after {
        background-size: 70% 100%;
        background-position: left 0;
        background-repeat: no-repeat;
        background: transparent
    }

    .text-image-banner-section .text-linear-bg-right:after {
        background-size: 70% 100%;
        background-position: right 0;
        background-repeat: no-repeat;
        background: transparent
    }

    .text-image-banner-section .position-right-bg-image {
        background-position: right 0
    }

    .text-image-banner-section .position-right-bg-image .dynamic-media-image {
        width: 70% !important;
        right: 0
    }

    .text-image-banner-section .position-left-bg-image {
        background-position: left 0
    }

    .text-image-banner-section .position-left-bg-image .dynamic-media-image {
        width: 70% !important;
        left: 0
    }
}

@media only screen and (max-width:1199px) {
    .text-image-banner-section .right-image-gradient-bg:before {
        width: 100%;
        right: 0;
        left: auto;
        height: 18.75rem
    }

    .text-image-banner-section .left-image-gradient-bg:before {
        width: 100%;
        right: auto;
        height: 18.75rem
    }

    .text-image-banner-section .text-linear-bg-left:after,
    .text-image-banner-section .text-linear-bg-right:after {
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .text-image-banner-section .position-right-bg-image {
        background-position: 50%
    }

    .text-image-banner-section .position-right-bg-image .dynamic-media-image {
        width: 100%
    }

    .text-image-banner-section .position-left-bg-image {
        background-position: 50%
    }

    .text-image-banner-section .position-left-bg-image .dynamic-media-image {
        width: 100%
    }
}

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

    .text-image-banner-section .left-image-gradient-bg:before,
    .text-image-banner-section .right-image-gradient-bg:before {
        height: 16.125rem
    }

    .text-image-banner-section .cipher-custom-container .row {
        margin-left: 0;
        margin-right: 0
    }
}

.text-image-banner-section .text-bg-image-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: 70% 100%;
    background-repeat: no-repeat;
    height: 100%
}

@media only screen and (max-width:1199px) {
    .text-image-banner-section .text-bg-image-banner {
        padding: 200px 0 0;
        background-size: cover;
        background-position: 50%;
        display: block;
        height: 300px
    }
}

@media only screen and (max-width:599px) {
    .text-image-banner-section .text-bg-image-banner {
        padding: 200px 0 0;
        background-size: cover;
        background-position: 50%;
        display: block;
        height: 258px
    }
}

.text-image-banner-section .text-bg-image-banner .text-image-banner-content-div {
    background: #fff;
    padding: 4pc;
    width: 95%
}

@media only screen and (max-width:1199px) {
    .text-image-banner-section .text-bg-image-banner .text-image-banner-content-div {
        padding: 2pc 24px 0;
        width: 100%
    }
}

.text-image-banner-section .text-bg-image-banner .text-image-banner-content-div .text-image-banner-heading {
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    color: #747678;
    margin-bottom: .5rem;
    font-family: Basis-bold
}

.text-image-banner-section .text-bg-image-banner .text-image-banner-content-div .text-image-banner-title {
    font-family: Houschka-medium;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: #b03c00;
    margin-bottom: 2rem
}

@media only screen and (max-width:599px) {
    .text-image-banner-section .text-bg-image-banner .text-image-banner-content-div .text-image-banner-title {
        font-size: 2rem
    }
}

.text-image-banner-section .text-bg-image-banner .text-image-banner-content-div .banner-cta-margin {
    margin-top: 2rem;
    line-height: 2.5rem
}

.text-image-banner-section .text-bg-image-banner .text-image-banner-content-div .banner-cta-margin .text-image-banner-cta-link {
    font-family: Basis-medium;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #000
}

.text-image-banner-section .text-bg-image-banner .text-image-banner-content-div .banner-cta-margin .text-image-banner-cta-link:after {
    position: absolute;
    margin-left: .75rem;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    content: "";
    background: #000 url(clientlib-site/resources/images/statsCard/slider-right-arrow-icon.svg) no-repeat 50%;
    background-size: 1pc;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.text-image-banner-section .text-bg-image-banner .text-image-banner-content-div .banner-cta-margin .text-image-banner-cta-link:hover:after {
    -webkit-animation: hoverEffect .75s;
    animation: hoverEffect .75s
}

.text-image-banner-section .text-bg-image-banner .text-image-banner-content-div .text-image-banner-rte-description p {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #5e6162;
    opacity: .9;
    margin-bottom: 0
}

.story-card {
    word-break: break-word
}

.story-card .story-detail .section-heading {
    margin-bottom: .5rem
}

.story-card .story-detail .section-title {
    margin-bottom: 2rem
}

.story-card .story-detail .story-description {
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #000;
    opacity: .9;
    margin-bottom: 2rem;
    font-family: Basis-regular
}

.story-card .story-detail .story-cta-list {
    margin-top: .25rem
}

.story-card .story-detail .story-cta-list,
.story-card .story-detail .story-cta-list-item {
    list-style: none
}

.story-card .story-detail .story-cta-list-item .multiple-cta-link,
.story-card .story-detail .story-cta-list .multiple-cta-link {
    margin-bottom: .75rem
}

.story-card .story-detail .story-cta-list-item .single-cta-link,
.story-card .story-detail .story-cta-list .single-cta-link {
    margin-bottom: 0
}

.story-card .story-detail .story-cta-list-item .story-cta-link,
.story-card .story-detail .story-cta-list .story-cta-link {
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #000;
    text-decoration: none;
    padding: .5rem 2.25rem .5rem 0;
    border-bottom: 1px solid #dfdee3;
    font-family: Basis-medium
}

.story-card .story-detail .story-cta-list-item .story-cta-link:hover,
.story-card .story-detail .story-cta-list .story-cta-link:hover {
    border-bottom: 1px solid #494c4d
}

.story-card .story-detail .story-cta-list-item .story-cta-link:hover.arrow-ico:after,
.story-card .story-detail .story-cta-list .story-cta-link:hover.arrow-ico:after {
    -webkit-transform: translate(.5rem, -50%);
    transform: translate(.5rem, -50%);
    -webkit-transition: all .5s;
    transition: all .5s
}

.story-card .story-detail .story-cta-list-item .story-cta-link.arrow-ico:after,
.story-card .story-detail .story-cta-list .story-cta-link.arrow-ico:after {
    position: absolute;
    width: 24px;
    height: 24px;
    content: "";
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s;
    transition: all .5s;
    background: url(clientlib-site/resources/images/arrow-right-b.svg) no-repeat 50%
}

.story-card .story-detail .story-cta-list-item .story-cta-link.arrow-ico-black,
.story-card .story-detail .story-cta-list .story-cta-link.arrow-ico-black {
    padding-right: 3.5rem;
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #000;
    border: none
}

.story-card .story-detail .story-cta-list-item .story-cta-link.arrow-ico-black:after,
.story-card .story-detail .story-cta-list .story-cta-link.arrow-ico-black:after {
    content: "";
    background-size: 15px;
    width: 40px;
    position: absolute;
    right: 0;
    height: 40px;
    border: none;
    background: #000 url(clientlib-site/resources/images/arrow-right-w.svg) no-repeat 50%;
    vertical-align: middle;
    border-radius: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.story-card .story-detail .story-cta-list-item .story-cta-link.arrow-ico-black:hover:after,
.story-card .story-detail .story-cta-list .story-cta-link.arrow-ico-black:hover:after {
    -webkit-animation: hoverEffect .75s;
    animation: hoverEffect .75s
}

.story-card .story-detail .story-cta-list-item.story-cta-icon .story-cta-link,
.story-card .story-detail .story-cta-list.story-cta-icon .story-cta-link {
    padding: .5rem 2.25rem
}

.story-card .story-detail .story-cta-list-item.story-cta-icon .story-cta-link:before,
.story-card .story-detail .story-cta-list.story-cta-icon .story-cta-link:before {
    background-position: 100%;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.story-card .story-detail .story-cta-list-item.story-cta-icon .story-cta-link.podcast-ico:before,
.story-card .story-detail .story-cta-list.story-cta-icon .story-cta-link.podcast-ico:before {
    background-image: url(clientlib-site/resources/images/storyCard/podcast.svg)
}

.story-card .story-detail .story-cta-list-item.story-cta-icon .story-cta-link.video-ico:before,
.story-card .story-detail .story-cta-list.story-cta-icon .story-cta-link.video-ico:before {
    background-image: url(clientlib-site/resources/images/storyCard/video.svg)
}

.story-card .story-detail .story-cta-list-item.story-cta-icon .story-cta-link.article-ico:before,
.story-card .story-detail .story-cta-list.story-cta-icon .story-cta-link.article-ico:before {
    background-image: url(clientlib-site/resources/images/storyCard/article.svg)
}

.story-card .story-detail .story-cta-list-item.story-cta-icon .story-cta-link.customer-testimonial-ico:before,
.story-card .story-detail .story-cta-list.story-cta-icon .story-cta-link.customer-testimonial-ico:before {
    background-image: url(clientlib-site/resources/images/storyCard/testimonial.svg)
}

@media only screen and (max-width:599px) {
    .mob-margin-top {
        margin-top: 2.5rem
    }
}

.story-card-section .story-card {
    margin-bottom: 4.5rem
}

@media only screen and (max-width:1199px) {
    .story-card-section .story-card {
        margin-bottom: 3rem
    }
}

.story-card-section .col-lg-6 .story-card .story-thumb {
    height: 333px
}

@media only screen and (max-width:599px) {
    .story-card-section .col-lg-6 .story-card .story-thumb {
        height: 275px
    }
}

.story-card-section .col-lg-4 .story-card .story-thumb {
    height: 216px
}

@media only screen and (max-width:599px) {
    .story-card-section .col-lg-4 .story-card .story-thumb {
        height: 275px
    }
}

.big-story-cards {
    padding-bottom: 1.5rem
}

.big-story-cards .story-thumb {
    height: 37pc
}

@media only screen and (max-width:1199px) {
    .big-story-cards .story-thumb {
        margin-bottom: 1.5rem;
        height: 25pc
    }
}

@media only screen and (max-width:599px) {
    .big-story-cards .story-thumb {
        margin-bottom: 1.5rem;
        height: 275px
    }
}

.subnav-lg-nav,
.subnav-sm-nav {
    background-color: #1e2222
}

.subnav-lg-nav .subnav-cta-link,
.subnav-lg-nav .subnav-rightcta-link,
.subnav-sm-nav .subnav-cta-link,
.subnav-sm-nav .subnav-rightcta-link {
    text-decoration: none;
    text-transform: uppercase;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    color: #9e9fa3;
    font-family: Basis-bold
}

.subnav-lg-nav .subnav-cta-link.subnav-cta-mainlink,
.subnav-sm-nav .subnav-cta-link.subnav-cta-mainlink {
    color: #fff
}

.subnav-lg-nav .subnav-rightcta-link,
.subnav-sm-nav .subnav-rightcta-link {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.subnav-lg-nav .subnav-rightcta-link .subnav-rightcta-icon,
.subnav-sm-nav .subnav-rightcta-link .subnav-rightcta-icon {
    background: url(clientlib-site/resources/images/subNavigation/right-cta-icon.svg) 50% no-repeat;
    padding: .5625rem
}

.sticky-subnav {
    position: fixed;
    z-index: 100;
    top: 72px
}

@media only screen and (max-width:1199px) {
    .sticky-subnav {
        top: 4pc
    }
}

.subnav-sm-nav .subnav-accordion-btn {
    background: transparent;
    border: none;
    position: relative;
    height: 1.5625rem;
    width: 1.875rem
}

.subnav-sm-nav .subnav-accordion-btn>.accordion-arrow-icon {
    padding: .28125rem;
    border-bottom: 2px solid #fff;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 23%;
    border-right: 2px solid #fff;
    top: 0
}

.subnav-sm-nav .subnav-accordion-btn:not(.collapsed)>.accordion-arrow-icon {
    top: .5rem;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.subnav-sm-nav .subnav-accordion-item {
    list-style: none;
    border-bottom: 1px solid #dfdee3
}

.subnav-sm-nav .subnav-accordion-item:last-child {
    border-bottom: none
}

.subnav-sm-nav .subnav-accordion-tab {
    border-bottom: 1px solid #dfdee3
}

.subnav-lg-nav .subnav-lg-item {
    list-style: none
}

.subnav-lg-nav .subnav-lg-links-div {
    min-width: 20%;
    max-width: 100%
}

.setheight {
    height: 56px
}

.tabs-main-container {
    padding: 2rem 0
}

.tabs-main-container .desktop-block {
    display: block
}

.tabs-main-container .tablet-block {
    display: none
}

.tabs-main-container .cs-section-title {
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    font-family: Basis-bold;
    color: #000
}

.tabs-main-container .tabs-section-heading {
    font-size: 2rem;
    line-height: 40px;
    color: #000;
    font-family: Houschka-medium
}

.tabs-main-container .tab-link {
    font-size: 1.125rem;
    letter-spacing: .5px;
    color: #5e6162;
    margin-bottom: 2.5rem
}

.tabs-main-container .tab-link .wwd-tab-text {
    line-height: 2rem;
    font-family: Basis-regular;
    font-size: 1.125rem
}

.tabs-main-container .tab-list-no {
    font-family: Basis-bold;
    color: #000;
    line-height: 1.5rem;
    font-size: .875rem
}

.tabs-main-container .active .tab-link,
.tabs-main-container .swiper-slide-active .tab-link {
    color: #000;
    padding-left: 2rem
}

.tabs-main-container .active .tab-link:after,
.tabs-main-container .swiper-slide-active .tab-link:after {
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 4px;
    border-radius: 4px;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    position: absolute
}

.tabs-main-container .active .tab-list-no,
.tabs-main-container .swiper-slide-active .tab-list-no {
    color: #cd0f5b !important
}

.tabs-main-container .tab-content-box::-webkit-scrollbar {
    display: none
}

.tabs-main-container .bg-white {
    background-color: #fff
}

.tabs-main-container .tab-content-box {
    overflow-y: scroll;
    height: 80vh;
    max-height: 600px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media only screen and (max-width:1199px) {
    .tabs-main-container .tab-content-box {
        height: auto;
        max-height: none
    }
}

.tabs-main-container .tab-content-box .tab-content {
    min-height: 75vh
}

@media only screen and (max-width:1199px) {
    .tabs-main-container .tab-content-box .tab-content {
        min-height: auto;
        margin-bottom: 0
    }
}

.tabs-main-container .tab-content-box .tab-content .text-intro-box {
    padding: 0 4pc !important;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
    margin: 2rem 0
}

@media only screen and (max-width:1199px) {
    .tabs-main-container .tab-content-box .tab-content .text-intro-box.text-content-right {
        margin-top: 2rem
    }
}

@media only screen and (max-width:1199px) {
    .tabs-main-container .tab-content-box .tab-content .text-intro-box {
        margin: 0;
        padding: 0 1pc !important
    }
}

.tabs-main-container .tab-content-box .tab-content .intro-player-box {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%
}

.tabs-main-container .tab-content-box .tab-content .intro-player-box .dynamic-media-image {
    max-height: 28pc
}

.tabs-main-container .tab-description-container {
    overflow: hidden
}

.tabs-main-container .tab-bg-gray {
    background-color: #f4f3f9
}

.tabs-main-container .tab-bg-gray80 {
    background-color: #494c4d
}

.tabs-main-container .tab-bg-gray90 {
    background-color: #333737
}

.tabs-main-container .tab-bg-white {
    background-color: #fff
}

.tabs-main-container .intro-section {
    padding: 0 !important
}

.tabs-main-container .slider-navigation {
    top: 0;
    right: 0;
    z-index: 9
}

.tabs-main-container .slider-navigation .slider-nav-button {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 50%
}

.tabs-main-container .slider-navigation .slider-nav-button.tab-slider-button-next {
    background-image: url(clientlib-site/resources/images/arrow-right-b.svg)
}

.tabs-main-container .slider-navigation .slider-nav-button.tab-slider-button-prev {
    background-image: url(clientlib-site/resources/images/left-icon.svg)
}

.tabs-main-container .slider-navigation .swiper-button-disabled {
    opacity: .25
}

.tabs-main-container .tab-list-count {
    color: #5e6162;
    font-size: .875rem;
    font-family: Basis-bold
}

.tabs-main-container .solution-swiper-slide {
    width: 100%
}

@media screen and (max-width:1199px) {
    .tabs-main-container .desktop-block {
        display: none
    }

    .tabs-main-container .tablet-block {
        display: block
    }
}

.tabs-main-container .text-asset-box {
    background-color: transparent !important
}

.tabs-main-container .text-box-asset {
    padding-bottom: 2rem
}

.tabs-main-container .richText .cs-title {
    font-size: 2rem;
    line-height: 40px;
    margin-bottom: .5rem
}

.tabs-main-container .richText .arrow-text:after {
    background: #e41165 url(clientlib-site/resources/images/arrow-right-w.svg) no-repeat 50%
}

.tab-dark-theme.tabs-main-container .cs-section-title,
.tab-dark-theme.tabs-main-container .tab-list-no,
.tab-dark-theme.tabs-main-container .tabs-section-heading {
    color: #fff
}

.tab-dark-theme.tabs-main-container .tab-link {
    color: #fff !important
}

.tab-dark-theme.tabs-main-container .tab-link .wwd-tab-text,
.tab-dark-theme.tabs-main-container .tab-list-count {
    color: #fff
}

.tab-dark-theme.tabs-main-container .intro-section .intro-description,
.tab-dark-theme.tabs-main-container .intro-section .intro-heading,
.tab-dark-theme.tabs-main-container .intro-section .intro-text {
    color: #fff !important
}

.tab-dark-theme.tabs-main-container .intro-section .content-link .arrow-text2 {
    color: #fff
}

.tab-dark-theme.tabs-main-container .slider-nav-button.tab-slider-button-next,
.tab-dark-theme.tabs-main-container .slider-nav-button.tab-slider-button-prev {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.textImage-body-inner-main .textImage-content-image-main {
    width: 33%;
    height: 13rem;
    border-radius: .25rem;
    border: 1px solid #c9c9ce;
    padding: .4rem;
    margin-right: 1rem
}

.textImage-body-inner-main .textImage-content-image-main img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.textImage-body-inner-main .textImage-content-text-main {
    width: 67%
}

.textImage-body-inner-main .textImage-content-text-main .textImage-content-text-p {
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .5px;
    color: #494c4d
}

.textImage-content-link {
    font-family: Basis-medium;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px;
    color: #000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem
}

.textImage-content-link:hover {
    color: #000;
    text-decoration: none
}

.textImage-content-link .textImage-content-link-icon-main {
    height: 2.5rem;
    width: 2.5rem;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 1.25rem;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    margin-left: 1rem;
    background-position: 0 0
}

.textImage-content-link-icon-main:hover:after {
    background-position: 1pc 0;
    -webkit-transition: all .7s
}

.textImage-content-link-icon-main:after {
    position: absolute;
    top: 0;
    content: "";
    height: 1rem;
    background-repeat: no-repeat;
    width: 1rem;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    background-image: url(clientlib-site/resources/images/accrodion/right-direc-arrow-white.svg);
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0
}

@media only screen and (max-width:599px) {
    .textImage-body-inner-main .textImage-content-image-main {
        width: 100%;
        margin-right: 0
    }

    .textImage-body-inner-main .textImage-content-image-main img {
        width: 100%
    }

    .textImage-body-inner-main .textImage-content-text-main {
        width: 100%;
        padding-left: 0;
        margin-top: 1.5rem
    }
}

.text-image-edit {
    height: 600px
}

.edit-placeholder {
    height: 75px
}

.text-over-banner .text-image-container.banner-bottom-spacing {
    padding-bottom: 210px
}

@media only screen and (max-width:1199px) {
    .text-over-banner .text-image-container.banner-bottom-spacing {
        padding-bottom: 56px
    }
}

.text-over-banner .text-image-container .text-bg-image {
    height: 100vh;
    padding: 60px 0
}

@media only screen and (min-width:1200px) {
    .text-over-banner .text-image-container .text-bg-image {
        min-height: 37.5rem
    }
}

@media only screen and (max-width:1199px) {
    .text-over-banner .text-image-container .text-bg-image {
        height: 30rem
    }
}

@media only screen and (max-width:599px) {
    .text-over-banner .text-image-container .text-bg-image {
        height: 100vh;
        padding-bottom: 2.5rem
    }
}

.text-over-banner .text-image-container .text-bg-image.right-text .text-content {
    float: right
}

.text-over-banner .text-image-container .text-bg-image.right-text .text-content:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.text-over-banner .text-image-container .text-content {
    width: 50%;
    top: 50%;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%)
}

@media only screen and (max-width:1199px) {
    .text-over-banner .text-image-container .text-content {
        width: 60%;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (max-width:599px) {
    .text-over-banner .text-image-container .text-content {
        width: 100%
    }
}

.text-over-banner .text-image-container .text-content .image-banner-heading {
    font-size: .875rem;
    line-height: 1.125rem;
    letter-spacing: .15em;
    color: #fff;
    font-family: Basis-regular;
    margin-bottom: 2rem
}

.text-over-banner .text-image-container .text-content .image-banner-text {
    font-size: 2.5rem;
    line-height: 3pc;
    padding-left: 2rem;
    color: #fff;
    font-family: Houschka-medium;
    margin-bottom: 2rem
}

@media only screen and (max-width:1199px) {
    .text-over-banner .text-image-container .text-content .image-banner-text {
        font-size: 2rem;
        line-height: 40px
    }
}

.text-over-banner .text-image-container .text-content .image-banner-text:after {
    left: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    content: "";
    width: 4px;
    position: absolute;
    border-radius: 5px
}

.text-over-banner .text-image-container .text-content .image-banner-link {
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #fff;
    font-family: Basis-medium
}

.text-over-banner .text-image-container .text-content .image-banner-link:after,
.text-over-banner .text-image-container .text-content .right-arrow-ico {
    background: #fff url(clientlib-site/resources/images/arrow-right-b.svg) no-repeat 50%
}

.text-over-banner .text-image-container .text-content .right-arrow-ico {
    width: 40px;
    height: 40px;
    background-size: 15px;
    vertical-align: middle
}

.text-over-banner .belief-action-list {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.text-over-banner .belief-action-list .stats-main-heading-h3 {
    color: #fff;
    margin-bottom: 2rem
}

@media only screen and (max-width:1199px) {
    .text-over-banner .belief-action-list .stats-main-heading-h3 {
        margin-bottom: 2rem
    }
}

.text-over-banner .belief-action-list .section-dividing-border {
    display: none
}

@media only screen and (max-width:1199px) {
    .text-over-banner .belief-action-list {
        position: static
    }

    .text-over-banner .belief-action-list .stats-main-heading-h3 {
        color: #000;
        margin-top: 1rem
    }
}

.text-over-banner .text-bg-image {
    overflow: hidden
}

.text-over-banner .text-bg-image .s7dm-dynamic-media .s7responsiveContainer img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.text-over-banner .text-bg-image .s7dm-dynamic-media .s7responsiveContainer img.zoom-out {
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.text-over-banner .stats-slider-panel {
    padding-bottom: 0 !important
}

.intro-section {
    padding: 4rem 0
}

@media only screen and (max-width:992px) {
    .intro-section .text-intro-box {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important;
        padding-top: 40px
    }
}

@media only screen and (max-width:1199px) {
    .intro-section {
        padding: 3.5rem 0
    }
}

@media only screen and (max-width:1199px) {
    .intro-section .text-content-left .content-link {
        margin-bottom: 2.5rem
    }
}

@media only screen and (max-width:1199px) {
    .intro-section .text-content-right {
        margin-top: 2rem
    }
}

@media only screen and (max-width:1199px) {
    .intro-section .intro-content {
        font-size: 2rem
    }
}

.intro-section .intro-heading {
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    color: #000;
    font-family: Basis-bold
}

.intro-section .intro-player-box .dynamic-media-image {
    position: unset
}

@media only screen and (max-width:992px) {
    .intro-section .intro-player-box {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important
    }
}

.intro-section .intro-description {
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: #000;
    font-family: Houschka-medium;
    margin-bottom: 2rem
}

.intro-section .intro-text p {
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px;
    font-family: Basis-regular
}

.intro-section .intro-text p a {
    color: #005b9c
}

.intro-section .intro-text p .vertical-line {
    padding-left: 2rem;
    position: relative;
    display: block;
    font-family: Basis-regular
}

.intro-section .intro-text p .vertical-line:after {
    background: #e41165;
    width: 4px;
    border-radius: 10px;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    content: ""
}

.intro-section .intro-text p .vertical-line-pink-text {
    padding-left: 2rem;
    position: relative;
    display: block;
    font-family: Houschka-medium;
    font-size: 2.5rem;
    color: #e41165;
    line-height: 2.5rem
}

.intro-section .intro-text p .vertical-line-pink-text:after {
    background: #e41165;
    width: 4px;
    border-radius: 10px;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    content: ""
}

@media screen and (max-width:599) {
    .intro-section .intro-text p .vertical-line-pink-text {
        font-size: 1.75rem
    }
}

.intro-section .intro-text p .social-share-content {
    font-family: Basis-medium;
    display: inline;
    color: #000;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px;
    position: relative;
    border-bottom: 1px dashed;
    border-color: #000
}

.intro-section .intro-text p .social-share-content a {
    pointer-events: none;
    color: #000
}

.intro-section .intro-text p .pink-text {
    font-family: Houschka-medium;
    font-size: 2.5rem;
    color: #e41165;
    line-height: 2.5rem
}

@media screen and (max-width:599) {
    .intro-section .intro-text p .pink-text {
        font-size: 1.75rem
    }
}

.intro-section .intro-text {
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px;
    color: #000;
    font-family: Basis-regular
}

.intro-section .content-link {
    margin-top: 2rem;
    font-size: medium
}

.intro-section .content-link .arrow-text2 {
    color: #000;
    font-size: 1.125rem;
    line-height: 2.5rem;
    letter-spacing: .5px;
    font-family: Basis-medium
}

.intro-section .content-link .arrow-text2:after {
    position: absolute;
    margin-left: .75rem;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    content: "";
    background: #e41165 url(clientlib-site/resources/images/whatsNextCard/icons/arrow-right-w.svg) no-repeat 50%;
    background-size: 1pc;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.intro-section .content-link .arrow-text2:hover:after {
    -webkit-animation: hoverEffect .75s;
    animation: hoverEffect .75s
}

.intro-section .content-link .cta-gradient-btn {
    display: inline-block;
    height: auto;
    width: auto
}

.intro-section .intro-vplayer {
    height: 280px;
    width: 5in;
    max-width: 100%
}

.intro-section .play-icon {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 75pt;
    height: 75pt;
    background: url(clientlib-site/resources/images/play-button.svg) no-repeat 50%;
    background-size: cover;
    cursor: pointer
}

.intro-section .article-tags {
    margin-bottom: 2rem
}

@media screen and (max-width:1199px) {
    .intro-section .article-tags {
        font-size: medium
    }
}

.intro-section .article-tags .tag-text {
    font-size: .875rem;
    line-height: 1pc;
    letter-spacing: .5px;
    color: #000;
    padding: .5rem .75rem;
    border: 1px solid #5e6162;
    margin-right: .5rem;
    background-color: #fff;
    font-family: Basis-regular
}

.intro-section .article-tags .tag-text:last-child {
    margin-right: 0
}

.intro-section .tabs-readtime-text {
    color: #747678;
    font-size: .875rem
}

@-webkit-keyframes hoverEffect {
    0% {
        background-position: -100% 50%
    }

    to {
        background-position: 50% 50%
    }
}

.intro-section .text-with-asset-image-text {
    background-color: #000;
    color: #fff;
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .5px;
    font-family: Basis-regular
}

.video-player-box .video-play-btn {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    height: 4.5rem;
    width: 4.5rem;
    background-size: cover;
    border-radius: 50px;
    background-position: 50%;
    border: none;
    background: url(clientlib-site/resources/images/play-button.svg) no-repeat 50%
}

.video-player-box .video-player-box-main {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.video-player-box .video-player-box-main.add-mask:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    top: 0;
    left: 0
}

.video-player-box.video-player-styling-new {
    max-width: 100%;
    padding-top: 56.25%
}

.video-player-box.video-player-styling-new.caption-not-available .caption-not-ready-btn,
.video-player-box.video-player-styling-new.caption-not-available .s7closedcaptionbutton {
    display: none !important
}

.video-player-box.video-player-styling-new.caption-not-available .s7mutablevolume {
    right: 56px !important
}

.video-player-box.video-player-styling-new.transcript-not-available .video-ts-download {
    display: none !important
}

.video-player-box.video-player-styling-new.transcript-not-available .s7mutablevolume {
    right: 56px !important
}

.video-player-box.video-player-styling-new.transcript-not-available.caption-not-available .s7mutablevolume,
.video-player-box.video-player-styling-new.transcript-not-available .caption-not-ready-btn,
.video-player-box.video-player-styling-new.transcript-not-available .s7closedcaptionbutton {
    right: 6px !important
}

.video-player-box.video-player-styling-new .cq-dd-image {
    width: 100%;
    height: 100%;
    position: absolute
}

.video-player-box.video-player-styling-new .s7container:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    height: 3.75rem;
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: linear-gradient(0deg, #000, transparent)
}

.video-player-box.video-player-styling-new .s7container,
.video-player-box.video-player-styling-new .s7videoplayer {
    width: 100% !important;
    height: 100% !important
}

.video-player-box.video-player-styling-new .s7videoplayer>.s7waiticon+div {
    top: unset !important;
    bottom: 20% !important
}

@media only screen and (max-width:599px) {
    .video-player-box.video-player-styling-new .s7videoplayer>.s7waiticon+div {
        bottom: 28% !important
    }
}

.video-player-box.video-player-styling-new .s7controlbar {
    height: 42px !important;
    display: none;
    z-index: 1
}

.video-player-box.video-player-styling-new .s7controlbar,
.video-player-box.video-player-styling-new .s7innercontrolbarcontainer {
    background-color: transparent !important;
    background-image: none;
    opacity: 1 !important;
    left: 7.5% !important;
    width: 85% !important
}

.video-player-box.video-player-styling-new .s7controlbar:hover,
.video-player-box.video-player-styling-new .s7innercontrolbarcontainer:hover {
    background-color: transparent !important
}

.video-player-box.video-player-styling-new .s7videoplayer {
    width: 100% !important;
    height: 100% !important
}

.video-player-box.video-player-styling-new .s7videoviewer {
    width: 100%;
    height: 100% !important
}

.video-player-box.video-player-styling-new .s7closedcaptionbutton {
    right: 56px !important;
    bottom: .5rem !important;
    top: auto !important;
    width: 24px !important;
    height: 24px !important;
    visibility: visible !important;
    background-position: 50% !important;
    background-size: contain !important
}

.video-player-box.video-player-styling-new .s7closedcaptionbutton[selected=false] {
    background-image: url(clientlib-site/resources/images/video/caption-ico.svg) !important
}

.video-player-box.video-player-styling-new .s7closedcaptionbutton[selected=true] {
    background-image: url(clientlib-site/resources/images/video/caption-active.svg) !important
}

@media screen and (max-width:599px) {
    .video-player-box.video-player-styling-new .s7closedcaptionbutton {
        right: 3pc !important
    }
}

.video-player-box.video-player-styling-new .caption-not-ready-btn {
    background: url(clientlib-site/resources/images/video/Closed_caption_inactive.svg);
    position: absolute;
    height: 24px;
    width: 24px;
    right: 56px !important;
    bottom: .5rem !important
}

@media screen and (max-width:599px) {
    .video-player-box.video-player-styling-new .caption-not-ready-btn {
        right: 3pc !important
    }
}

.video-player-box.video-player-styling-new .video-ts-download {
    position: absolute;
    right: 0;
    width: 24px;
    height: 24px;
    bottom: .5rem !important;
    cursor: pointer
}

.video-player-box.video-player-styling-new .video-ts-download[data-asset=false] {
    background: url(clientlib-site/resources/images/video/Download_Trascript_inactive.svg)
}

.video-player-box.video-player-styling-new .video-ts-download[data-asset=false] .video-message-wrapper {
    color: #c9c9ce;
    border: 1px solid #c9c9ce
}

.video-player-box.video-player-styling-new .video-ts-download[data-asset=true] {
    background: url(clientlib-site/resources/images/video/download_transcript.svg)
}

.video-player-box.video-player-styling-new .video-message-wrapper {
    color: #119a34;
    font-family: Basis-regular;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03125rem;
    border: 1px solid #119a34;
    position: absolute;
    top: -75px;
    right: 8px;
    padding: 9pt 9pt 9pt 52px;
    min-width: 15.125rem;
    border-radius: .25rem;
    background: rgba(0, 0, 0, .85);
    cursor: auto
}

.video-player-box.video-player-styling-new .video-message-wrapper:after {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    top: 50%;
    left: 9pt;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.video-player-box.video-player-styling-new .video-message-wrapper.video-ts-notready:after {
    background: url(clientlib-site/resources/images/video/Download_Trascript_inactive.svg)
}

.video-player-box.video-player-styling-new .video-message-wrapper.video-ts-downloading:after {
    background: url(clientlib-site/resources/images/video/Download_Trascript_success.svg)
}

.video-player-box.video-player-styling-new .video-message-wrapper.video-caption-not-ready {
    top: -60px;
    color: #c9c9ce;
    border: 1px solid #c9c9ce
}

.video-player-box.video-player-styling-new .video-message-wrapper.video-caption-not-ready:after {
    position: absolute;
    content: "";
    background: url(clientlib-site/resources/images/video/Closed_caption_inactive.svg);
    height: 24px;
    width: 24px;
    top: 50%;
    left: 9pt;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.video-player-box.video-player-styling-new .s7videotime {
    top: auto !important;
    bottom: .25rem;
    left: 2rem;
    width: 170px !important;
    font-family: Basis-bold;
    font-size: .875rem !important;
    color: #fff;
    letter-spacing: 2px
}

.video-player-box.video-player-styling-new .s7mutablevolume {
    width: 24px !important;
    height: 24px !important;
    right: 7pc !important;
    bottom: .5rem !important;
    top: unset !important
}

.video-player-box.video-player-styling-new .s7mutablevolume .s7mutebutton {
    width: 24px !important;
    height: 24px !important;
    background-position: 50% !important;
    background-size: contain !important
}

.video-player-box.video-player-styling-new .s7mutablevolume .s7mutebutton[selected=false] {
    background: url(clientlib-site/resources/images/video-unmuted.svg) 50% no-repeat !important
}

.video-player-box.video-player-styling-new .s7mutablevolume .s7mutebutton[selected=true] {
    background: url(clientlib-site/resources/images/video-mute.svg) 50% no-repeat !important
}

@media screen and (max-width:599px) {
    .video-player-box.video-player-styling-new .s7mutablevolume {
        right: 6pc !important
    }
}

.video-player-box.video-player-styling-new .s7mutablevolume .s7verticalvolume {
    opacity: 0 !important
}

.video-player-box.video-player-styling-new .s7fullscreenbutton,
.video-player-box.video-player-styling-new .s7iconeffect,
.video-player-box.video-player-styling-new .s7socialbutton {
    display: none !important
}

.video-player-box.video-player-styling-new video {
    height: 100% !important;
    width: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    position: unset !important
}

.video-player-box.video-player-styling-new video::cue {
    font-family: Basis-regular
}

@media screen and (max-width:1199px) {
    .video-player-box.video-player-styling-new video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

.video-player-box.video-player-styling-new .s7playpausebutton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 50% !important;
    background-size: inherit;
    bottom: .5rem !important;
    left: 0 !important;
    top: auto !important;
    width: 24px !important;
    height: 24px !important;
    background-size: 52px !important
}

.video-player-box.video-player-styling-new .s7playpausebutton[selected=false] {
    background-image: url(clientlib-site/resources/images/video/pause-white-btn.svg) !important
}

.video-player-box.video-player-styling-new .s7playpausebutton[selected=true] {
    background-image: url(clientlib-site/resources/images/video/play-white-btn.svg) !important
}

.video-player-box.video-player-styling-new .s7videoviewer .s7videoscrubber .s7trackplayed {
    background-color: #fff !important
}

.video-player-box.video-player-styling-new .s7videoviewer .s7videoscrubber {
    width: 100% !important;
    left: 0 !important;
    visibility: visible !important;
    top: 0 !important
}

.video-player-box.video-player-styling-new .s7videoviewer .s7videoscrubber .s7knob {
    width: 8px !important;
    height: 4px !important;
    top: 0;
    background: #c9c9ce
}

.video-player-box.video-player-styling-new .s7videoviewer .s7videoscrubber .s7knob .s7trackloaded,
.video-player-box.video-player-styling-new .s7videoviewer .s7videoscrubber .s7knob .s7trackplayed {
    height: 4px !important
}

.video-player-box.video-player-styling-new .video-play-screen-btn {
    z-index: 1
}

.video-player-box.video-player-styling-new .s7videoviewer .s7videoplayer .s7caption {
    font-family: Basis-regular !important;
    padding: 0 10%;
    line-height: 120%;
    font-size: 1rem
}

@media only screen and (max-width:599px) {
    .video-player-box.video-player-styling-new .s7videoviewer .s7videoplayer .s7caption {
        font-size: .875rem
    }
}

.video-player-box .modal-header {
    border: none
}

.video-player-box .modal-content {
    background-color: transparent
}

.video-player-box .s7videoplayer,
.video-player-box .s7videoplayer video {
    max-height: 100%
}

.video-player-box .banner-video-duration {
    right: 8.5%;
    bottom: 46px;
    font-family: Basis-bold;
    font-size: .875rem;
    color: #fff;
    z-index: 1;
    letter-spacing: 2px;
    display: none
}

@media only screen and (max-width:1199px) {
    .video-player-box .intro-container {
        width: 100%;
        padding: 0
    }

    .video-player-box .intro-heading {
        font-size: .75rem
    }

    .video-player-box .intro-player-box {
        padding: 0
    }

    .video-player-box .intro-player-box .dynamic-media-image {
        max-height: 488px
    }

    .video-player-box .play-icon {
        width: 72px;
        height: 72px
    }
}

@media only screen and (max-width:1199px) and (max-width:599px) {

    .video-player-box .youtube-iframe-wrapper .main-youtube-fallback-text,
    .video-player-box .youtube-iframe-wrapper iframe {
        padding-left: 1pc
    }
}

.thankyou-form {
    height: 100%;
    background-color: #000
}

.thankyou-form .thankyou-wrapper {
    height: 100%
}

.thankyou-form .thankyou-messagecontainer {
    padding-top: 75pt
}

@media only screen and (max-width:1199px) {
    .thankyou-form .thankyou-messagecontainer {
        padding-top: 5pc
    }
}

.thankyou-form .thankyou-message {
    word-break: break-word
}

.thankyou-form .thankyou-message .thankyou-msg-heading,
.thankyou-form .thankyou-message .thankyou-msg-username {
    font-family: Houschka-medium;
    font-size: 3.5rem;
    line-height: 3.5rem;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    padding-bottom: .5rem
}

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

    .thankyou-form .thankyou-message .thankyou-msg-heading,
    .thankyou-form .thankyou-message .thankyou-msg-username {
        font-size: 2.5rem;
        line-height: 2.5rem
    }
}

@media only screen and (max-width:599px) {
    .thankyou-form .thankyou-message {
        margin-bottom: 1rem
    }
}

.thankyou-form .thankyou-para {
    font-family: Basis-regular;
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: .03125rem;
    color: #fff
}

@media only screen and (max-width:599px) {
    .thankyou-form .thankyou-para {
        font-size: 1.125rem;
        line-height: 2rem;
        margin-bottom: 1rem
    }
}

@media only screen and (max-width:599px) {
    .thankyou-form .backToWebsite-wrapper {
        width: 100%
    }
}

.thankyou-form .backToWebsite-wrapper .backToWebsite-btn-thnq {
    width: 11rem;
    height: 3.5rem;
    border-radius: 6.25rem;
    padding: 9pt 2pc;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    border: 1px solid #b4b4b8;
    font-size: 1.125rem;
    line-height: 2rem;
    font-family: Basis-medium
}

@media only screen and (max-width:599px) {
    .thankyou-form .backToWebsite-wrapper .backToWebsite-btn-thnq {
        width: 100%
    }
}

@-webkit-keyframes backToFirst {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes backToFirst {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.thankyou-footer-links .thankyou-footer-anchor {
    text-decoration: none;
    font-family: Basis-medium;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #fff
}

.thankyou-footer-links .thankyou-footer-anchor .arrow-img-outer-div {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff
}

.thankyou-footer-links .thankyou-footer-anchor .arrow-img-outer-div:hover .arrow-img-form {
    -webkit-animation: backToFirst 1s;
    animation: backToFirst 1s
}

.thankyou-footer-links .thankyou-footer-anchor .arrow-img-form:focus {
    -webkit-box-shadow: 0 0 0 1px #000 inset;
    box-shadow: inset 0 0 0 1px #000;
    border: .09375rem solid #fff;
    margin: .0625rem
}

.thankyou-footer-links .box-arrow {
    top: .625rem
}

.thankyou-footer-links .white-circle {
    height: 1.8625rem;
    width: 1.8625rem;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer
}

.thankyou-footer-links .white-circle:hover .arrow-right {
    -webkit-animation: backToFirst 1s;
    animation: backToFirst 1s
}

.thankyou-footer-links .arrow-right {
    background: url(clientlib-site/resources/images/formOverlay/VectorrightArrow.svg) no-repeat;
    top: .4375rem;
    left: .4375rem;
    width: 1rem;
    height: .9725rem
}

.thankyou-footer-links .arrow-right img {
    height: .75rem
}

@media only screen and (max-width:599px) {
    .thankyou-footer-links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.thankyou-footer {
    margin: auto
}

@media only screen and (max-width:599px) {
    .thankyou-footer {
        margin: 0
    }
}

.thankyou-footer .thankyou-footer-para {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #b4b4b8
}

.thankyou-footer .thankyou-footer-inner {
    width: 100%
}

.thankyou-footer .footer-link-title {
    font-size: 1.125rem;
    letter-spacing: .03125rem;
    line-height: 2rem;
    font-family: Basis-medium;
    color: #fff
}

.trend-based-stories {
    background-color: #000;
    padding: 3rem 0 3.5rem
}

.trend-based-stories.trend-edit-mode {
    height: 500px
}

.trend-based-stories .trend-stories-heading {
    color: #9e9fa3;
    font-family: Basis-bold;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .15rem;
    text-transform: uppercase
}

.trend-based-stories .trend-stories-title {
    color: #fff;
    font-family: Houschka-medium;
    font-size: 4rem;
    line-height: 4rem
}

@media only screen and (max-width:1199px) {
    .trend-based-stories .trend-stories-title {
        font-size: 3rem;
        line-height: 3rem
    }
}

.trend-based-stories .trend-based-cta {
    color: #fff;
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    text-decoration: none
}

.trend-based-stories .trend-based-cta:after {
    position: absolute;
    margin-left: .75rem;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    content: "";
    background: #e41165 url(clientlib-site/resources/images/whatsNextCard/icons/arrow-right-w.svg) no-repeat 50%;
    background-size: 1pc;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.trend-based-stories .trend-based-cta:hover:after {
    -webkit-animation: hoverEffect .75s;
    animation: hoverEffect .75s
}

@keyframes hoverEffect {
    0% {
        background-position: -100% 50%
    }

    to {
        background-position: 50% 50%
    }
}

.trend-based-stories .trend-based-image-column {
    min-height: 599px
}

@media only screen and (max-width:1199px) {
    .trend-based-stories .trend-based-image-column {
        min-height: 492px
    }
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-based-image-column {
        min-height: 460px
    }
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-based-text-wrapper {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.trend-based-stories .trend-image-wrapper {
    width: 460px;
    height: 35pc
}

@media only screen and (max-width:1199px) {
    .trend-based-stories .trend-image-wrapper {
        width: 325px;
        height: 445px
    }
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-image-wrapper {
        width: 100%;
        height: 380px
    }
}

.trend-based-stories .trend-image-wrapper .trend-image-container {
    height: 100%;
    width: 100%;
    left: 0
}

.trend-based-stories .trend-image-wrapper .trend-image-container .trend-based-image {
    border-radius: 8px;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.trend-based-stories .trend-image-wrapper .trend-image-container.trend-image-top {
    top: 0
}

.trend-based-stories .trend-image-wrapper .trend-image-container.trend-image-middle {
    -webkit-transform: translate3d(0, 46px, 0) rotate(0deg) scale(.9);
    transform: translate3d(0, 46px, 0) rotate(0deg) scale(.9);
    opacity: .4
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-image-wrapper .trend-image-container.trend-image-middle {
        -webkit-transform: translate3d(0, 36px, 0) rotate(0deg) scale(.9);
        transform: translate3d(0, 36px, 0) rotate(0deg) scale(.9)
    }
}

.trend-based-stories .trend-image-wrapper .trend-image-container.trend-image-bottom {
    -webkit-transform: translate3d(0, 88px, 0) rotate(0deg) scale(.8);
    transform: translate3d(0, 88px, 0) rotate(0deg) scale(.8);
    opacity: .2
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-image-wrapper .trend-image-container.trend-image-bottom {
        -webkit-transform: translate3d(0, 72px, 0) rotate(0deg) scale(.8);
        transform: translate3d(0, 72px, 0) rotate(0deg) scale(.8)
    }
}

.trend-based-stories .trend-based-modal .modal-dialog {
    max-width: 100%;
    height: 100%;
    width: 100%;
    margin: 0
}

.trend-based-stories .trend-based-modal .modal-dialog .drag-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 9pt 18px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9pt;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    border-radius: 99px;
    border: 1px solid #007dc5;
    background: #1e2222;
    -webkit-box-shadow: 0 0 2pc 0 rgba(0, 0, 0, .55);
    box-shadow: 0 0 2pc 0 rgba(0, 0, 0, .55);
    min-width: 226px
}

.trend-based-stories .trend-based-modal .modal-dialog .drag-wrapper .drag-icon {
    background: url(clientlib-site/resources/images/drag-icon.svg) no-repeat;
    height: 24px;
    width: 24px;
    background-size: cover
}

.trend-based-stories .trend-based-modal .modal-dialog .drag-wrapper .drag-text {
    color: #9e9fa3;
    text-align: center;
    font-family: Basis-medium;
    font-size: 18px;
    line-height: 2pc;
    letter-spacing: .5px
}

.trend-based-stories .trend-based-modal .modal-content {
    height: 100%;
    border-radius: 0;
    border: 0;
    background: #000
}

.trend-based-stories .trend-based-modal .trend-map-wrap {
    width: 100%;
    height: 100vh;
    margin: auto;
    overflow: hidden
}

.trend-based-stories .trend-based-modal .map-inner-wrapper {
    width: 100%;
    height: 100%;
    overflow: auto
}

.trend-based-stories .trend-based-modal .trend-map-image {
    min-width: calc(100% + 200px);
    min-height: calc(100% + 200px);
    width: auto;
    background: url(clientlib-site/resources/images/trend-story-map.png) no-repeat;
    background-size: cover
}

.trend-based-stories .trend-based-modal .map-pin {
    width: 380px;
    min-height: 200px;
    -webkit-transform: translate(-190px, -75pt);
    transform: translate(-190px, -75pt)
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-pin {
        width: 300px
    }
}

.trend-based-stories .trend-based-modal .map-pin.active-region .trend-map-card {
    padding-left: 5pc
}

@media only screen and (min-width:768px) {
    .trend-based-stories .trend-based-modal .map-pin.active-region .trend-map-card {
        padding-left: 75pt
    }
}

@media only screen and (min-width:1200px) {
    .trend-based-stories .trend-based-modal .map-pin.active-region .trend-map-card {
        padding-left: 190px
    }
}

.trend-based-stories .trend-based-modal .map-pin.active-region .map-tag-list {
    text-align: left
}

.trend-based-stories .trend-based-modal .map-pin.region-NA .map-card.map-article-5.active {
    -webkit-transform: translate3d(-110px, 5pc, 0) scale(1);
    transform: translate3d(-110px, 5pc, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-NA .map-card.map-article-4.active {
    -webkit-transform: translate3d(500px, 200px, 0) scale(1);
    transform: translate3d(500px, 200px, 0) scale(1)
}

@media only screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-pin.region-NA .map-card.map-article-1.active {
        -webkit-transform: translate3d(-540px, -360px, 0) scale(1);
        transform: translate3d(-540px, -360px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-NA .map-card.map-article-2.active {
        -webkit-transform: translate3d(-60px, -25pc, 0) scale(1);
        transform: translate3d(-60px, -25pc, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-NA .map-card.map-article-4.active {
        -webkit-transform: translate3d(300px, 200px, 0) scale(1);
        transform: translate3d(300px, 200px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-NA .map-card.map-article-5.active {
        -webkit-transform: translate3d(-10pc, 70px, 0) scale(1);
        transform: translate3d(-10pc, 70px, 0) scale(1)
    }
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-pin.region-NA .map-card.map-article-1.active {
        -webkit-transform: translate3d(-260px, -360px, 0) scale(1);
        transform: translate3d(-260px, -360px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-NA .map-card.map-article-2.active {
        -webkit-transform: translate3d(20px, -260px, 0) scale(1);
        transform: translate3d(20px, -260px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-NA .map-card.map-article-3.active {
        -webkit-transform: translate3d(250px, 340px, 0) scale(1);
        transform: translate3d(250px, 340px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-NA .map-card.map-article-4.active {
        -webkit-transform: translate3d(260px, -75pt, 0) scale(1);
        transform: translate3d(260px, -75pt, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-NA .map-card.map-article-5.active {
        -webkit-transform: translate3d(0, 10pc, 0) scale(1);
        transform: translate3d(0, 10pc, 0) scale(1)
    }
}

.trend-based-stories .trend-based-modal .map-pin.region-IND .map-card.map-article-1.active {
    -webkit-transform: translate3d(-200px, -420px, 0) scale(1);
    transform: translate3d(-200px, -420px, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-IND .map-card.map-article-2.active {
    -webkit-transform: translate3d(-450px, -50px, 0) scale(1);
    transform: translate3d(-450px, -50px, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-IND .map-card.map-article-3.active {
    -webkit-transform: translate3d(360px, -25pc, 0) scale(1);
    transform: translate3d(360px, -25pc, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-IND .map-card.map-article-4.active {
    -webkit-transform: translate3d(90pt, 300px, 0) scale(1);
    transform: translate3d(90pt, 300px, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-IND .map-card.map-article-5.active {
    -webkit-transform: translate3d(-110px, 50px, 0) scale(1);
    transform: translate3d(-110px, 50px, 0) scale(1)
}

@media only screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-pin.region-IND .map-card.map-article-3.active {
        -webkit-transform: translate3d(300px, -25pc, 0) scale(1);
        transform: translate3d(300px, -25pc, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-IND .map-card.map-article-5.active {
        -webkit-transform: translate3d(-10pc, 50px, 0) scale(1);
        transform: translate3d(-10pc, 50px, 0) scale(1)
    }
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-pin.region-IND .map-card.map-article-1.active {
        -webkit-transform: translate3d(-200px, -360px, 0) scale(1);
        transform: translate3d(-200px, -360px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-IND .map-card.map-article-2.active {
        -webkit-transform: translate3d(-190px, 50px, 0) scale(1);
        transform: translate3d(-190px, 50px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-IND .map-card.map-article-3.active {
        -webkit-transform: translate3d(260px, -280px, 0) scale(1);
        transform: translate3d(260px, -280px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-IND .map-card.map-article-4.active {
        -webkit-transform: translate3d(75pt, 380px, 0) scale(1);
        transform: translate3d(75pt, 380px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-IND .map-card.map-article-5.active {
        -webkit-transform: translate3d(0, 10pc, 0) scale(1);
        transform: translate3d(0, 10pc, 0) scale(1)
    }
}

@media only screen and (min-width:768px) {
    .trend-based-stories .trend-based-modal .map-pin.region-EUR.map-pin.active-region .map-tag-list {
        text-align: right
    }
}

.trend-based-stories .trend-based-modal .map-pin.region-EUR .map-card.map-article-1.active {
    -webkit-transform: translate3d(-200px, 300px, 0) scale(1);
    transform: translate3d(-200px, 300px, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-EUR .map-card.map-article-2.active {
    -webkit-transform: translate3d(140px, -280px, 0) scale(1);
    transform: translate3d(140px, -280px, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-EUR .map-card.map-article-3.active {
    -webkit-transform: translate3d(860px, -5pc, 0) scale(1);
    transform: translate3d(860px, -5pc, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-EUR .map-card.map-article-4.active {
    -webkit-transform: translate3d(35pc, -450px, 0) scale(1);
    transform: translate3d(35pc, -450px, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-EUR .map-card.map-article-5.active {
    -webkit-transform: translate3d(25pc, 60px, 0) scale(1);
    transform: translate3d(25pc, 60px, 0) scale(1)
}

@media only screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-pin.region-EUR .map-card.map-article-1.active {
        -webkit-transform: translate3d(-75pt, 300px, 0) scale(1);
        transform: translate3d(-75pt, 300px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-EUR .map-card.map-article-3.active {
        -webkit-transform: translate3d(660px, -5pc, 0) scale(1);
        transform: translate3d(660px, -5pc, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-EUR .map-card.map-article-5.active {
        -webkit-transform: translate3d(310px, 60px, 0) scale(1);
        transform: translate3d(310px, 60px, 0) scale(1)
    }
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-pin.region-EUR .map-card.map-article-1.active {
        -webkit-transform: translate3d(-180px, -380px, 0) scale(1);
        transform: translate3d(-180px, -380px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-EUR .map-card.map-article-2.active {
        -webkit-transform: translate3d(75pt, -260px, 0) scale(1);
        transform: translate3d(75pt, -260px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-EUR .map-card.map-article-3.active {
        -webkit-transform: translate3d(280px, -5pc, 0) scale(1);
        transform: translate3d(280px, -5pc, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-EUR .map-card.map-article-4.active {
        -webkit-transform: translate3d(-200px, 350px, 0) scale(1);
        transform: translate3d(-200px, 350px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-EUR .map-card.map-article-5.active {
        -webkit-transform: translate3d(0, 10pc, 0) scale(1);
        transform: translate3d(0, 10pc, 0) scale(1)
    }
}

@media only screen and (min-width:768px) {
    .trend-based-stories .trend-based-modal .map-pin.region-APAC.map-pin.active-region .map-tag-list {
        text-align: right
    }
}

.trend-based-stories .trend-based-modal .map-pin.region-APAC .map-card.map-article-1.active {
    -webkit-transform: translate3d(-10pc, 260px, 0) scale(1);
    transform: translate3d(-10pc, 260px, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-APAC .map-card.map-article-2.active {
    -webkit-transform: translate3d(75pt, -260px, 0) scale(1);
    transform: translate3d(75pt, -260px, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-APAC .map-card.map-article-3.active {
    -webkit-transform: translate3d(50pc, 0, 0) scale(1);
    transform: translate3d(50pc, 0, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-APAC .map-card.map-article-4.active {
    -webkit-transform: translate3d(440px, 280px, 0) scale(1);
    transform: translate3d(440px, 280px, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-APAC .map-card.map-article-5.active {
    -webkit-transform: translate3d(25pc, 60px, 0) scale(1);
    transform: translate3d(25pc, 60px, 0) scale(1)
}

@media only screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-pin.region-APAC .map-card.map-article-3.active {
        -webkit-transform: translate3d(40pc, 0, 0) scale(1);
        transform: translate3d(40pc, 0, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-APAC .map-card.map-article-5.active {
        -webkit-transform: translate3d(310px, 60px, 0) scale(1);
        transform: translate3d(310px, 60px, 0) scale(1)
    }
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-pin.region-APAC .map-card.map-article-1.active {
        -webkit-transform: translate3d(-200px, -360px, 0) scale(1);
        transform: translate3d(-200px, -360px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-APAC .map-card.map-article-2.active {
        -webkit-transform: translate3d(90pt, -250px, 0) scale(1);
        transform: translate3d(90pt, -250px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-APAC .map-card.map-article-3.active {
        -webkit-transform: translate3d(270px, 20pc, 0) scale(1);
        transform: translate3d(270px, 20pc, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-APAC .map-card.map-article-4.active {
        -webkit-transform: translate3d(-5pc, 380px, 0) scale(1);
        transform: translate3d(-5pc, 380px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-APAC .map-card.map-article-5.active {
        -webkit-transform: translate3d(0, 10pc, 0) scale(1);
        transform: translate3d(0, 10pc, 0) scale(1)
    }
}

.trend-based-stories .trend-based-modal .map-pin.region-LATAM .map-card.map-article-5.active {
    -webkit-transform: translate3d(-110px, 60px, 0) scale(1);
    transform: translate3d(-110px, 60px, 0) scale(1)
}

@media only screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-pin.region-LATAM .map-card.map-article-1.active {
        -webkit-transform: translate3d(-500px, -360px, 0) scale(1);
        transform: translate3d(-500px, -360px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-LATAM .map-card.map-article-2.active {
        -webkit-transform: translate3d(-60px, -25pc, 0) scale(1);
        transform: translate3d(-60px, -25pc, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-LATAM .map-card.map-article-5.active {
        -webkit-transform: translate3d(-10pc, 60px, 0) scale(1);
        transform: translate3d(-10pc, 60px, 0) scale(1)
    }
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-pin.region-LATAM .map-card.map-article-1.active {
        -webkit-transform: translate3d(-15pc, -260px, 0) scale(1);
        transform: translate3d(-15pc, -260px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-LATAM .map-card.map-article-2.active {
        -webkit-transform: translate3d(40px, -15pc, 0) scale(1);
        transform: translate3d(40px, -15pc, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-LATAM .map-card.map-article-3.active {
        -webkit-transform: translate3d(260px, -180px, 0) scale(1);
        transform: translate3d(260px, -180px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-LATAM .map-card.map-article-4.active {
        -webkit-transform: translate3d(250px, 380px, 0) scale(1);
        transform: translate3d(250px, 380px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-LATAM .map-card.map-article-5.active {
        -webkit-transform: translate3d(0, 10pc, 0) scale(1);
        transform: translate3d(0, 10pc, 0) scale(1)
    }
}

.trend-based-stories .trend-based-modal .map-pin.region-GB .map-card.map-article-5.active {
    -webkit-transform: translate3d(-110px, 60px, 0) scale(1);
    transform: translate3d(-110px, 60px, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-GB .map-card.map-article-4.active {
    -webkit-transform: translate3d(-340px, 300px, 0) scale(1);
    transform: translate3d(-340px, 300px, 0) scale(1)
}

@media only screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-pin.region-GB .map-card.map-article-1.active {
        -webkit-transform: translate3d(-540px, -360px, 0) scale(1);
        transform: translate3d(-540px, -360px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-GB .map-card.map-article-2.active {
        -webkit-transform: translate3d(-60px, -25pc, 0) scale(1);
        transform: translate3d(-60px, -25pc, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-GB .map-card.map-article-5.active {
        -webkit-transform: translate3d(-10pc, 60px, 0) scale(1);
        transform: translate3d(-10pc, 60px, 0) scale(1)
    }
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-pin.region-GB .map-card.map-article-1.active {
        -webkit-transform: translate3d(-260px, -360px, 0) scale(1);
        transform: translate3d(-260px, -360px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-GB .map-card.map-article-2.active {
        -webkit-transform: translate3d(20px, -260px, 0) scale(1);
        transform: translate3d(20px, -260px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-GB .map-card.map-article-3.active {
        -webkit-transform: translate3d(260px, -140px, 0) scale(1);
        transform: translate3d(260px, -140px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-GB .map-card.map-article-4.active {
        -webkit-transform: translate3d(-280px, 380px, 0) scale(1);
        transform: translate3d(-280px, 380px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-GB .map-card.map-article-5.active {
        -webkit-transform: translate3d(0, 10pc, 0) scale(1);
        transform: translate3d(0, 10pc, 0) scale(1)
    }
}

.trend-based-stories .trend-based-modal .map-pin.region-ANZ .map-card.map-article-1.active {
    -webkit-transform: translate3d(-600px, -200px, 0) scale(1);
    transform: translate3d(-600px, -200px, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-ANZ .map-card.map-article-5.active {
    -webkit-transform: translate3d(-110px, 60px, 0) scale(1);
    transform: translate3d(-110px, 60px, 0) scale(1)
}

@media only screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-pin.region-ANZ .map-card.map-article-1.active {
        -webkit-transform: translate3d(-40pc, -260px, 0) scale(1);
        transform: translate3d(-40pc, -260px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-ANZ .map-card.map-article-2.active {
        -webkit-transform: translate3d(-200px, -300px, 0) scale(1);
        transform: translate3d(-200px, -300px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-ANZ .map-card.map-article-3.active {
        -webkit-transform: translate3d(200px, -300px, 0) scale(1);
        transform: translate3d(200px, -300px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-ANZ .map-card.map-article-4.active {
        -webkit-transform: translate3d(-75pt, 300px, 0) scale(1);
        transform: translate3d(-75pt, 300px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-ANZ .map-card.map-article-5.active {
        -webkit-transform: translate3d(-10pc, 60px, 0) scale(1);
        transform: translate3d(-10pc, 60px, 0) scale(1)
    }
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-pin.region-ANZ .map-card.map-article-1.active {
        -webkit-transform: translate3d(-280px, -60px, 0) scale(1);
        transform: translate3d(-280px, -60px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-ANZ .map-card.map-article-2.active {
        -webkit-transform: translate3d(60px, -300px, 0) scale(1);
        transform: translate3d(60px, -300px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-ANZ .map-card.map-article-3.active {
        -webkit-transform: translate3d(260px, -200px, 0) scale(1);
        transform: translate3d(260px, -200px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-ANZ .map-card.map-article-4.active {
        -webkit-transform: translate3d(200px, 380px, 0) scale(1);
        transform: translate3d(200px, 380px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-ANZ .map-card.map-article-5.active {
        -webkit-transform: translate3d(0, 10pc, 0) scale(1);
        transform: translate3d(0, 10pc, 0) scale(1)
    }
}

.trend-based-stories .trend-based-modal .map-pin.region-JP .map-card.map-article-1.active {
    -webkit-transform: translate3d(-600px, -10pc, 0) scale(1);
    transform: translate3d(-600px, -10pc, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-JP .map-card.map-article-5.active {
    -webkit-transform: translate3d(-110px, 60px, 0) scale(1);
    transform: translate3d(-110px, 60px, 0) scale(1)
}

@media only screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-pin.region-JP .map-card.map-article-2.active {
        -webkit-transform: translate3d(-75pt, -300px, 0) scale(1);
        transform: translate3d(-75pt, -300px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-JP .map-card.map-article-4.active {
        -webkit-transform: translate3d(200px, 300px, 0) scale(1);
        transform: translate3d(200px, 300px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-JP .map-card.map-article-5.active {
        -webkit-transform: translate3d(-10pc, 60px, 0) scale(1);
        transform: translate3d(-10pc, 60px, 0) scale(1)
    }
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-pin.region-JP .map-card.map-article-1.active {
        -webkit-transform: translate3d(-300px, -60px, 0) scale(1);
        transform: translate3d(-300px, -60px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-JP .map-card.map-article-2.active {
        -webkit-transform: translate3d(-90px, -280px, 0) scale(1);
        transform: translate3d(-90px, -280px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-JP .map-card.map-article-3.active {
        -webkit-transform: translate3d(200px, -280px, 0) scale(1);
        transform: translate3d(200px, -280px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-JP .map-card.map-article-4.active {
        -webkit-transform: translate3d(200px, 380px, 0) scale(1);
        transform: translate3d(200px, 380px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-JP .map-card.map-article-5.active {
        -webkit-transform: translate3d(0, 10pc, 0) scale(1);
        transform: translate3d(0, 10pc, 0) scale(1)
    }
}

.trend-based-stories .trend-based-modal .map-pin.region-MEA .map-card.map-article-1.active {
    -webkit-transform: translate3d(-500px, 300px, 0) scale(1);
    transform: translate3d(-500px, 300px, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-MEA .map-card.map-article-2.active {
    -webkit-transform: translate3d(-500px, -60px, 0) scale(1);
    transform: translate3d(-500px, -60px, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-MEA .map-card.map-article-3.active {
    -webkit-transform: translate3d(-5pc, -300px, 0) scale(1);
    transform: translate3d(-5pc, -300px, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-MEA .map-card.map-article-4.active {
    -webkit-transform: translate3d(420px, 200px, 0) scale(1);
    transform: translate3d(420px, 200px, 0) scale(1)
}

.trend-based-stories .trend-based-modal .map-pin.region-MEA .map-card.map-article-5.active {
    -webkit-transform: translate3d(-110px, 70px, 0) scale(1);
    transform: translate3d(-110px, 70px, 0) scale(1)
}

@media only screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-pin.region-MEA .map-card.map-article-4.active {
        -webkit-transform: translate3d(90pt, 300px, 0) scale(1);
        transform: translate3d(90pt, 300px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-MEA .map-card.map-article-5.active {
        -webkit-transform: translate3d(-10pc, 70px, 0) scale(1);
        transform: translate3d(-10pc, 70px, 0) scale(1)
    }
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-pin.region-MEA .map-card.map-article-1.active {
        -webkit-transform: translate3d(-200px, 360px, 0) scale(1);
        transform: translate3d(-200px, 360px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-MEA .map-card.map-article-2.active {
        -webkit-transform: translate3d(-200px, -60px, 0) scale(1);
        transform: translate3d(-200px, -60px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-MEA .map-card.map-article-3.active {
        -webkit-transform: translate3d(5pc, -300px, 0) scale(1);
        transform: translate3d(5pc, -300px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-MEA .map-card.map-article-4.active {
        -webkit-transform: translate3d(15pc, 380px, 0) scale(1);
        transform: translate3d(15pc, 380px, 0) scale(1)
    }

    .trend-based-stories .trend-based-modal .map-pin.region-MEA .map-card.map-article-5.active {
        -webkit-transform: translate3d(0, 10pc, 0) scale(1);
        transform: translate3d(0, 10pc, 0) scale(1)
    }
}

.trend-based-stories .trend-based-modal .trend-map-card {
    gap: 20px
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .trend-map-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
        gap: 0
    }
}

.trend-based-stories .trend-based-modal .map-cards-wrapper {
    top: 0;
    left: 0
}

.trend-based-stories .trend-based-modal .map-card {
    opacity: 0;
    width: 300px;
    height: auto;
    z-index: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translateZ(0) scale(0);
    transform: translateZ(0) scale(0)
}

.trend-based-stories .trend-based-modal .map-card .map-card-label {
    color: #e41165;
    padding: 0 24px;
    opacity: 0
}

@media screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-card .map-card-label {
        opacity: 1
    }
}

.trend-based-stories .trend-based-modal .map-card .map-card-label .map-label-icon {
    width: 24px;
    height: 24px;
    background-image: url(clientlib-site/resources/images/article-ico.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 4px
}

.trend-based-stories .trend-based-modal .map-card .map-card-label .map-label-text {
    text-transform: uppercase;
    font-size: .875rem;
    font-family: Basis-bold;
    line-height: 1.5rem;
    letter-spacing: .15em
}

@media screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-card .map-card-label .map-label-text {
        font-size: 9pt
    }
}

.trend-based-stories .trend-based-modal .map-card .three-line-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.trend-based-stories .trend-based-modal .map-card .map-card-link {
    text-decoration: none
}

.trend-based-stories .trend-based-modal .map-card .map-card-link.path-not-available {
    pointer-events: none
}

.trend-based-stories .trend-based-modal .map-card .map-card-image-wrap {
    border-radius: 4px
}

.trend-based-stories .trend-based-modal .map-card .map-card-image-wrap,
.trend-based-stories .trend-based-modal .map-card .map-profile-image {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important
}

.trend-based-stories .trend-based-modal .map-card.map-article-1.active {
    width: 4in;
    height: 312px;
    -webkit-transform: translate3d(-500px, -260px, 0) scale(1);
    transform: translate3d(-500px, -260px, 0) scale(1);
    opacity: 1
}

@media screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-1.active {
        -webkit-transform: translate3d(-340px, -260px, 0) scale(1);
        transform: translate3d(-340px, -260px, 0) scale(1);
        width: 329px
    }
}

@media screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-1.active {
        width: 231px;
        -webkit-transform: translate3d(-75pt, -460px, 0) scale(1);
        transform: translate3d(-75pt, -460px, 0) scale(1)
    }
}

.trend-based-stories .trend-based-modal .map-card.map-article-1 .map-card-link .map-card-image-wrap {
    height: 100%;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.trend-based-stories .trend-based-modal .map-card.map-article-1 .map-card-link .map-card-image-wrap:after {
    position: absolute;
    content: "";
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: linear-gradient(0deg, #000, transparent);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.trend-based-stories .trend-based-modal .map-card.map-article-1 .map-card-link .map-card-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 24px;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 1
}

@media screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-1 .map-card-link .map-card-text {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding-bottom: 1pc
    }
}

.trend-based-stories .trend-based-modal .map-card.map-article-1 .map-card-link .map-card-text .map-card-des {
    font-size: 24px;
    color: #fff;
    margin-bottom: 8px;
    padding: 0 24px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-family: Basis-regular;
    line-height: 140%;
    letter-spacing: .5px
}

@media screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-1 .map-card-link .map-card-text .map-card-des {
        font-size: 18px;
        padding: 0 1pc
    }
}

@media screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-1 .map-card-link .map-card-text .map-card-label {
        padding: 0 1pc
    }
}

.trend-based-stories .trend-based-modal .map-card.map-article-1 .map-card-link:hover .map-card-image-wrap {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.trend-based-stories .trend-based-modal .map-card.map-article-1 .map-card-link:hover .map-card-text {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.trend-based-stories .trend-based-modal .map-card.map-article-1 .map-card-link:hover .map-card-text .map-card-label {
    opacity: 1
}

.trend-based-stories .trend-based-modal .map-card.map-article-2 {
    width: 227px
}

.trend-based-stories .trend-based-modal .map-card.map-article-2 .map-card-label {
    display: none !important
}

.trend-based-stories .trend-based-modal .map-card.map-article-2 .map-card-image-wrap {
    height: 161px;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-2 .map-card-image-wrap {
        height: 168px
    }
}

@media screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-2 .map-card-image-wrap {
        height: 105px
    }
}

.trend-based-stories .trend-based-modal .map-card.map-article-2 .map-card-text .map-card-des {
    font-size: 18px;
    color: #fff;
    margin: 8px 0 0;
    font-family: Basis-regular;
    line-height: 140%;
    letter-spacing: .5px
}

@media screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-2 .map-card-text .map-card-des {
        font-size: 1pc;
        margin: 0
    }
}

.trend-based-stories .trend-based-modal .map-card.map-article-2.active {
    -webkit-transform: translate3d(0, -20pc, 0) scale(1);
    transform: translate3d(0, -20pc, 0) scale(1);
    opacity: 1
}

@media screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-2.active {
        -webkit-transform: translate3d(60px, -500px, 0) scale(1);
        transform: translate3d(60px, -500px, 0) scale(1);
        width: 237px
    }
}

@media screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-2.active {
        -webkit-transform: translate3d(-220px, -40px, 0) scale(1);
        transform: translate3d(-220px, -40px, 0) scale(1);
        width: 148px
    }
}

.trend-based-stories .trend-based-modal .map-card.map-article-2 .map-card-link:hover .map-card-des {
    text-decoration: underline
}

.trend-based-stories .trend-based-modal .map-card.map-article-3 {
    width: 280px
}

.trend-based-stories .trend-based-modal .map-card.map-article-3 .map-card-link .map-quote-icon {
    background: url(clientlib-site/resources/images/quote.svg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 36px;
    width: 49px;
    display: inline-block;
    margin-bottom: 1pc
}

@media screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-3 .map-card-link .map-quote-icon {
        width: 29px;
        height: 21px;
        margin-bottom: 10px
    }
}

.trend-based-stories .trend-based-modal .map-card.map-article-3 .map-card-link .map-card-des {
    color: #e41165;
    font-family: Basis-regular;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 1pc
}

@media screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-3 .map-card-link .map-card-des {
        font-size: 20px;
        margin-bottom: 10px
    }
}

.trend-based-stories .trend-based-modal .map-card.map-article-3 .map-card-link .map-quote-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #dfdee3;
    padding-bottom: 1pc;
    margin-bottom: 1pc
}

@media screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-3 .map-card-link .map-quote-profile {
        padding-bottom: 10px;
        margin-bottom: 10px
    }
}

.trend-based-stories .trend-based-modal .map-card.map-article-3 .map-card-link .map-quote-profile .map-profile-image {
    height: 3pc;
    min-width: 3pc;
    margin-right: 24px;
    border-radius: 50%
}

@media screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-3 .map-card-link .map-quote-profile .map-profile-image {
        height: 28px;
        min-width: 28px;
        margin-right: 14px
    }
}

.trend-based-stories .trend-based-modal .map-card.map-article-3 .map-card-link .map-quote-profile .map-artcle-author {
    font-family: Basis-bold;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2.1px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 4px
}

.trend-based-stories .trend-based-modal .map-card.map-article-3 .map-card-link .map-quote-profile .map-artcle-role {
    font-family: Basis-regular;
    font-size: 1pc;
    line-height: 24px;
    letter-spacing: .5px;
    color: #fff;
    margin-bottom: 0
}

.trend-based-stories .trend-based-modal .map-card.map-article-3 .map-card-link .map-card-label {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #e41165;
    opacity: 0;
    padding: 0
}

@media screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-3 .map-card-link .map-card-label {
        opacity: 1
    }
}

.trend-based-stories .trend-based-modal .map-card.map-article-3 .map-card-link .map-card-label .map-label-icon {
    width: 24px;
    height: 24px;
    background-image: url(clientlib-site/resources/images/article-ico.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 4px
}

.trend-based-stories .trend-based-modal .map-card.map-article-3 .map-card-link .map-card-label .map-label-text {
    text-transform: uppercase;
    font-size: .875rem;
    font-family: Basis-medium;
    line-height: 1.5rem;
    letter-spacing: .15em
}

.trend-based-stories .trend-based-modal .map-card.map-article-3 .map-card-link:hover .map-card-label {
    opacity: 1
}

.trend-based-stories .trend-based-modal .map-card.map-article-3.active {
    -webkit-transform: translate3d(460px, -15pc, 0) scale(1);
    transform: translate3d(460px, -15pc, 0) scale(1);
    opacity: 1
}

@media screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-3.active {
        -webkit-transform: translate3d(300px, -15pc, 0) scale(1);
        transform: translate3d(300px, -15pc, 0) scale(1);
        width: 328px
    }
}

@media screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-3.active {
        -webkit-transform: translate3d(250px, 280px, 0) scale(1);
        transform: translate3d(250px, 280px, 0) scale(1);
        width: 280px
    }
}

.trend-based-stories .trend-based-modal .map-card.map-article-4 {
    width: 295px;
    height: 312px
}

.trend-based-stories .trend-based-modal .map-card.map-article-4.active {
    -webkit-transform: translate3d(500px, 150px, 0) scale(1);
    transform: translate3d(500px, 150px, 0) scale(1);
    opacity: 1
}

@media screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-4.active {
        -webkit-transform: translate3d(300px, 15pc, 0) scale(1);
        transform: translate3d(300px, 15pc, 0) scale(1);
        width: 15pc
    }
}

@media screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-4.active {
        -webkit-transform: translate3d(250px, -380px, 0) scale(1);
        transform: translate3d(250px, -380px, 0) scale(1);
        width: 230px
    }
}

.trend-based-stories .trend-based-modal .map-card.map-article-4 .map-card-link .map-card-image-wrap {
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: 50%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.trend-based-stories .trend-based-modal .map-card.map-article-4 .map-card-link .map-card-image-wrap:after {
    position: absolute;
    content: "";
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: linear-gradient(0deg, #000, transparent);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.trend-based-stories .trend-based-modal .map-card.map-article-4 .map-card-link .map-card-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 1pc;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 1
}

@media screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-4 .map-card-link .map-card-text {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.trend-based-stories .trend-based-modal .map-card.map-article-4 .map-card-link .map-card-text .map-card-des {
    font-size: 18px;
    color: #fff;
    margin-bottom: 8px;
    padding: 0 24px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-family: Basis-regular;
    line-height: 140%;
    letter-spacing: .3px
}

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

    .trend-based-stories .trend-based-modal .map-card.map-article-4 .map-card-link .map-card-text .map-card-des,
    .trend-based-stories .trend-based-modal .map-card.map-article-4 .map-card-link .map-card-text .map-card-label {
        padding: 0 1pc
    }
}

.trend-based-stories .trend-based-modal .map-card.map-article-4 .map-card-link:hover .map-card-image-wrap {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.trend-based-stories .trend-based-modal .map-card.map-article-4 .map-card-link:hover .map-card-text {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.trend-based-stories .trend-based-modal .map-card.map-article-4 .map-card-link:hover .map-card-text .map-card-des {
    margin-bottom: 4px
}

.trend-based-stories .trend-based-modal .map-card.map-article-4 .map-card-link:hover .map-card-text .map-card-label {
    opacity: 1
}

.trend-based-stories .trend-based-modal .map-card.map-article-5 {
    width: 280px;
    background: #000;
    padding: 0
}

.trend-based-stories .trend-based-modal .map-card.map-article-5 .map-card-link {
    padding: 1pc;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 4px;
    background: #f4f3f9
}

.trend-based-stories .trend-based-modal .map-card.map-article-5.active {
    -webkit-transform: translate3d(-340px, 90pt, 0) scale(1);
    transform: translate3d(-340px, 90pt, 0) scale(1);
    opacity: 1
}

@media screen and (max-width:1199px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-5.active {
        -webkit-transform: translate3d(-15pc, 15pc, 0) scale(1);
        transform: translate3d(-15pc, 15pc, 0) scale(1);
        width: 15pc
    }
}

@media screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-card.map-article-5.active {
        -webkit-transform: translate3d(-70px, 200px, 0) scale(1);
        transform: translate3d(-70px, 200px, 0) scale(1);
        width: 230px
    }
}

.trend-based-stories .trend-based-modal .map-card.map-article-5 .map-region-card {
    font-family: Basis-bold;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2.1px;
    text-transform: uppercase;
    margin-bottom: 8px;
    color: #000
}

.trend-based-stories .trend-based-modal .map-card.map-article-5 .map-region-desc {
    font-family: Basis-regular;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: .5px;
    margin-bottom: 0;
    color: #000
}

.trend-based-stories .trend-based-modal .map-card-image-wrap .map-card-image {
    max-width: 100%
}

.trend-based-stories .trend-based-modal .map-label {
    padding: 4px 1pc;
    font-family: Basis-regular;
    display: inline-block;
    font-size: 18px;
    background: #fff;
    line-height: 24px;
    letter-spacing: .5px;
    border-radius: 75pt;
    margin-bottom: 20px
}

.trend-based-stories .trend-based-modal .map-label:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-label {
        font-size: 9pt
    }
}

.trend-based-stories .trend-based-modal .map-tag-list {
    text-align: right;
    min-width: 190px
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-tag-list {
        text-align: left
    }
}

.trend-based-stories .trend-based-modal .map-tag-list .map-tag-label {
    margin-bottom: 20px
}

.trend-based-stories .trend-based-modal .map-overview-card {
    padding: 24px;
    border-radius: 4px;
    width: 220px;
    min-width: 220px;
    background: #000;
    border: 2px solid #9e9fa3
}

.trend-based-stories .trend-based-modal .map-overview-card:hover {
    border: 2px solid #e41165
}

.trend-based-stories .trend-based-modal .map-overview-card.inactive {
    opacity: 0;
    visibility: hidden
}

.trend-based-stories .trend-based-modal .map-overview-card .map-region {
    letter-spacing: 2.1px;
    text-transform: uppercase;
    font-size: 9pt;
    color: #000;
    font-family: Basis-bold;
    margin-bottom: 0;
    line-height: 1pc;
    color: #fff
}

@media only screen and (max-width:767px) {
    .trend-based-stories .trend-based-modal .map-overview-card .map-region {
        font-size: 9pt
    }
}

.trend-based-stories .trend-based-modal .map-overview-card .map-stats {
    background: -webkit-gradient(linear, left top, right top, from(#007dc5), to(#7159b1));
    background: linear-gradient(90deg, #007dc5, #7159b1);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 72px;
    font-size: 56px;
    font-family: Basis-medium;
    margin-bottom: 8px
}

.trend-based-stories .trend-based-modal .map-overview-card .map-stats-dedc {
    line-height: 24px;
    letter-spacing: .5px;
    font-size: 1pc;
    font-family: Basis-regular;
    color: #fff
}

.trend-based-stories .trend-based-modal .map-overview-card .trend-explore-link {
    font-size: 18px;
    line-height: 2pc;
    letter-spacing: .5px;
    font-family: Basis-regular;
    color: #fff;
    display: inline-block;
    position: relative;
    padding-bottom: 4px;
    text-decoration: none
}

.trend-based-stories .trend-based-modal .map-overview-card .trend-explore-link:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #747678;
    left: 0;
    bottom: 0
}

body:not(.lc_mousedrag_is_mobile) .map-inner-wrapper {
    overflow: hidden !important;
    cursor: -webkit-grab !important;
    cursor: grab !important
}

.vertical-tab {
    padding: 4rem 0
}

@media screen and (max-width:1199px) {
    .vertical-tab {
        overflow: hidden
    }
}

.vertical-tab.vertical-tab-edit .swiper-slide {
    display: block;
    max-height: 575px
}

.vertical-tab .tab-section-title {
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    font-family: Basis-bold;
    color: #000;
    margin-bottom: 2rem
}

.vertical-tab .tab-section-heading {
    font-size: 2.5rem;
    line-height: 3pc;
    color: #000;
    font-family: Houschka-medium;
    line-height: 120%;
    margin-bottom: 2rem
}

.vertical-tab .tab-link {
    letter-spacing: .5px;
    color: #5e6162;
    margin-bottom: 2rem
}

.vertical-tab .tab-link .wwd-tab-text {
    line-height: 2rem;
    font-family: Basis-regular;
    font-size: 1.25rem
}

.vertical-tab .tab-link .tab-list-no {
    font-family: Basis-bold;
    color: #000;
    line-height: 1.5rem;
    font-size: 1rem
}

@media screen and (max-width:1199px) {
    .vertical-tab .tab-link .tab-list-no {
        font-size: .875rem
    }
}

.vertical-tab .tab-link.active {
    color: #000;
    padding-left: 1.5rem
}

.vertical-tab .tab-link.active:after {
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 4px;
    border-radius: 4px;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    position: absolute
}

.vertical-tab .tab-link.active .tab-list-no {
    color: #cd0f5b !important
}

.vertical-tab .tab-detail-box {
    padding: 2pc 3pc
}

.vertical-tab .tab-detail-box.text-with-asset-box {
    padding: 0
}

.vertical-tab .tab-detail-box.text-with-asset-box .asset-text-col {
    padding: 0 3pc 0 2pc !important
}

@media screen and (max-width:1199px) {
    .vertical-tab .tab-detail-box.text-with-asset-box {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .vertical-tab .tab-detail-box.text-with-asset-box .asset-text-col {
        padding: 0 24px !important
    }
}

.vertical-tab .tab-detail-box.text-with-asset-box .vertical-slide-heading {
    left: 50%;
    margin-left: 2pc
}

@media screen and (max-width:1199px) {
    .vertical-tab .tab-detail-box.text-with-asset-box .vertical-slide-heading {
        left: 24px;
        margin-left: 0
    }
}

.vertical-tab .tab-detail-box.text-with-asset-box:has(.no-asset-content) {
    padding: 2pc 3pc
}

@media screen and (max-width:1199px) {
    .vertical-tab .tab-detail-box.text-with-asset-box:has(.no-asset-content) {
        padding: 90px 24px 24px
    }
}

.vertical-tab .tab-detail-box.text-with-asset-box:has(.no-asset-content)>.vertical-slide-heading {
    left: 3pc;
    margin-left: 0
}

@media screen and (max-width:1199px) {
    .vertical-tab .tab-detail-box.text-with-asset-box:has(.no-asset-content)>.vertical-slide-heading {
        left: 24px
    }
}

.vertical-tab .tab-detail-box.text-with-asset-box:has(.asset-video) {
    padding: 2pc 3pc
}

@media screen and (max-width:1199px) {
    .vertical-tab .tab-detail-box.text-with-asset-box:has(.asset-video) {
        padding: 2pc 24px
    }
}

@media screen and (max-width:1199px) {
    .vertical-tab .tab-detail-box {
        padding: 90px 24px 24px;
        height: 100%;
        position: relative
    }

    .vertical-tab .tab-detail-box.text-with-asset-box {
        padding-top: 90px
    }
}

.vertical-tab .vertical-tab-swiper {
    height: 100%;
    width: 100%;
    height: auto;
    max-height: auto;
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.vertical-tab .vertical-tab-swiper .swiper-wrapper {
    height: 100% !important
}

@media screen and (min-width:1199px) {
    .vertical-tab .vertical-tab-swiper {
        overflow: hidden;
        max-height: 600px
    }

    .vertical-tab .vertical-tab-swiper .swiper-slide {
        height: 600px
    }

    .vertical-tab .vertical-tab-swiper .swiper-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.vertical-tab .vertical-tab-swiper .swiper-slide {
    height: 600px
}

@media screen and (max-width:1199px) {
    .vertical-tab .vertical-tab-swiper .swiper-slide {
        height: auto
    }
}

.vertical-tab .vertical-tab-swiper .swiper-pagination {
    position: absolute;
    right: 1pc;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1
}

@media screen and (max-width:1199px) {
    .vertical-tab .vertical-tab-swiper .swiper-pagination {
        display: none
    }
}

.vertical-tab .vertical-tab-swiper .swiper-pagination .swiper-pagination-bullet {
    width: 4px;
    height: 50px;
    background: #898a8d;
    display: block;
    margin-bottom: 8px
}

.vertical-tab .vertical-tab-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
}

.vertical-tab .text-box-asset {
    background: transparent !important
}

.vertical-tab .text-box-asset .intro-section {
    padding: 0
}

.vertical-tab .text-box-asset .intro-section .text-asset-row {
    margin: 0
}

@media screen and (min-width:1199px) {
    .vertical-tab .text-box-asset .intro-section .text-asset-row {
        height: 600px;
        max-height: 600px
    }
}

.vertical-tab .text-box-asset .intro-section .container,
.vertical-tab .text-box-asset .intro-section .cipher-custom-container {
    max-width: 100%
}

.vertical-tab .text-box-asset .intro-section .asset-empty-col {
    display: none
}

.vertical-tab .text-box-asset .intro-section .asset-col {
    padding: 0
}

.vertical-tab .text-box-asset .intro-section .asset-text-col {
    max-width: 100% !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media screen and (min-width:1199px) {
    .vertical-tab .text-box-asset .intro-section .asset-text-col {
        max-width: 50% !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

@media screen and (max-width:1199px) {
    .vertical-tab .text-box-asset .intro-section .asset-text-col {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
        margin-top: 0;
        margin-bottom: 1.5rem
    }
}

.vertical-tab .text-box-asset .intro-section .text-with-assets-image-innr-div .s7responsiveContainer {
    padding-top: 56.25%
}

.vertical-tab .text-box-asset .intro-section .intro-player-box .dynamic-media-image {
    position: absolute;
    height: 100%
}

.vertical-tab .text-box-asset .intro-section .rte-links-div a {
    color: #154b8c
}

.vertical-tab .text-box-asset .intro-section .rte-links-div a:hover {
    color: #0056b3
}

@media screen and (max-width:1199px) {
    .vertical-tab .text-box-asset.no-asset-content .text-asset-row {
        min-height: 575px
    }
}

.vertical-tab .text-box-asset.no-asset-content .intro-section .asset-text-col {
    max-width: 100% !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0 !important;
    margin-bottom: 0
}

.vertical-tab .text-box-asset.no-asset-content .intro-description {
    font-size: 2rem;
    line-height: 2pc;
    margin-bottom: .5rem
}

.vertical-tab .text-box-asset.asset-video .text-asset-row .asset-text-col {
    padding: 0 0 0 2pc !important
}

@media screen and (max-width:1199px) {
    .vertical-tab .text-box-asset.asset-video .text-asset-row .asset-text-col {
        padding: 90px 0 0 !important
    }
}

.vertical-tab .text-box-asset.asset-video .video-player-box.video-player-styling-new .video-ts-download {
    right: 24px
}

.vertical-tab .text-box-asset.asset-video .intro-description {
    margin-bottom: 1rem
}

.vertical-tab .tab-description-container .vertical-slide-heading {
    font-size: .875rem;
    font-family: Basis-bold;
    line-height: 24px;
    letter-spacing: 2.1px;
    color: #000;
    left: 3pc;
    top: 2pc
}

@media screen and (max-width:1199px) {
    .vertical-tab .tab-description-container .vertical-slide-heading {
        left: 24px
    }
}

.vertical-tab .tab-description-container .card {
    border: none
}

.vertical-tab .tab-description-container .card .tab-link {
    text-align: left;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #c9c9ce;
    border-radius: 0;
    padding-right: 40px;
    width: 100%
}

@media screen and (max-width:1199px) {
    .vertical-tab .tab-description-container .card .tab-link:before {
        content: "";
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
        height: 24px;
        width: 24px;
        border-radius: 4px;
        background: url(clientlib-site/resources/images/chevron-down-w.svg) no-repeat 50%;
        background-size: cover;
        position: absolute;
        -webkit-filter: invert(1);
        filter: invert(1)
    }
}

.vertical-tab .tab-description-container .card .card-header {
    background-color: transparent;
    padding: 0
}

.vertical-tab .tab-description-container .card .tab-link:not(.collapsed) {
    color: #000;
    padding-left: 1.5rem;
    border: none;
    margin-bottom: 24px;
    padding-bottom: 0
}

.vertical-tab .tab-description-container .card .tab-link:not(.collapsed):after {
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 4px;
    border-radius: 4px;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    position: absolute
}

.vertical-tab .tab-description-container .card .tab-link:not(.collapsed):before {
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg)
}

.vertical-tab .tab-description-container .card .tab-link:not(.collapsed) .tab-list-no {
    color: #cd0f5b !important
}

.vertical-tab .tab-description-container .card {
    background-color: transparent
}

.vertical-tab .tab-description-container .card .collapse.show {
    margin-bottom: 1.5rem
}

.vertical-tab .tab-description-container .card-body {
    border: none;
    padding: 0
}

.vertical-tab .tab-description-container .card-body.tab-bg-gray .tab-detail-box {
    background-color: #f4f3f9
}

.vertical-tab .tab-description-container .card-body.tag-bg-black .tab-detail-box {
    background-color: #000
}

.vertical-tab .tab-description-container .card-body.tab-bg-gray90 .tab-detail-box {
    background-color: #333737
}

.vertical-tab .tab-description-container .card-body.tab-bg-white .tab-detail-box {
    background-color: #fff
}

.vertical-tab.tab-bg-gray90 .card .tab-link:not(.collapsed):before,
.vertical-tab.tag-bg-black .card .tab-link:not(.collapsed):before {
    -webkit-filter: invert(0);
    filter: invert(0)
}

.vertical-tab .career-card-section {
    background-color: transparent;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:1199px) {
    .vertical-tab .career-card-section {
        height: 565px;
        max-height: 565px
    }
}

@media screen and (max-width:1199px) {
    .vertical-tab .career-card-section {
        height: 500px;
        max-height: 500px
    }
}

.vertical-tab .career-card-section .container,
.vertical-tab .career-card-section .container-fluid,
.vertical-tab .career-card-section .cipher-custom-container {
    max-width: 100%
}

.vertical-tab .career-card-section .content-card-row {
    margin: 0
}

.vertical-tab .career-card-section .content-card-row>.content-card-col {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 2rem;
    padding: 0
}

.vertical-tab .career-card-section .content-card-row>.content-card-col:last-child {
    margin: 0
}

.vertical-tab .career-card-section .content-card-row .card-vertical-divider:after {
    display: none
}

.vertical-tab .career-card-section .content-card-row .career-description ol,
.vertical-tab .career-card-section .content-card-row .career-description ul {
    margin: 24px 0;
    padding-left: 40px;
    position: relative
}

.vertical-tab .career-card-section .content-card-row .career-description ol li,
.vertical-tab .career-card-section .content-card-row .career-description ul li {
    font-size: 1.125rem;
    font-family: Basis-regular;
    line-height: 160%;
    letter-spacing: .5px;
    margin-bottom: 1rem;
    color: #000
}

.vertical-tab .career-card-section .content-card-row .career-description ol li:last-child,
.vertical-tab .career-card-section .content-card-row .career-description ul li:last-child {
    margin-bottom: 0
}

.vertical-tab .career-card-section .content-card-row .career-description ol:after,
.vertical-tab .career-card-section .content-card-row .career-description ul:after {
    content: "";
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0);
    height: 100%;
    width: 4px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px
}

.vertical-tab .career-card-section .career-card .career-description p {
    font-size: 1.125rem;
    font-family: Basis-regular;
    line-height: 160%;
    letter-spacing: .5px;
    margin-bottom: .75rem;
    color: #000 !important
}

.vertical-tab .career-card-section .career-card .career-title {
    font-family: Houschka-medium;
    font-size: 2rem;
    line-height: 40px;
    margin-bottom: .5rem;
    color: #000 !important
}

.vertical-tab .career-card-section .career-card .career-card-cta-btn.cipher-primary-btn {
    position: relative;
    font-family: Basis-medium;
    display: inline-block;
    color: #000 !important;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px;
    padding: 0;
    background: transparent
}

.vertical-tab .career-card-section .career-card .career-card-cta-btn.cipher-primary-btn:after {
    position: absolute;
    margin-left: .5rem;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 2.5rem;
    content: "";
    background: #e41165 url(clientlib-site/resources/images/arrow-right-w.svg) no-repeat 50%;
    background-size: .9375rem
}

.vertical-tab .career-card-section .career-card .career-card-cta-btn.cipher-primary-btn:hover {
    cursor: pointer
}

.vertical-tab .career-card-section .career-card .career-card-cta-btn.cipher-primary-btn:hover:after {
    -webkit-animation: hoverEffect .75s;
    animation: hoverEffect .75s
}

.vertical-tab .career-card-section .career-card:first-child {
    width: 100%
}

.vertical-tab .career-card-section .card-padding-left {
    padding-left: 0;
    width: 100% !important
}

.vertical-tab.tab-bg-gray {
    background-color: #f4f3f9
}

.vertical-tab.tab-bg-gray .tab-section-heading,
.vertical-tab.tab-bg-gray .tab-section-title {
    color: #000
}

.vertical-tab.tab-bg-gray .tab-list-no,
.vertical-tab.tab-bg-gray .wwd-tab-text {
    color: #747678
}

.vertical-tab.tab-bg-gray .tab-description-container .card .tab-link,
.vertical-tab.tab-bg-gray .tab-description-container .vertical-slide-heading {
    color: #000 !important
}

.vertical-tab.tab-bg-gray .tab-description-container .card .tab-link:before,
.vertical-tab.tab-bg-gray .tab-description-container .vertical-slide-heading:before {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.vertical-tab.tab-bg-gray .tab-description-container .career-card-section .career-card .career-card-cta-btn.cipher-primary-btn,
.vertical-tab.tab-bg-gray .tab-description-container .career-card-section .career-card .career-description p,
.vertical-tab.tab-bg-gray .tab-description-container .career-card-section .career-card .career-title,
.vertical-tab.tab-bg-gray .tab-description-container .career-card-section .career-description ul li,
.vertical-tab.tab-bg-gray .tab-description-container .content-link .arrow-text2,
.vertical-tab.tab-bg-gray .tab-description-container .intro-description,
.vertical-tab.tab-bg-gray .tab-description-container .intro-text p {
    color: #000 !important
}

.vertical-tab.tag-bg-black .tab-section-heading,
.vertical-tab.tag-bg-black .tab-section-title {
    color: #fff
}

.vertical-tab.tag-bg-black .tab-list-no,
.vertical-tab.tag-bg-black .wwd-tab-text {
    color: #898a8d
}

.vertical-tab.tag-bg-black .tab-description-container .card .tab-link,
.vertical-tab.tag-bg-black .tab-description-container .career-card-section .career-card .career-title,
.vertical-tab.tag-bg-black .tab-description-container .vertical-slide-heading {
    color: #fff !important;
    opacity: .9
}

.vertical-tab.tag-bg-black .tab-description-container .card .tab-link:before,
.vertical-tab.tag-bg-black .tab-description-container .career-card-section .career-card .career-title:before,
.vertical-tab.tag-bg-black .tab-description-container .vertical-slide-heading:before {
    -webkit-filter: invert(0);
    filter: invert(0)
}

.vertical-tab.tag-bg-black .tab-description-container .career-card-section .career-card .career-card-cta-btn.cipher-primary-btn,
.vertical-tab.tag-bg-black .tab-description-container .career-card-section .career-card .career-description p,
.vertical-tab.tag-bg-black .tab-description-container .career-card-section .career-card .career-title,
.vertical-tab.tag-bg-black .tab-description-container .career-card-section .career-description ul li,
.vertical-tab.tag-bg-black .tab-description-container .content-link .arrow-text2,
.vertical-tab.tag-bg-black .tab-description-container .intro-description,
.vertical-tab.tag-bg-black .tab-description-container .intro-text p {
    color: #fff !important;
    opacity: .9
}

.vertical-tab.tab-bg-gray90 .tab-list-no,
.vertical-tab.tab-bg-gray90 .tab-section-heading,
.vertical-tab.tab-bg-gray90 .tab-section-title,
.vertical-tab.tab-bg-gray90 .wwd-tab-text {
    color: #fff
}

.vertical-tab.tab-bg-gray90 .tab-list-no,
.vertical-tab.tab-bg-gray90 .wwd-tab-text {
    color: #898a8d
}

.vertical-tab.tab-bg-gray90 .tab-description-container .card .tab-link,
.vertical-tab.tab-bg-gray90 .tab-description-container .career-card-section .career-card .career-title,
.vertical-tab.tab-bg-gray90 .tab-description-container .vertical-slide-heading {
    color: #fff !important;
    opacity: .9
}

.vertical-tab.tab-bg-gray90 .tab-description-container .card .tab-link:before,
.vertical-tab.tab-bg-gray90 .tab-description-container .career-card-section .career-card .career-title:before,
.vertical-tab.tab-bg-gray90 .tab-description-container .vertical-slide-heading:before {
    -webkit-filter: invert(0);
    filter: invert(0)
}

.vertical-tab.tab-bg-gray90 .tab-description-container .career-card-section .career-card .career-card-cta-btn.cipher-primary-btn,
.vertical-tab.tab-bg-gray90 .tab-description-container .career-card-section .career-card .career-description p,
.vertical-tab.tab-bg-gray90 .tab-description-container .career-card-section .career-card .career-title,
.vertical-tab.tab-bg-gray90 .tab-description-container .career-card-section .career-description ul li,
.vertical-tab.tab-bg-gray90 .tab-description-container .content-link .arrow-text2,
.vertical-tab.tab-bg-gray90 .tab-description-container .intro-description,
.vertical-tab.tab-bg-gray90 .tab-description-container .intro-section .intro-description,
.vertical-tab.tab-bg-gray90 .tab-description-container .intro-text p {
    color: #fff !important;
    opacity: .9
}

.vertical-tab.tab-bg-white .tab-section-heading,
.vertical-tab.tab-bg-white .tab-section-title {
    color: #000
}

.vertical-tab.tab-bg-white .tab-list-no,
.vertical-tab.tab-bg-white .wwd-tab-text {
    color: #747678
}

.vertical-tab.tab-bg-white .tab-description-container .card .tab-link,
.vertical-tab.tab-bg-white .tab-description-container .career-card-section .career-card .career-title,
.vertical-tab.tab-bg-white .tab-description-container .vertical-slide-heading {
    color: #000 !important
}

.vertical-tab.tab-bg-white .tab-description-container .card .tab-link:before,
.vertical-tab.tab-bg-white .tab-description-container .career-card-section .career-card .career-title:before,
.vertical-tab.tab-bg-white .tab-description-container .vertical-slide-heading:before {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.vertical-tab.tab-bg-white .tab-description-container .career-card-section .career-card .career-card-cta-btn.cipher-primary-btn,
.vertical-tab.tab-bg-white .tab-description-container .career-card-section .career-card .career-description p,
.vertical-tab.tab-bg-white .tab-description-container .career-card-section .career-card .career-title,
.vertical-tab.tab-bg-white .tab-description-container .career-card-section .career-description ul li,
.vertical-tab.tab-bg-white .tab-description-container .intro-section .content-link .arrow-text2,
.vertical-tab.tab-bg-white .tab-description-container .intro-section .intro-description,
.vertical-tab.tab-bg-white .tab-description-container .intro-section .intro-text p {
    color: #000 !important
}

.generic-video-section .video-card-box {
    margin-right: 2rem
}

.generic-video-section .video-card-box .video-card-poster {
    height: 280px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    margin-bottom: 1rem
}

.generic-video-section .video-card-box .main-youtube-fallback-text,
.generic-video-section .video-card-box .youtube-iframe-wrapper iframe {
    width: 100%;
    height: 17.5rem
}

.generic-video-section .video-card-box .video-description {
    font-size: 1.5rem;
    line-height: 40px;
    letter-spacing: .5px;
    color: #000;
    font-family: Basis-regular;
    margin-bottom: .5rem
}

.generic-video-section .video-card-box .generic-video-time {
    color: #747678;
    font-size: .75rem;
    line-height: 1pc;
    letter-spacing: .15em;
    font-family: Basis-bold
}

.banner-video-modal.modal {
    display: block;
    visibility: hidden;
    z-index: -1050
}

.banner-video-modal.modal.show {
    visibility: visible;
    z-index: 1050
}

@media screen and (min-width:599px) {
    .multi-video-component-container .banner-video-modal.video-fullscreen .banner-video-duration {
        right: 21%;
        bottom: 21.25%
    }

    .multi-video-component-container .banner-video-modal.video-fullscreen .s7container,
    .multi-video-component-container .banner-video-modal.video-fullscreen .s7videoplayer {
        width: 70% !important;
        height: 70% !important;
        left: 15% !important;
        top: 15% !important
    }
}

.multi-video-component-container.cq-Editable-dom .custom-container.row>div {
    width: 33% !important
}

.multi-video-component-container.cq-Editable-dom .custom-container.row>div .main-youtube-fallback-text,
.multi-video-component-container.cq-Editable-dom .custom-container.row>div .video-card-poster,
.multi-video-component-container.cq-Editable-dom .custom-container.row>div .youtube-iframe-apper iframe {
    height: 250px !important
}

@media screen and (max-width:1199px) {
    .multi-video-component-container .container {
        max-width: 100%;
        overflow-x: scroll
    }
}

.multi-video-component-container .custom-container.row>div:last-child .video-card-box {
    margin-right: 0
}

@media screen and (max-width:1199px) {
    .multi-video-component-container .custom-container.row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media screen and (max-width:1199px) {
    .multi-video-component-container .custom-container.row>div {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 90% !important;
        padding-right: 0 !important
    }

    .multi-video-component-container .custom-container.row>div .main-youtube-fallback-text,
    .multi-video-component-container .custom-container.row>div .video-card-poster,
    .multi-video-component-container .custom-container.row>div .youtube-iframe-wrapper iframe {
        width: 100%;
        height: 27rem
    }
}

@media screen and (max-width:599px) {
    .multi-video-component-container .custom-container.row>div {
        width: 90% !important;
        padding-right: 0 !important
    }

    .multi-video-component-container .custom-container.row>div .main-youtube-fallback-text,
    .multi-video-component-container .custom-container.row>div .video-card-poster,
    .multi-video-component-container .custom-container.row>div .youtube-iframe-wrapper iframe {
        width: 100%;
        height: 14.1875rem !important
    }
}

.multi-video-component-container .w-50 .main-youtube-fallback-text,
.multi-video-component-container .w-50 .video-card-poster,
.multi-video-component-container .w-50 .youtube-iframe-wrapper iframe {
    width: 100%;
    height: 27pc
}

.multi-video-component-container .dark-theme-container .generic-video-section .video-card-box .video-description {
    color: #fff
}

.whats-hot-panel {
    padding: 2rem 0
}

.whats-hot-panel .whats-hot-section-heading {
    font-size: 2rem;
    line-height: 40px;
    color: #000;
    font-family: Houschka-medium;
    margin-bottom: 0
}

.whats-hot-panel .view-all-link {
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px;
    color: #000;
    font-family: Basis-regular
}

.whats-hot-panel .hot-slide-item {
    width: 33.33%
}

@media screen and (max-width:599px) {
    .whats-hot-panel .hot-slide-item {
        width: 90%
    }
}

.whats-hot-panel .cta-link-focus .hot-card-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.whats-hot-panel .cta-link-focus:focus,
.whats-hot-panel .cta-link-focus:hover {
    outline-offset: 4px !important
}

.whats-hot-panel .cta-link-focus:focus .hot-card-text,
.whats-hot-panel .cta-link-focus:hover .hot-card-text {
    display: block !important;
    max-height: 200px !important
}

.whats-hot-panel .cta-link-focus:focus .whats-hot-card-img,
.whats-hot-panel .cta-link-focus:hover .whats-hot-card-img {
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}

.whats-hot-panel .cta-link-focus:focus .hot-card:after,
.whats-hot-panel .cta-link-focus:hover .hot-card:after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #000), to(transparent));
    background: linear-gradient(0deg, #000 25%, transparent);
    opacity: 1
}

.whats-hot-panel .hot-card {
    height: 440px;
    width: 100%;
    margin-right: 1rem;
    font-family: Basis-regular;
    overflow: hidden;
    border-radius: .25rem
}

.whats-hot-panel .hot-card .whats-hot-card-img {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    height: 100%;
    width: 100%;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.whats-hot-panel .hot-card:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: linear-gradient(0deg, #000, transparent);
    opacity: .9;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    content: ""
}

.whats-hot-panel .hot-card .hot-card-tags .tag-list {
    font-size: .875rem;
    line-height: 1pc;
    letter-spacing: .5px;
    color: #000;
    padding: .5rem .75rem;
    margin-right: .5rem;
    background-color: #fff
}

.whats-hot-panel .hot-card .hot-card-tags .tag-text:last-child {
    margin-right: 0
}

.whats-hot-panel .hot-card .hot-card-tags {
    top: 0;
    left: 0;
    z-index: 1
}

.whats-hot-panel .hot-card .hot-card-body {
    left: 0;
    bottom: 40px;
    z-index: 1
}

.whats-hot-panel .hot-card .hot-card-body .hot-card-text {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: .5px;
    color: #fff;
    margin-bottom: .5rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    max-height: 102px
}

.whats-hot-panel .hot-card .hot-card-body .hot-card-cta-link {
    font-family: Basis-bold;
    font-style: normal;
    letter-spacing: 2.1px;
    font-size: .875rem;
    line-height: 1.5rem
}

.whats-hot-panel .hot-card .hot-card-body .hot-card-cta-link:after {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1pc
}

.whats-hot-panel .hot-card .hot-card-body .hot-card-cta-link.video-ico:after {
    background-image: url(clientlib-site/resources/images/video-ico.svg)
}

.whats-hot-panel .hot-card .hot-card-body .hot-card-cta-link.podcast-ico:after {
    background-image: url(clientlib-site/resources/images/podcast-ico-pink.svg)
}

.whats-hot-panel .hot-card .hot-card-body .hot-card-cta-link.article-ico:after {
    background-image: url(clientlib-site/resources/images/article-ico.svg)
}

.whats-hot-panel .whats-hot-slider-nav-button {
    background-size: 15px;
    width: 40px;
    height: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.whats-hot-panel .whats-hot-slider-nav-button.swiper-button-disabled {
    display: none
}

@media screen and (max-width:1199px) {
    .whats-hot-panel .whats-hot-slider-nav-button {
        display: none
    }
}

.whats-hot-panel .whats-hot-slider-prev {
    background: #000 url(clientlib-site/resources/images/arrow-left-w.svg) no-repeat 50%;
    left: -1.75rem
}

.whats-hot-panel .whats-hot-slider-next {
    background: #000 url(clientlib-site/resources/images/arrow-right-w.svg) no-repeat 50%;
    right: -1.75rem
}

.whats-hot-panel.whats-hot-dark-panel {
    background-color: #000
}

.whats-hot-panel.whats-hot-dark-panel .view-all-link {
    border-bottom: 1px solid #b4b4b8 !important
}

.whats-hot-panel.whats-hot-dark-panel .view-all-link,
.whats-hot-panel.whats-hot-dark-panel .whats-hot-section-heading {
    color: #fff
}

.whats-hot-panel.whats-hot-dark-panel .border-bottom.whats-hot-card-title {
    border-bottom: 1px solid #494c4d !important
}

@media screen and (min-width:1200px) {

    .whats-hot-panel.whats-hot-dark-panel .whats-hot-slider,
    .whats-hot-panel.whats-hot-light-panel .whats-hot-slider {
        overflow: hidden;
        padding: 8px 31px;
        margin-left: -31px;
        margin-right: -31px
    }
}

.whats-hot-panel.whats-hot-dark-panel .whats-hot-slider .whats-hot-slider-prev,
.whats-hot-panel.whats-hot-light-panel .whats-hot-slider .whats-hot-slider-prev {
    left: .5rem
}

.whats-hot-panel.whats-hot-dark-panel .whats-hot-slider .whats-hot-slider-prev:focus-visible,
.whats-hot-panel.whats-hot-light-panel .whats-hot-slider .whats-hot-slider-prev:focus-visible {
    outline-offset: .25rem
}

.whats-hot-panel.whats-hot-dark-panel .whats-hot-slider .whats-hot-slider-next,
.whats-hot-panel.whats-hot-light-panel .whats-hot-slider .whats-hot-slider-next {
    right: .5rem
}

.whats-hot-panel.whats-hot-dark-panel .whats-hot-slider .whats-hot-slider-next:focus-visible,
.whats-hot-panel.whats-hot-light-panel .whats-hot-slider .whats-hot-slider-next:focus-visible {
    outline-offset: .25rem
}

.whats-hot-panel.whats-hot-dark-panel .whats-hot-slider-next,
.whats-hot-panel.whats-hot-dark-panel .whats-hot-slider-prev {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.whats-hot-panel.whats-hot-dark-panel .whats-hot-slider .hot-card-cta-link:hover,
.whats-hot-panel.whats-hot-light-panel .whats-hot-slider .hot-card-cta-link:hover {
    text-decoration: underline
}

.whats-hot-panel .whats-hot-card-title {
    margin-bottom: 2rem
}

.whats-next {
    -webkit-transition: right .5s;
    transition: right .5s;
    position: fixed;
    color: #fff;
    right: -100%;
    max-width: 318px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 318px;
    top: 20%;
    z-index: 201;
    margin-top: 24px;
    background-color: #000;
    font-family: Basis-regular
}

.whats-next .icon-box {
    width: 15px;
    height: 15px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block
}

.whats-next .close-next {
    background-color: #000;
    position: absolute;
    top: 30px;
    left: -30px;
    border: none;
    text-align: center;
    width: 35px;
    height: 35px;
    outline: none;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

.whats-next .close-next .close-white-icon {
    background-image: url(clientlib-site/resources/images/whatsNextCard/icons/eye.svg);
    display: block;
    margin: 0 auto;
    background-size: 15px
}

.whats-next .close-next:focus {
    border: 1px solid #fff
}

.whats-next .whats-next-panel {
    padding: 2rem
}

.whats-next .whats-next-panel .wnext-heading {
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 1rem;
    font-family: Basis-bold
}

.whats-next .whats-next-panel .wnext-title {
    font-size: 1.5rem;
    line-height: 40px;
    letter-spacing: .5px;
    color: #fff
}

.whats-next .whats-next-panel .wnext-desc {
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .5px;
    color: #fff
}

.whats-next .whats-next-panel .arrow-text2 {
    color: #fff;
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    font-family: Basis-medium
}

.whats-next .whats-next-panel .arrow-text2.download-icon:after {
    background: #e41165 url(clientlib-site/resources/images/whatsNextCard/icons/arrow-download.svg) no-repeat 50%
}

.whats-next .whats-next-panel .arrow-text2:after {
    position: absolute;
    margin-left: .75rem;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    content: "";
    background: #e41165 url(clientlib-site/resources/images/whatsNextCard/icons/arrow-right-w.svg) no-repeat 50%;
    background-size: 1pc
}

@media screen and (max-width:1199px) {
    .whats-next {
        position: fixed;
        right: -100%;
        bottom: 0;
        max-width: 100%;
        width: 100%;
        border-radius: 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        top: auto
    }

    .whats-next,
    .whats-next.partial {
        -webkit-transition: all 1s;
        transition: all 1s
    }

    .whats-next.partial {
        bottom: 0 !important;
        right: 0 !important
    }

    .whats-next .close-next {
        display: block;
        left: auto;
        right: .5rem;
        top: 9pt
    }

    .whats-next .close-next .close-white-icon {
        background-image: url(clientlib-site/resources/images/whatsNextCard/icons/close-white.svg)
    }

    .whats-next .whats-next-panel {
        padding: 0
    }

    .whats-next .whats-next-panel .wnext-heading {
        padding: 1rem 2rem;
        margin-bottom: 0
    }

    .whats-next .whats-next-panel .wnext-heading:after {
        background-repeat: no-repeat;
        background-position: 50%;
        width: 24px;
        content: "";
        vertical-align: middle;
        height: 24px;
        background-image: url(clientlib-site/resources/images/chevron-down-w.svg);
        display: inline-block
    }

    .whats-next .whats-next-panel .wnext-heading.expanded:after {
        -webkit-transform: translateY(0) rotate(-180deg);
        transform: translateY(0) rotate(-180deg)
    }

    .whats-next .whats-next-panel .whats-next-content {
        display: none;
        padding: 1rem 2rem 2rem
    }

    .whats-next.closed {
        position: static;
        right: 0
    }

    .whats-next.closed .close-next {
        display: none
    }

    .whats-next.closed .whats-next-panel {
        right: 0 !important;
        bottom: 0;
        top: auto
    }

    .whats-next.closed .whats-next-panel .wnext-heading {
        padding: 1rem 2rem
    }

    .whats-next.closed .whats-next-panel .wnext-heading:after {
        display: none
    }

    .whats-next.closed .whats-next-panel .whats-next-content {
        display: block !important
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .whats-next .arrow-text2 {
        position: inherit;
        bottom: 1rem
    }
}

@media screen and (min-width:1200px) {
    .whats-next .wn-d-full {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.whats-next.partial {
    right: -15%
}

.whats-next.opened {
    right: 0;
    -webkit-transition: right .5s;
    transition: right .5s
}

.whats-next.opened .close-white-icon {
    background-image: url(clientlib-site/resources/images/whatsNextCard/icons/close-white.svg)
}

@media screen and (max-width:1199px) {
    .contact-button-top {
        bottom: 6rem !important
    }
}

.white-thankyou-form {
    border-top: .0625rem solid #dfdee3;
    border-bottom: .0625rem solid #dfdee3;
    padding: 2.3125rem 0
}

.white-thankyou-form .responseCheck {
    background: url(clientlib-site/resources/images/anonymousPoll/thankYouCheck.svg) 50% no-repeat;
    width: 2.125rem;
    height: 1.5rem
}

.white-thankyou-form .whiteThankYou-title {
    font-size: 3.5rem;
    line-height: 120%;
    font-family: Houschka-medium;
    margin: 1.6875rem 0 1rem
}

.white-thankyou-form .whiteThankYou-response {
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .5px;
    font-family: Basis-regular;
    color: #747678
}

.map-panel {
    height: 100vh;
    padding-top: 1rem
}

@media only screen and (max-width:992px) and (min-width:900px) {
    .map-panel {
        height: 72vh
    }
}

.map-panel.map-edit-mode {
    height: 25pc;
    background-color: #494c4d
}

.map-panel .map {
    left: 0;
    top: 2.5%
}

@media only screen and (max-width:992px) {
    .map-panel .map {
        top: 0
    }
}

.map-panel .view-all-link {
    background-color: #1e2222;
    font-size: 1.125rem;
    line-height: 2pc
}

.map-panel .country-tab-link,
.map-panel .view-all-link {
    color: #fff;
    letter-spacing: .5px;
    font-family: Basis-regular
}

.map-panel .country-tab-link {
    font-size: 1rem;
    line-height: 24px;
    padding-bottom: .75rem;
    margin-right: 1.5rem
}

.map-panel .country-tab-link.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(102.57deg, #d0121e, #f84d9f 100%, #f84d9f 0)
}

.map-panel .map-region-box {
    display: none;
    width: 280px;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
    background-color: #fff
}

.map-panel .map-region-box ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 6px;
    background-color: #d9d9d9
}

.map-panel .map-region-box ::-webkit-scrollbar {
    width: 6px;
    background-color: #d9d9d9
}

.map-panel .map-region-box ::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #000
}

.map-panel .map-region-box .map-region-list {
    min-height: auto;
    max-height: 58vh;
    overflow-y: auto;
    position: relative
}

.map-panel .map-region-box .region-tab-link {
    font-size: 1.125rem;
    line-height: 24px;
    letter-spacing: .5px;
    color: #000;
    font-family: Basis-regular;
    text-decoration: none
}

.map-panel .map-region-box .region-tab-link:before {
    position: absolute;
    margin-top: .7rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1rem;
    content: "";
    width: 20px;
    height: 20px;
    background: url(clientlib-site/resources/images/cipher-worldwide/acc-plus.svg) no-repeat 50%;
    background-size: 100%
}

.map-panel .map-region-box .region-tab-link.active:before {
    background: url(clientlib-site/resources/images/cipher-worldwide/acc-sub.svg) no-repeat 50%
}

.map-panel .map-region-box .region-tab-link.active:after {
    display: none
}

.map-panel .map-region-box .region-tab-link.a:hover {
    text-decoration: none
}

.map-panel .map-region-box .region-tab-link.active {
    color: #e41165;
    text-decoration: none
}

.map-panel .map-region-box .tab-content {
    position: relative
}

.map-panel .map-region-box .tab-content .location-tab-list {
    text-indent: -1pc;
    padding-left: 1pc
}

.map-panel .map-region-box .tab-content .location-tab-list .location-tab-link {
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .5px;
    color: #000;
    font-family: Basis-regular;
    padding-left: 1rem;
    text-decoration: none
}

.map-panel .map-region-box .tab-content .location-tab-list .location-tab-link.active {
    color: #e41165;
    text-decoration: none
}

.map-panel .map-info-box {
    display: none;
    right: 4rem;
    top: 50%;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    width: 280px;
    background-color: #fff
}

.map-panel .map-info-box .map-info-thumb {
    height: 8pc;
    background-repeat: no-repeat;
    background-color: #000;
    background-position: 50%;
    background-image: url(clientlib-site/resources/images/building_icon.svg)
}

@media only screen and (max-width:768px) {
    .map-panel .map-info-box .map-info-thumb {
        display: none !important
    }
}

.map-panel .map-info-box .map-info-close {
    right: .5rem;
    top: 1rem;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    width: 3pc;
    height: 3pc;
    background: url(clientlib-site/resources/images/cipher-worldwide/close-btn.svg) no-repeat 50%;
    background-size: cover
}

@media only screen and (max-width:768px) {
    .map-panel .map-info-box .map-info-close {
        width: 24px;
        height: 24px;
        top: 1.3rem
    }
}

.map-panel .map-info-box.popIn {
    display: block
}

.map-panel .map-info-box .map-info-head {
    padding: 24px
}

.map-panel .map-info-box .map-info-heading {
    font-size: .875rem;
    line-height: 24px;
    letter-spacing: .15em;
    color: #1e2222;
    font-family: Basis-bold
}

.map-panel .map-info-box .map-info-region {
    font-family: Basis-regular
}

.map-panel .map-info-box .map-info-region .map-info-title {
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #1e2222
}

.map-panel .map-info-box .map-info-region .map-info-address {
    font-size: .875rem;
    line-height: 18px;
    letter-spacing: .5px;
    color: #747678
}

.map-panel .map-info-box .map-info-region:before {
    left: 0;
    height: 100%;
    width: 4px;
    background-color: #e41165;
    content: "";
    border-radius: 4px;
    position: absolute
}

.map-panel .map-info-box .map-info-region .map-info-contact-text {
    font-size: .875rem;
    line-height: 18px;
    letter-spacing: .5px;
    color: #747678;
    font-weight: 700
}

.map-panel .map-info-box .map-info-link {
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    color: #e41165;
    font-family: Basis-bold
}

.map-panel .map-info-box .map-info-link .pin-icon-map {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #000;
    margin-left: 2.5rem;
    position: relative
}

.map-panel .map-info-box .map-info-link .pin-icon-map:before {
    content: "";
    background-image: url(clientlib-site/resources/images/cipher-worldwide/map-pin.svg);
    position: absolute;
    left: -2.5rem;
    top: 0;
    height: 1.5rem;
    width: 1.5rem
}

.map-panel .map-info-box .map-info-link .email-icon-map {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #000;
    margin-left: 2.5rem;
    position: relative
}

.map-panel .map-info-box .map-info-link .email-icon-map:before {
    content: "";
    background-image: url(clientlib-site/resources/images/cipher-worldwide/mail.svg);
    position: absolute;
    left: -2.5rem;
    top: 0;
    height: 1.5rem;
    width: 1.5rem
}

.map-panel .map-info-box .map-info-link .phone-icon-map {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #000;
    margin-left: 2.5rem;
    position: relative
}

.map-panel .map-info-box .map-info-link .phone-icon-map:before {
    content: "";
    background-image: url(clientlib-site/resources/images/cipher-worldwide/phones.svg);
    position: absolute;
    left: -2.5rem;
    top: 0;
    height: 1.5rem;
    width: 1.5rem
}

.map-panel .map-info-box .map-info-link .globe-icon-map {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: .03125rem;
    color: #000;
    margin-left: 2.5rem;
    position: relative
}

.map-panel .map-info-box .map-info-link .globe-icon-map:before {
    content: "";
    background-image: url(clientlib-site/resources/images/cipher-worldwide/globe.svg);
    position: absolute;
    left: -2.5rem;
    top: 0;
    height: 1.5rem;
    width: 1.5rem
}

.map-panel .map div.gmnoprint[role=menubar] {
    display: none
}

.map-panel .map-continent-desktop {
    display: block
}

.map-panel .map-container {
    top: -2.5%;
    height: 102.5%;
    left: 0
}

.map-panel .map-continent-list-acc {
    top: 0;
    display: none;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1e2222;
    overflow-y: auto;
    z-index: 1051;
    padding-top: 4rem
}

.map-panel .map-continent-list-acc .video-close {
    top: 1.5rem;
    right: 1.5rem
}

.map-panel .map-continent-list-acc .country-tab-link {
    padding: 1rem 0;
    border-bottom: 1px solid #494c4d;
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #fff;
    margin-right: 0
}

.map-panel .map-continent-list-acc .country-tab-link:before {
    position: absolute;
    top: 2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1rem;
    content: "";
    width: 14px;
    height: 14px;
    background: url(clientlib-site/resources/images/accrodion/plus-white.svg) no-repeat 50%;
    background-size: 100%
}

.map-panel .map-continent-list-acc .country-tab-link.active:before {
    background: url(clientlib-site/resources/images/accrodion/minus-white.svg) no-repeat 50%
}

.map-panel .map-continent-list-acc .country-tab-link.active:after {
    display: none
}

.map-panel .map-continent-list-acc .country-tab-link.active {
    color: #e41165;
    text-decoration: none
}

.map-panel .map-continent-list-acc .country-tab-link .tab-content {
    position: relative
}

.map-panel .map-continent-list-acc .country-tab-link .tab-content .region-tab-list .region-tab-link {
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .5px;
    color: #dfdee3;
    text-decoration: none
}

.map-panel .map-continent-list-acc .country-tab-link .tab-content .region-tab-list .region-tab-link:before {
    position: absolute;
    margin-top: 1.1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1rem;
    content: "";
    width: 14px;
    height: 14px;
    background: url(clientlib-site/resources/images/accrodion/plus-white.svg) no-repeat 50%;
    background-size: 100%
}

.map-panel .map-continent-list-acc .country-tab-link .tab-content .region-tab-list .region-tab-link.active:before {
    background: url(clientlib-site/resources/images/accrodion/minus-white.svg) no-repeat 50%
}

.map-panel .map-continent-list-acc .country-tab-link .tab-content .region-tab-list .region-tab-link.active:after {
    display: none
}

.map-panel .map-continent-list-acc .country-tab-link .tab-content .region-tab-list .region-tab-link.active {
    color: #e41165;
    text-decoration: none
}

.map-panel .map-continent-list-acc .country-tab-link .location-tab-list {
    text-indent: -1pc;
    padding-left: 1pc
}

.map-panel .map-continent-list-acc .country-tab-link .location-tab-list .location-tab-link {
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: .5px;
    color: #dfdee3;
    padding-left: 1rem;
    text-decoration: none
}

.map-panel .map-continent-list-acc .view-all-link {
    background-color: transparent
}

.map-panel .map-filter-search-dropdown {
    padding: 1rem 0;
    display: none;
    border-bottom: 1px solid #898a8d
}

.map-panel .map-filter-search-dropdown .map-area {
    font-family: Basis-regular;
    font-size: 1.125rem;
    line-height: 2pc;
    letter-spacing: .5px;
    color: #fff
}

.map-panel .map-filter-search-dropdown:after {
    position: absolute;
    content: "";
    right: 1rem;
    top: 1.5rem;
    height: 1pc;
    width: 1pc;
    background: url(clientlib-site/resources/images/chevron-down-c.svg) no-repeat 50%;
    background-size: 100%
}

.map-panel .gm-bundled-control-on-bottom .gmnoprint>div>div {
    display: none
}

.map-panel .gm-bundled-control-on-bottom .gmnoprint>div {
    background-color: #000 !important
}

@media only screen and (min-width:428px) {
    .map-panel .gm-bundled-control-on-bottom .gmnoprint>div {
        position: absolute;
        right: 25px
    }
}

.map-panel img[alt=Google] {
    display: none !important
}

@media only screen and (max-width:1199px) {
    .map-panel .map-filter-search-dropdown {
        display: block
    }

    .map-panel .map-continent-desktop {
        display: none
    }

    .map-panel .map-info-box {
        top: auto;
        bottom: -3%;
        right: auto;
        left: 50%;
        -webkit-transform: translateY(-20%) translateX(-50%);
        transform: translateY(-20%) translateX(-50%)
    }
}

@media only screen and (max-width:768px) {
    .map-panel .map-filter-search-dropdown {
        display: block
    }

    .map-panel .map-continent-desktop {
        display: none
    }

    .map-panel .map-info-box {
        top: auto;
        bottom: -3%;
        right: auto;
        left: 50%;
        -webkit-transform: translateY(-20%) translateX(-50%);
        transform: translateY(-20%) translateX(-50%)
    }

    .map-panel .map-info-box .map-info-close {
        right: 1.5rem
    }

    .map-panel .map-info-box .map-info-head {
        padding: 24px 24px 8px
    }

    .map-panel .map-info-link-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .map-panel .globe-icon-map,
    .map-panel .map-info-contact,
    .map-panel .map-info-direction,
    .map-panel .map-info-email {
        display: none
    }
}