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


/*
 *  Copyright 2018 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-carousel__content {
  position: relative;
}
.cmp-carousel__item {
  display: none;
}
.cmp-carousel__item--active {
  display: block;
}
.cmp-carousel__action {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cmp-carousel__indicators {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cmp-carousel__indicator {
  position: relative;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  margin: 0 7px;
  border-radius: 50%;
  font-size: 0;
  text-indent: -3000px;
  background-color: rgba(0, 0, 0, 0.5);
}
.cmp-carousel__indicator--active {
  background-color: rgba(0, 0, 0, 0.8);
}


/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define image */
.cmp-image__image {
  width: 100%;
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-search {
  position: relative;
}
.cmp-search__field {
  position: relative;
  height: 2rem;
}
.cmp-search__input {
  padding-left: 2rem;
  padding-right: 2rem;
  height: 100%;
  width: 100%;
}
.cmp-search__icon {
  display: block;
  position: absolute;
  left: .5rem;
  top: .5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik02NzIsMEM0MDYuOTAzLDAsMTkyLDIxNC45MDMsMTkyLDQ4MGMwLDk1LjcsMjguMDExLDE4NC44NTUsNzYuMjc1LDI1OS43MjVDMTgxLjY0Niw4MjYuMzU0LDQ4LjA3NSw5NTkuOTI1LDM2LDk3Mg0KCWMtMTgsMTgtMzYsMzYtMzYsNzJzMTgsNTQsMzYsNzJzMzYuMDEyLDM2LDcyLDM2czU0LTE4LDcyLTM2YzEyLjA3NS0xMi4wNzUsMTQ1LjY0Ni0xNDUuNjQ2LDIzMi4yNzUtMjMyLjI3NQ0KCUM0ODcuMTQ0LDkzMS45ODgsNTc2LjMsOTYwLDY3Miw5NjBjMjY1LjA5NywwLDQ4MC0yMTQuOTAzLDQ4MC00ODBDMTE1MiwyMTQuOTAzLDkzNy4wOTcsMCw2NzIsMHogTTY3Miw4MTYNCgljLTE4NS41NjgsMC0zMzYtMTUwLjQzMy0zMzYtMzM2YzAtMTg1LjU2OCwxNTAuNDMyLTMzNiwzMzYtMzM2YzE4NS41NjcsMCwzMzYsMTUwLjQzMiwzMzYsMzM2QzEwMDgsNjY1LjU2Nyw4NTcuNTY3LDgxNiw2NzIsODE2eiINCgkvPg0KPC9zdmc+DQo=");
  background-size: contain;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.cmp-search__loading-indicator {
  display: none;
  position: absolute;
  top: .5rem;
  left: .5rem;
  border: 3px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  animation: cmp-search__loading-indicator-spin 2s linear infinite;
}
@keyframes cmp-search__loading-indicator-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cmp-search__clear {
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.cmp-search__clear-icon {
  position: absolute;
  top: .5rem;
  right: .5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJYTUxJRF85XyIgZD0iTTgyLjYsOTM3LjJsMzYyLTM2Mkw4NCwyMTQuOGMtMTQuMS0xNC4xLTE0LjEtMzYuOSwwLTUxbDgxLjItODEuMmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsMzYwLjUsMzYwLjUNCglMOTM3LjIsODIuNmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsODEuMiw4MS4yYzE0LjEsMTQuMSwxNC4xLDM2LjksMCw1MUw3MDguOSw1NzUuM2wzNjAuNSwzNjAuNWMxNC4xLDE0LjEsMTQuMSwzNi45LDAsNTENCglsLTgxLjIsODEuMmMtMTQuMSwxNC4xLTM2LjksMTQuMS01MSwwTDU3Ni43LDcwNy41bC0zNjIsMzYyYy0xNC4xLDE0LjEtMzYuOSwxNC4xLTUxLDBsLTgxLjItODEuMg0KCUM2OC41LDk3NC4yLDY4LjUsOTUxLjMsODIuNiw5MzcuMnoiLz4NCjwvc3ZnPg0K");
  background-size: contain;
  width: 1rem;
  height: 1rem;
}
.cmp-search__results {
  display: none;
  overflow-y: auto;
  min-width: 100%;
  max-height: 10rem;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999999;
  border: 1px solid #ccc;
  background: #fff;
}
.cmp-search__item {
  display: block;
}
.cmp-search__item--is-focused {
  background-color: #ccc;
}


/*
 *  Copyright 2025 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-form-text .cmp-form-text__validation-message {
  visibility: hidden;
}
.cmp-form-text :invalid + .cmp-form-text__validation-message {
  visibility: visible;
}

/*
 *  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 &gt; .aem-Grid &gt; .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 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--1 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--1 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--1 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--1 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--1 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--2 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--2 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--2 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--2 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--2 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--3 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--3 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--3 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--4 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--4 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--4 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--4 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid &gt; .aem-GridColumn.aem-GridColumn--default--newline {
  /* newline behavior */
  display: block;
  clear: both !important;
}
.aem-Grid &gt; .aem-GridColumn.aem-GridColumn--default--none {
  /* none behavior */
  display: block;
  clear: none !important;
  float: left;
}
.aem-Grid &gt; .aem-GridColumn.aem-GridColumn--default--hide {
  /* hide behavior */
  display: none;
}
/* phone breakpoint */
@media (max-width: 768px) {
  .aem-Grid.aem-Grid--1 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--1 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--2 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--3 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid &gt; .aem-GridColumn.aem-GridColumn--phone--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid &gt; .aem-GridColumn.aem-GridColumn--phone--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
  }
  .aem-Grid &gt; .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 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--1 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--2 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--3 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid &gt; .aem-GridColumn.aem-GridColumn--tablet--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid &gt; .aem-GridColumn.aem-GridColumn--tablet--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
  }
  .aem-Grid &gt; .aem-GridColumn.aem-GridColumn--tablet--hide {
    /* hide behavior */
    display: none;
  }
}
/* force showing hidden components in unhide mode */
.aem-GridShowHidden &gt; .cmp-container &gt; .aem-Grid &gt; .aem-GridColumn {
  display: block !important;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, menu, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

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

*[hidden] {
    display: none;
}

body {
	line-height: 1;
}

menu, ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

:root {
    --venia-anim-bounce: cubic-bezier(0.5, 1.8, 0.9, 0.8);
    --venia-anim-in: cubic-bezier(0, 0, 0.2, 1);
    --venia-anim-out: cubic-bezier(0.4, 0, 1, 1);
    --venia-anim-standard: cubic-bezier(0.4, 0, 0.2, 1);
    --venia-border: 224, 224, 224;
    --venia-error: 192, 18, 63;
    --venia-error-alt: 255, 226, 234;
    --venia-font: Muli, -apple-system, BlinkMacSystemFont, sans-serif;
    --venia-grey: 246, 246, 246;
    --venia-grey-dark: 209, 209, 209;
    --venia-orange: 241, 99, 33;
    --venia-teal: 0, 115, 120;
    --venia-teal-alt: 224, 240, 241;
    --venia-teal-dark: 0, 104, 108;
    --venia-teal-light: 212, 243, 238;
    --venia-text: 33, 33, 33;
    --venia-text-alt: 112, 112, 112;
    --venia-text-hint: 158, 158, 158;
    --venia-text-spot: 255, 99, 51;
    --venia-warning-dark: 249, 93, 94;
    --venia-warning-light: 254, 229, 232;
    --venia-global-anim-bounce: cubic-bezier(0.5, 1.8, 0.9, 0.8);
    --venia-global-anim-in: cubic-bezier(0, 0, 0.2, 1);
    --venia-global-anim-out: cubic-bezier(0.4, 0, 1, 1);
    --venia-global-anim-standard: cubic-bezier(0.4, 0, 0.2, 1);
    --venia-global-color-blue-100: 194 200 255;
    --venia-global-color-blue-400: 61 132 255;
    --venia-global-color-blue-500: 51 109 255;
    --venia-global-color-blue-600: 41 84 255;
    --venia-global-color-blue-700: 31 57 255;
    --venia-global-color-blue-800: 23 43 196;
    --venia-global-color-gray-50: 255 255 255;
    --venia-global-color-gray-75: 250 250 250;
    --venia-global-color-gray-100: 244 245 245;
    --venia-global-color-gray-200: 234 235 235;
    --venia-global-color-gray-300: 223 225 226;
    --venia-global-color-gray-400: 181 184 186;
    --venia-global-color-gray-500: 149 154 157;
    --venia-global-color-gray-600: 118 123 127;
    --venia-global-color-gray-700: 84 93 99;
    --venia-global-color-gray-800: 51 63 71;
    --venia-global-color-gray-900: 23 32 38;
    --venia-global-color-gray: var(--venia-global-color-gray-100);
    --venia-global-color-gray-dark: var(--venia-global-color-gray-300);
    --venia-global-color-gray-darker: var(--venia-global-color-gray-600);
    --venia-global-color-green-400: 51 171 132;
    --venia-global-color-green-500: 45 157 120;
    --venia-global-color-green-600: 38 142 108;
    --venia-global-color-green-700: 18 128 92;
    --venia-global-color-orange: 241 99 33;
    --venia-global-color-red-400: 236 91 98;
    --venia-global-color-red-500: 227 72 80;
    --venia-global-color-red-600: 215 55 63;
    --venia-global-color-red-700: 201 37 45;
    --venia-global-color-red-800: 161 30 36;
    --venia-global-color-teal: var(--venia-global-color-blue-400);
    --venia-global-color-teal-dark: var(--venia-global-color-blue-600);
    --venia-global-color-teal-light: var(--venia-global-color-gray-100);
    --venia-global-color-background: var(--venia-global-color-gray-50);
    --venia-global-color-border: var(--venia-global-color-gray-300);
    --venia-global-color-error: var(--venia-global-color-red-700);
    --venia-global-color-text: var(--venia-global-color-gray-900);
    --venia-global-color-text-alt: var(--venia-global-color-gray-darker);
    --venia-global-color-text-hint: var(--venia-global-color-gray-500);
    --venia-global-color-warning-dark: var(--venia-global-color-red-700);
    --venia-global-color-warning-light: var(--venia-global-color-gray-100);
    --venia-brand-color-1-100: var(--venia-global-color-blue-100);
    --venia-brand-color-1-400: var(--venia-global-color-blue-400);
    --venia-brand-color-1-500: var(--venia-global-color-blue-500);
    --venia-brand-color-1-600: var(--venia-global-color-blue-600);
    --venia-brand-color-1-700: var(--venia-global-color-blue-700);
    --venia-brand-color-1-800: var(--venia-global-color-blue-800);
    --venia-global-fontFamily-sansSerif: 'Muli', sans-serif;
    --venia-global-fontFamily-serif: 'Source Serif Pro', serif;
    --venia-global-fontSize-50: 0.6875rem;
    --venia-global-fontSize-75: 0.75rem;
    --venia-global-fontSize-100: 0.875rem;
    --venia-global-fontSize-200: 1rem;
    --venia-global-fontSize-300: 1.125rem;
    --venia-global-fontSize-400: 1.25rem;
    --venia-global-fontSize-500: 1.375rem;
    --venia-global-fontSize-600: 1.5rem;
    --venia-global-fontSize-700: 1.75rem;
    --venia-global-fontSize-800: 2rem;
    --venia-global-fontSize-900: 2.25rem;
    --venia-global-fontSize-1000: 2.5rem;
    --venia-global-fontSize-1100: 3rem;
    --venia-global-fontSize-1200: 3.5rem;
    --venia-global-fontWeight-normal: 400;
    --venia-global-fontWeight-semibold: 600;
    --venia-global-fontWeight-bold: 700;
    --venia-global-lineHeight-100: 1;
    --venia-global-lineHeight-200: 1.25;
    --venia-global-lineHeight-300: 1.5;
    --venia-global-lineHeight-400: 1.75;
    --venia-global-lineHeight-500: 2;
    --venia-global-maxWidth: 1440px;
}

.gradient__tealtoblue{
        background: linear-gradient(
          210deg,
          #59c3c3 0%,
          #0174c3 100%
        );
    }

.gradient__bluetodark-blue{
        background: linear-gradient(
          210deg,
          #0174c3 0%,
          #083d77 100%
        );
    }

.gradient__bluetoteal{
        background: linear-gradient(
          82deg,
          #0174c3 0%,
          #59c3c3 69.89%
        );
    }

.gradient__redtodark-blue{
        background: linear-gradient(
          209deg,
          #f95738 21.59%,
          #083d77 105.23%
        );
    }

.gradient__tritone {
        background-image: linear-gradient(
          90deg,
          #083d77 0%,
          #f95738 35%,
          #f5d35e 100%
        );
    }

.gradient__blue {
        background-image: linear-gradient(
          90deg,
          #083d77 0%,
          #0174c3 100%
        );
    }

.gradient__redtoyellow {
        background-image: linear-gradient(
          90deg,
          #f95738 0%,
          #f5d35e 100%
        );
    }

.gradient__tritoneblue{
        background-image: linear-gradient(
          90deg,
          #083d77 0%,
          #57C1C2 20%,
          #59c3c3 100%
        );
    }

.gradient__bluetoteal{
        background-image: linear-gradient(
          90deg,
          #0174c3 0%,
          #59c3c3 100%
        );
    }

@font-face {
  font-display: swap;
  font-family: 'Roboto-Light';
  font-style: normal;
  src: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/fonts/Roboto-Light.woff2) format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto-Regular';
  font-style: normal;
  src: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/fonts/Roboto-Regular.woff2) format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto-Regular-Italic';
  font-style: italic;
  src: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/fonts/Roboto-Regular-Italic.woff2) format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto-Medium';
  font-style: normal;
  src: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/fonts/Roboto-Medium.woff2) format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto-Bold';
  font-style: normal;
  src: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/fonts/Roboto-Bold.woff2) format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-optical-sizing: auto;
  font-style: normal;
  src: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/fonts/RobotoCondensed-VariableFont_wght.woff2) format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FjallaOne-Thin';
  font-style: normal;
  src: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/fonts/FjallaOne-Regular.woff2) format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FjallaOne-Regular';
  font-style: normal;
  src: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/fonts/FjallaOne-Regular.woff2) format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FjallaOne-Medium';
  font-style: normal;
  src: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/fonts/FjallaOne-Regular.woff2) format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'FjallaOne-Bold';
  font-style: normal;
  src: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/fonts/FjallaOne-Regular.woff2) format('woff2');
}

body {
  background-color: #fff;
  color: #000000;
  font-size: calc(14px + 2 * ((100vw - 512px) / 512));
  font-family: 'Roboto-Light', 'Open Sans', sans-serif;
  line-height: 1.3;
}

@media screen and (min-width: 1024px) {

	body {
		font-size: 16px;
	}
}

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

	body {
		font-size: 14px;
	}
}

main {
  display: block;
}

small {
  font-size: calc(12px + 2 * ((100vw - 420px) / 860));
}

@media screen and (min-width: 1280px) {

	small {
		font-size: 14px;
	}
}

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

	small {
		font-size: 12px;
	}
}

pre,
code {
  font-family: monospace;
  line-height: 1.5rem;
}

button {
  background-color: transparent;
  font-size: 1rem;
}

i,
em {
  font-style: italic;
}

strong,
b {
  font-weight: 700;
}

blockquote,
q {
  margin: revert;
}

hr {
  margin: 8px 0;
}

body.digicert-body h3 {font-family: 'Roboto Condensed', sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wght" 400;font-weight: normal;
  }

@media only screen and (max-width:768px) {
    body.digicert-body h1,
    body.digicert-body h1&gt;span {
      font-size: 32px;
      line-height: 40px;
    }

    body.digicert-body h2 {
      font-size: 24px;
      line-height: 32px;
    }

    body.digicert-body h5,
    body.digicert-body h6 {
      font-size: 14px;
      line-height: 22px;
    }

    body.digicert-body small {
      font-size: 12px;
      line-height: 18px;
    }

    body.digicert-body h2,
    body.digicert-body h3 {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
    }

    body.digicert-body h3 {
      font-size: 22px;
      line-height: 28px;
    }

    body.digicert-body h4 {
      font-size: 20px;
      line-height: 24px;
    }

    body.digicert-body p {
      font-size: 18px;
      line-height: 22px;
    }
  }

body.digicert-body {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

.root .aem-Grid &gt; .newpar {
      display: none;
    }

a {
  color: #0f9dff;
}

.rich-text--right, .cmp-text--right {
    text-align: right;
  }

.rich-text--right .btn-container.horizontal, .cmp-text--right .btn-container.horizontal {
      justify-content: right;
    }

.rich-text--right .btn-container.vertical, .cmp-text--right .btn-container.vertical {
      margin-left: auto;
    }

.rich-text--left, .cmp-text--left {
    text-align: left;
  }

.rich-text--left .btn-container.horizontal, .cmp-text--left .btn-container.horizontal {
      justify-content: left;
    }

.rich-text--left .btn-container.vertical, .cmp-text--left .btn-container.vertical {
      margin-right: auto;
    }

.rich-text--center, .cmp-text--center {
    text-align: center;
  }

.rich-text--center .btn-container, .cmp-text--center .btn-container {
      justify-content: center;
    }

.rich-text--center .btn-container.vertical, .cmp-text--center .btn-container.vertical {
        margin-right: auto;
        margin-left: auto;
      }

.rich-text,
.cmp-text {
  font-weight: 400;
}

.rich-text h1,
  .rich-text h2,
  .rich-text h3,
  .rich-text h4,
  .rich-text h5,
  .rich-text h6,
  .cmp-text h1,
  .cmp-text h2,
  .cmp-text h3,
  .cmp-text h4,
  .cmp-text h5,
  .cmp-text h6 {
    margin-bottom: 2rem;
  }

.rich-text h1,
  .rich-text h2,
  .rich-text h3,
  .cmp-text h1,
  .cmp-text h2,
  .cmp-text h3 {
  }

.rich-text h5,
  .rich-text h6,
  .cmp-text h5,
  .cmp-text h6 {
    font-weight: revert;
  }

.rich-text h4, .cmp-text h4 {
    font-family: 'Roboto-Light', 'Open Sans', sans-serif;
    font-weight: 700;
  }

.rich-text p:last-child, .cmp-text p:last-child {
      margin-bottom: -7px;
    }

.rich-text button, .cmp-text button {
  }

.rich-text ol,
  .rich-text ul,
  .cmp-text ol,
  .cmp-text ul {
    list-style: revert;
    padding-left: revert;

    font-size: clamp(
      1rem,
      0.7760416666666666rem + 0.8333333333333334vw,
      1.25rem
    );
    list-style: revert;
    margin: revert;
    padding: revert;
  }

.rich-text ul, .cmp-text ul {
  }

.rich-text ol, .cmp-text ol {
  }

.rich-text a:not(.button), .cmp-text a:not(.button) {
    cursor: pointer;
    color: #0f9dff;
    text-decoration: none;
  }

.rich-text a:not(.button):hover,
    .rich-text a:not(.button):active,
    .rich-text a:not(.button):focus,
    .cmp-text a:not(.button):hover,
    .cmp-text a:not(.button):active,
    .cmp-text a:not(.button):focus {
      text-decoration: underline;
    }

.background--color_dc-blue .rich-text a:not(.button),
    .background--color_dc-dark-blue .rich-text a:not(.button),
    .background--color_black .rich-text a:not(.button),
    .background--color_gray-dark .rich-text a:not(.button),
    .background--color_dc-gray-medium .rich-text a:not(.button),
    .background--color_dc-blue .cmp-text a:not(.button),
    .background--color_dc-dark-blue .cmp-text a:not(.button),
    .background--color_black .cmp-text a:not(.button),
    .background--color_gray-dark .cmp-text a:not(.button),
    .background--color_dc-gray-medium .cmp-text a:not(.button) {
    }

.background--color_light-blue .rich-text a:not(.button),
    .background--color_electric-blue .rich-text a:not(.button),
    .background--color_gray .rich-text a:not(.button),
    .background--color_gray-light .rich-text a:not(.button),
    .background--color_gray-extra-light .rich-text a:not(.button),
    .background--color_yellow .rich-text a:not(.button),
    .background--color_red .rich-text a:not(.button),
    .background--color_orange .rich-text a:not(.button),
    .background--color_green .rich-text a:not(.button),
    .background--color_light-blue .cmp-text a:not(.button),
    .background--color_electric-blue .cmp-text a:not(.button),
    .background--color_gray .cmp-text a:not(.button),
    .background--color_gray-light .cmp-text a:not(.button),
    .background--color_gray-extra-light .cmp-text a:not(.button),
    .background--color_yellow .cmp-text a:not(.button),
    .background--color_red .cmp-text a:not(.button),
    .background--color_orange .cmp-text a:not(.button),
    .background--color_green .cmp-text a:not(.button) {
    }

.rich-text a:not(.button).txt-u-animate, .cmp-text a:not(.button).txt-u-animate {
      text-decoration: none;
    }

.rich-text u, .cmp-text u {
    border-bottom: 1px solid #909ca5;
    padding-bottom: 1.25rem;
    text-decoration: none;
  }

.text {
  margin: 0;
  width: inherit;
}

.cmp-text h1:last-child {
    margin-bottom: -13px;
  }

.cmp-text h2 {
    margin-bottom: calc(20px - 7px);
  }

.cmp-text h3 {
    margin-top: -6px;
    margin-bottom: calc(30px - 7px);
  }

.cmp-text h4 {
    margin-top: -5px;
    margin-bottom: 20px;
  }

.cmp-text h4:last-child {
      margin-bottom: -5px;
    }

.cmp-text h5 {
    margin-top: -7px;
    margin-bottom: calc(30px - 9px);
  }

.cmp-text h5:last-child {
      margin-bottom: -9px;
    }

.cmp-text h6 {
    margin-top: -5px;
    margin-bottom: calc(30px - 5px);
  }

.cmp-text h6:last-child {
      margin-bottom: -5px;
    }

.cmp-text img {
    max-width: calc(100vw - 14vw - 40px);
  }

.cmp-text p {
    margin-top: -6px;
    margin-bottom: calc(30px - 7px);
  }

.cmp-text p:last-child {
      margin-bottom: -7px;
    }

.cmp-text ol,
  .cmp-text ul {
    display: grid;
    grid-gap: 15px;
    font-size: 21px;
    margin-bottom: 20px;
    margin-top: 0;
  }

.cmp-text ol:last-child, .cmp-text ul:last-child {
      margin-bottom: 0px;
    }

.cmp-text ol,
  .cmp-text ul {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

.cmp-text ol.custom-bullet {
    list-style-type: none;
    margin-left: 0;
    font-size: 2pc;
    line-height: 38px;
    padding-left: 0px;
  }

.cmp-text ol.custom-bullet li {
      counter-increment: customlistcounter;
      display: table;
    }

.cmp-text ol.custom-bullet li::before {
      content: counter(customlistcounter, decimal-leading-zero) ' |';
      width: 45px;
      display: table-cell;
      text-align: left;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
    }

.cmp-text ol.custom-bullet {font-family: 'Roboto Condensed', sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wght" 400;font-weight: normal;
}

.cmp-text u {
    text-decoration: none;
    border-bottom: 1px solid #abb6bf;
    padding-bottom: 20px;
  }

.cmp-text .p1 {
    font-size: 21px;
  }

.cmp-text .p1:last-child {
      margin-bottom: 0px;
    }

.cmp-text h4 &gt; u, .cmp-text .underline &gt; u {
      display: block;
    }

.cmp-text ol {
    padding-left: 20px;
  }

.cmp-text ol li {
      margin-bottom: 15px;
    }

.cmp-text--right {
    text-align: right;
  }

.cmp-text--right .btn-container.horizontal {
      justify-content: right;
    }

.cmp-text--right .btn-container.vertical {
      margin-left: auto;
    }

.cmp-text--left {
    text-align: left;
  }

.cmp-text--left .btn-container.horizontal {
      justify-content: left;
    }

.cmp-text--left .btn-container.vertical {
      margin-right: auto;
    }

.cmp-text--center {
    text-align: center;
  }

.cmp-text--center .btn-container {
      justify-content: center;
    }

.cmp-text--center .btn-container.vertical {
      margin-right: auto;
      margin-left: auto;
    }

.cmp-text-center {
  text-align: center;
}

.cmp-text-left {
  text-align: left;
}

@media (max-width: 1024px) {
    .cmp-text h4 br,
    .cmp-text h5 br,
    .cmp-text h6 br,
    .cmp-text p br {
      display: none;
    }
}

@media (min-width: 768px) {
  .cmp-text img {
    max-width: calc(100vw - (15.4vw - 40px));
  }
}

@media (min-width: 910px) {
  .cmp-text img {
    max-width: calc(100vw - 180px);
  }
}

.vspacebtncomp-top.section {
  margin-top: 0 !important;
}

.geotrust-body .cmp-text :not(.descriptionBox) h1,
      .geotrust-body .cmp-text :not(.descriptionBox) h2,
      .geotrust-body .cmp-text :not(.descriptionBox) h3,
      .geotrust-body .cmp-text :not(.descriptionBox) h4,
      .geotrust-body .cmp-text :not(.descriptionBox) h5,
      .geotrust-body .cmp-text :not(.descriptionBox) h6 {font-family: 'Roboto-Bold', sans-serif;font-stretch: normal;
      }

.geotrust-body .cmp-text h2 {
      font-weight: revert;
      margin-bottom: calc(32px - 12px);font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
    }

.geotrust-body .cmp-text h4:last-child {
        margin-bottom: -7px;
      }

.geotrust-body .cmp-text h5 {
      margin-bottom: -6px;
    }@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:flex;flex-direction:row;position:relative;user-select:none;color:#334147;min-height:30px;width:100%;padding:3px;cursor:pointer;border:1px solid #909ca5;border-radius:4px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color 0.2s;overflow:hidden}.ss-main:focus{box-shadow:0 0 5px #5897fb}.ss-main.ss-disabled{background-color:#909ca5;cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:#334147}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:inline-flex;flex-wrap:wrap;gap:5px;flex:1 1 100%}.ss-main .ss-values .ss-placeholder{display:flex;padding:3px 5px 3px 5px;margin:auto 0px auto 0px;line-height:1em;align-items:center;width:100%;color:#8d8d8d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-max{display:flex;user-select:none;align-items:center;width:fit-content;font-size:12px;color:#fff;line-height:1;padding:3px 5px;background-color:#efefef;border-radius:4px}.ss-main .ss-values .ss-single{display:flex;margin:auto 0px auto 3px}.ss-main .ss-values .ss-value{display:flex;user-select:none;align-items:center;width:fit-content;background-color:#efefef;border-radius:4px;animation-name:ss-valueIn;animation-duration:0.2s;animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:0.2s;animation-timing-function:ease-out}.ss-main .ss-values .ss-value .ss-value-text{font-size:12px;color:#fff;line-height:1;padding:3px 5px}.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:7px;width:7px;padding:3px 5px;cursor:pointer;border-left:solid 1px #fff;box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:7px;width:7px}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:#fff;stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{flex:0 1 auto;display:flex;align-items:center;justify-content:center;width:fit-content;height:auto;padding:0 5px 0 5px}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:#334147;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;width:12px;height:12px;margin:auto 5px auto 5px}.ss-main .ss-arrow path{fill:none;stroke:#334147;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:0.2s}.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:300px;box-sizing:border-box;border:solid 1px #909ca5;background-color:#fff;transition:transform 0.2s,opacity 0.2s;opacity:0;transform:scaleY(0);transform-origin:center top;overflow:hidden;z-index:10000}.ss-content.ss-relative{position:relative;height:100%}.ss-content.ss-open-above{flex-direction:column-reverse;opacity:1;transform:scaleY(1);transform-origin:center bottom;border-top-left-radius:4px;border-top-right-radius:4px}.ss-content.ss-open-below{opacity:1;transform:scaleY(1);transform-origin:center top;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;padding:7px 7px 5px 7px}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0px;padding:5px 7px;margin:0;border:1px solid #909ca5;border-radius:4px;background-color:#fff;outline:0;text-align:left;box-sizing:border-box}.ss-content .ss-search input::placeholder{color:#8d8d8d;vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:0 0 5px #5897fb}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;height:auto;margin:0 0 0 5px;border:1px solid #909ca5;border-radius:4px}.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto 5px auto 5px}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:#334147;stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list{flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto}.ss-content .ss-list .ss-error{color:#f95738;padding:7px}.ss-content .ss-list .ss-searching{color:#334147;padding:7px}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{display:none !important}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:5px 7px 5px 7px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:bold;color:#334147}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:#f95738}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 3px 0 0}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:#5FAD4F;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:#334147;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:0.2s}.ss-content .ss-list .ss-optgroup .ss-option{padding:3px 3px 3px calc(7px*3)}.ss-content .ss-list .ss-option{display:block;padding:5px 7px 5px 7px;white-space:normal;color:#334147;cursor:pointer;user-select:none}.ss-content .ss-list .ss-option:hover{color:#fff;background-color:#efefef}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:#fff;background-color:#efefef}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:#909ca5}.ss-content .ss-list .ss-option.ss-disabled:hover{color:#334147}.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:#f5d35e}
.cmp-Mask__mask__root {
    background-color: black;
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition-duration: 192ms;
    transition-property: opacity, visibility;
    transition-timing-function: linear;
    visibility: hidden;
    width: 100%;
    z-index: 2;
    -webkit-appearance: none;
}
.cmp-Mask__mask__root_active {
    opacity: 0.5;
    transition-duration: 224ms;
    visibility: visible;
}
.cmp-Minicart__header__root {
    align-content: center;
    align-items: center;
    background-color: rgb(var(--venia-grey));
    box-shadow: 0 1px rgb(#e0e0e0);
    display: grid;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    grid-auto-rows: 3rem;
    grid-template-columns: 1fr;
    height: 3.5rem;
    justify-content: end;
    padding: 0 1rem;
    position: relative;
    z-index: 1;
}
.cmp-Minicart__header__title {
    align-items: center;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 400;
    margin-right: auto;
    padding: 0;
    text-transform: uppercase;
}
.cmp-LoadingIndicator__indicator__root {
    align-content: center;
    align-items: center;
    display: grid;
    gap: 3rem;
    height: calc(100% - 6rem);
    justify-content: center;
    justify-items: center;
    margin: 3rem 0;
    width: 100%;
}
.cmp-LoadingIndicator__indicator__global {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    height: 100%;
    width: 100%;
}
.cmp-LoadingIndicator__indicator__message {
    color: rgb(#707070);
    font-size: 1rem;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
}
.cmp-LoadingIndicator__indicator__indicator {
    animation-direction: alternate;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: cmp-LoadingIndicator__indicator__pulse;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes cmp-LoadingIndicator__indicator__pulse {
    0% {
        filter: grayscale(1);
        transform: scale(0.75) rotate(-540deg);
    }
    100% {
        filter: grayscale(0);
        transform: scale(1) rotate(0deg);
    }
}
.cmp-components__clickable__root {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    line-height: 1;
    pointer-events: auto;
    text-align: center;
    white-space: nowrap;
}
.cmp-Minicart__emptyMiniCartBody__root {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem;
    text-align: center;
}
.cmp-Minicart__emptyMiniCartBody__emptyTitle {
    font-size: 1.5rem;
    line-height: 1.25;
    margin-bottom: 1.5rem;
}
.cmp-Minicart__emptyMiniCartBody__continue {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    line-height: 1;
    pointer-events: auto;
    text-align: center;
    white-space: nowrap;
    background: none;
    border: 1px solid rgb(#212121);
    border-radius: 1.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    height: 2rem;
    min-width: 7.5rem;
    padding: 0 1rem;
    transition-duration: 384ms;
    transition-property: background-color, color;
    transition-timing-function: var(--venia-anim-standard);
    --color: #212121;
    color: white;
    background-color: rgb(#212121);
}
.cmp-Minicart__emptyMiniCartBody__continue:hover {
    color: white;
    background-color: rgb(#007378);
}
.cmp-Minicart__body__root {
    display: grid;
    grid-template-rows: min-content min-content min-content 1fr;
    overflow: auto;
}
.cmp-Minicart__product__root {
    position: relative;
    align-content: start;
    display: grid;
    grid-gap: 0 1rem;
    grid-template-areas:
        'image name'
        'image options'
        'image quantity';
    grid-template-columns: 80px 1fr;
    grid-template-rows: min-content minmax(54px, 1fr) min-content;
}
.cmp-Minicart__product__image {
    background-color: rgb(var(--venia-grey));
    border: solid 1px rgb(#e0e0e0);
    border-radius: 2px;
    grid-area: image;
    max-width: 80px;
    min-height: 100px;
}
.cmp-Minicart__product__name {
    font-size: 0.875rem;
    font-weight: 600;
    grid-area: name;
    padding-top: 0.125rem;
}
.cmp-Minicart__product__quantityRow {
    align-items: center;
    width: 100%;
}
.cmp-Minicart__product__quantity {
    align-items: flex-start;
    display: flex;
    grid-column: 2 / span 1;
    font-size: 13px;
    align-self: end;
}
.cmp-Minicart__product__quantityOperator {
    align-items: center;
    color: rgb(#707070);
    display: inline-flex;
    margin: 0 0.375rem;
}
.cmp-Minicart__product__price {
    align-items: center;
    display: inline-flex;
}
.cmp-Minicart__product__rowTotalRow {
    align-items: center;
    width: 100%;
    text-align: right;
}
.cmp-Minicart__product__rowTotal {
    align-items: center;
    display: inline-flex;
    float: right;
}
.cmp-Minicart__product__bundleOptions {
    padding: 3px 0 7px;
}
.cmp-Minicart__product__bundleOptionTitle {
    font-weight: 600;
    font-size: 0.9rem;
    margin: 7px 0 3px;
}
.cmp-Minicart__product__bundleOptionValue {
    font-size: 0.8rem;
    margin-bottom: 2px;
}
.cmp-Minicart__product__mask {
    position: absolute;
    left: -24px;
    right: -24px;
    top: -7px;
    bottom: -7px;
    background-color: rgb(var(--venia-grey));
    opacity: 0.5;
    z-index: 2;
}
.cmp-Minicart__kebab__root {
    display: inline-block;
    grid-row-start: 1;
    grid-row-end: 4;
    grid-column-start: 3;
    grid-column-end: 4;
    margin-top: 2px;
    position: relative;
}
.cmp-Minicart__kebab__dropdown {
    align-items: center;
    box-shadow: 0 0 1px rgb(0, 0, 0, 0.2);
    display: grid;
    position: absolute;
    right: 2px;
    top: 0;
    transition: 256ms ease-out;
    transform: scale(0);
    transform-origin: 100% 0;
    z-index: 3;
}
.cmp-Minicart__kebab__dropdown_active {
    position: absolute;
    transform: scale(1);
    transition: 250ms var(--venia-anim-bounce);
}
.cmp-Minicart__kebab__dropdown li {
    display: block;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid rgb(#e0e0e0);
}
.cmp-Minicart__kebab__dropdown li:hover {
    background-color: #eee;
}
.cmp-Minicart__kebab__kebab {
    outline: 0;
    border: none;
    background-color: #fff;
}
.cmp-Icon__icon__root {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    touch-action: manipulation;
}
.cmp-Minicart__section__menuItem button {
    width: 100%;
    padding: 0.6rem;
    padding-right: 1.6rem;
    padding-bottom: 0.72rem;
    display: flex;
    white-space: pre;
    box-sizing: border-box;
    text-align: left;
    align-items: center;
    justify-items: start;
    column-gap: 0.7rem;
}
.cmp-Minicart__section__text {
    padding-top: 1px;
    padding-left: 0.4rem;
    font-size: 11px;
}
.cmp-Minicart__productList__root {
    display: grid;
    grid-gap: 1rem;
    margin: 0 1.5rem;
    padding: 1.5rem 0;
}
.cmp-Button__button__root {
    background: none;
    border: 1px solid rgb(#212121);
    border-radius: 1.5rem;
    color: rgb(#212121);
    font-size: 0.75rem;
    font-weight: 600;
    height: 2rem;
    min-width: 7.5rem;
    padding: 0 1rem;
    transition-duration: 384ms;
    transition-property: background-color, color;
    transition-timing-function: var(--venia-anim-standard);
    --color: #212121;
}
.cmp-Button__button__filled {
    background-color: rgb(#212121);
    color: white;
}
.cmp-Button__button__root:hover {
    --color: #007378;
}
.cmp-Button__button__root:focus {
    box-shadow: 0 0 0 2px rgb(#d4f3ee), 0 0 0.5rem 2px rgba(0,115,120, 0.2);
    outline: none;
    transition-duration: 128ms;
    --color: #007378;
}
.cmp-Button__button__root:active {
    transition-duration: 128ms;
    --color: #00686c;
}
.cmp-Button__button__root:disabled {
    pointer-events: none;
    --color: var(--venia-grey-dark);
}
.cmp-Button__button__content {
    align-items: center;
    display: inline-grid;
    gap: 0.5rem;
    grid-auto-flow: column;
    justify-content: center;
    justify-items: center;
}
.cmp-Field__field__root {
    color: rgb(#212121);
    display: grid;
}
.cmp-Field__field__label {
    align-items: center;
    display: flex;
    font-size: 0.875rem;
    line-height: 1rem;
    padding: 0.375rem 0.125rem;
}
.cmp-Field__field__input {
    background: white;
    border: 1px solid rgb(#707070);
    border-radius: 2px;
    color: rgb(#212121);
    display: inline-flex;
    flex: 0 0 100%;
    font-size: 1rem;
    height: 2.25rem;
    margin: 0;
    padding: calc(0.375rem - 1px) calc(0.625rem - 1px);
    width: 100%;
    -webkit-appearance: none;
}
.cmp-Field__field__input:focus {
    border-color: rgb(#007378);
    box-shadow: 0 0 0 2px rgb(#d4f3ee), 0 0 0.5rem 2px rgba(0,115,120, 0.2);
    outline: none;
}
.cmp-Field__field__requiredSymbol {
    background-color: black;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    margin-right: 0.4rem;
}
.cmp-Field__fieldIcons__root {
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-areas: 'before input after';
    grid-template-columns: auto 1fr auto;
    height: 2.25rem;
}
.cmp-Field__fieldIcons__input {
    align-items: center;
    display: flex;
    grid-column: before-start / after-end;
    grid-row: input-start / input-end;
}
.cmp-Field__fieldIcons__input &gt; input {
    padding-left: calc(1.875rem * var(--iconsBefore) + 0.375rem - 1px);
    padding-right: calc(1.875rem * var(--iconsAfter) + 0.375rem - 1px);
}
.cmp-Field__fieldIcons__before,
.cmp-Field__fieldIcons__after {
    align-items: center;
    display: flex;
    justify-content: center;
    pointer-events: none;
    width: 2.25rem;
}
.cmp-Field__fieldIcons__before:empty,
.cmp-Field__fieldIcons__after:empty {
    display: none;
}
.cmp-Field__fieldIcons__before {
    grid-area: before;
}
.cmp-Field__fieldIcons__after {
    grid-area: after;
}
.cmp-Field__message__root {
    color: rgb(#212121);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    padding: 0.375rem 0.125rem 0.125rem;
}
.cmp-Field__message__root:empty {
    display: none;
}
.cmp-Field__message__root_error {
    color: rgb(#c0123f);
}
.cmp-Select__select__wrapper {
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-areas: 'input icon';
    grid-template-columns: auto 2.25rem;
    height: 2.25rem;
}
.cmp-Select__select__input {
    grid-area: input-start / input-start / input-end / icon-end;
    padding-right: calc(2.25rem - 1px);
}
.cmp-Minicart__cartOptions__root {
    display: grid;
    grid-template-rows: min-content 1fr;
    height: calc(100% - 3.5rem);
    left: 0;
    position: absolute;
    top: 3.5rem;
    width: 100%;
}
.cmp-Minicart__cartOptions__focusItem {
    box-shadow: 0 1px rgb(#e0e0e0);
    display: grid;
    gap: 2rem;
    grid-auto-flow: column;
    grid-template-columns: 1fr;
    padding: 1rem;
}
.cmp-Minicart__cartOptions__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cmp-Minicart__cartOptions__form {
    overflow: auto;
}
.cmp-Minicart__cartOptions__modal {
    visibility: hidden;
    height: 100%;
    width: 100%;
    background-color: rgb(var(--venia-grey));
    text-align: center;
    position: absolute;
    bottom: 0;
}
.cmp-Minicart__cartOptions__modal_active {
    visibility: visible;
    opacity: 0.9;
}
.cmp-Minicart__cartOptions__options {
    font-weight: bold;
}
.cmp-Minicart__cartOptions__quantity {
    border-color: rgb(#e0e0e0);
    border-style: solid;
    border-width: 0 0 1px;
    margin: 0 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.cmp-Minicart__cartOptions__quantityTitle {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}
.cmp-Minicart__cartOptions__save {
    align-items: center;
    background-color: white;
    display: grid;
    grid-auto-columns: min-content;
    grid-auto-flow: column;
    grid-gap: 0.75rem;
    height: 5rem;
    justify-content: center;
    justify-items: center;
    position: relative;
}
.cmp-Minicart__error__root {
    background-color: rgb(#fee5e8);
    box-shadow: 0 1px rgb(#e0e0e0);
    margin: 10px;
    padding: 10px;
}
.cmp-Minicart__error__root h2 {
    color: rgb(#f95d5e);
    padding-bottom: 0.83rem;
}
.cmp-Minicart__error__root .cmp-Minicart__error__action {
    padding: 10px 0;
    text-align: center;
}
.cmp-Minicart__couponForm__root {
    display: grid;
    grid-template-columns: auto 8rem;
    grid-gap: 1rem;
    margin: 0 1.5rem;
}
.cmp-Minicart__couponForm__root input {
    max-height: 32px;
}
.cmp-Minicart__couponForm__error {
    grid-column: 1 / 3;
    background-color: rgb(var(--venia-grey));
    border-radius: 4px;
    color: rgb(#c0123f);
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 1rem;
}
.cmp-Minicart__couponForm__error:empty {
    display: none;
}
.cmp-Minicart__couponItem__root {
    display: grid;
    grid-gap: 0 1rem;
    grid-template-columns: 1fr min-content;
    margin: 0 1.5rem;
}
.cmp-Minicart__couponItem__couponName {
    line-height: 1.5rem;
}
.cmp-Minicart__discountList__root {
    display: grid;
    grid-gap: 1rem;
    margin: 0 1.5rem;
    font-size: 14px;
    padding-bottom: 1.5rem;
}
.cmp-Minicart__discountList__item {
    display: grid;
    grid-template-columns: 75% auto;
}
.cmp-Minicart__discountList__price {
    text-align: right;
}
.cmp-Checkout__flow__root {
    position: relative;
}
.cmp-Checkout__flow__heading {
    background-color: white;
    font-size: 0.875rem;
    font-weight: 600;
    grid-column-end: span 2;
    line-height: 1rem;
    padding: 1.5rem 0 1.25rem;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}
.cmp-Checkout__flow__body {
    align-content: start;
    animation-duration: 224ms;
    animation-iteration-count: 1;
    animation-name: cmp-Checkout__flow__enter;
    background-color: white;
    bottom: 5rem;
    box-shadow: 0 -1px rgb(#e0e0e0);
    display: grid;
    grid-gap: 0.5rem;
    left: 0;
    max-height: calc(100vh - 8.5rem);
    overflow: auto;
    padding: 0 1.5rem;
    position: absolute;
    right: 0;
}
.cmp-Checkout__flow__footer {
    align-items: center;
    background-color: white;
    display: grid;
    grid-auto-columns: min-content;
    grid-auto-flow: column;
    grid-gap: 0.75rem;
    height: 5rem;
    justify-content: center;
    justify-items: center;
    position: relative;
}
@keyframes cmp-Checkout__flow__enter {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.cmp-Checkout__section__root {
    display: block;
    width: 100%;
    background-color: white;
    border: none;
}
.cmp-Checkout__section__root:focus {
    background-image: radial-gradient(circle, rgb(var(--venia-grey)), white);
    outline: 0 none;
}
.cmp-Checkout__section__content {
    align-items: center;
    border-bottom: 1px solid rgb(#e0e0e0);
    display: grid;
    gap: 1rem;
    grid-auto-flow: column;
    grid-template-columns: 5rem 1fr 2rem;
    justify-items: start;
    margin: 0 1.5rem;
    min-height: 4.5rem;
    padding: 1rem 0;
    text-align: left;
}
.cmp-Checkout__section__label {
    color: rgb(#007378);
    font-size: 14px;
    font-weight: 600;
}
.cmp-Checkout__section__summary {
    font-size: 13px;
    justify-self: stretch;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cmp-Checkout__section__icon {
    justify-self: center;
}
.cmp-Checkout__form__root {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
}
.cmp-Checkout__form__body {
    grid-gap: 0;
    padding: 0;
}
.cmp-Checkout__form__informationPrompt {
    color: rgb(#c0123f);
    text-transform: capitalize;
}
.cmp-Checkout__form__paymentDisplayPrimary {
    text-transform: capitalize;
}
.cmp-Checkout__form__paymentDisplaySecondary {
    display: block;
    text-transform: lowercase;
}
.cmp-Checkout__form__paymentDisplaySecondary::first-letter {
    text-transform: uppercase;
}
@keyframes cmp-Checkout__form__enter {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.cmp-AddressForm__addressForm__heading {
    background-color: white;
    font-size: 0.875rem;
    font-weight: 600;
    grid-column-end: span 2;
    line-height: 1rem;
    padding: 1.5rem 0 1.25rem;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}
.cmp-AddressForm__addressForm__body {
    align-content: start;
    animation-duration: 224ms;
    animation-iteration-count: 1;
    animation-name: cmp-AddressForm__addressForm__enter;
    background-color: white;
    bottom: 5rem;
    box-shadow: 0 -1px rgb(#e0e0e0);
    display: grid;
    grid-gap: 0.5rem;
    left: 0;
    max-height: calc(100vh - 8.5rem);
    overflow: auto;
    padding: 0 1.5rem;
    right: 0;
}
.cmp-AddressForm__addressForm__footer {
    align-items: center;
    background-color: white;
    display: grid;
    grid-auto-columns: min-content;
    grid-auto-flow: column;
    grid-gap: 0.75rem;
    height: 5rem;
    justify-content: center;
    justify-items: center;
    position: relative;
}
@keyframes cmp-AddressForm__addressForm__enter {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.cmp-AddressForm__addressForm__button {
    text-transform: capitalize;
}
.cmp-AddressForm__addressForm__textInput {
    background: white;
    border: 1px solid rgb(#707070);
    border-radius: 2px;
    color: rgb(#212121);
    display: inline-flex;
    flex: 0 0 100%;
    font-size: 0.9375rem;
    height: 2.25rem;
    padding: calc(0.375rem - 1px) calc(0.625rem - 1px);
    width: 100%;
}
.cmp-AddressForm__addressForm__textInput:focus {
    border-color: rgb(#212121);
    outline: 0 none;
}
.cmp-AddressForm__addressForm__city,
.cmp-AddressForm__addressForm__firstname,
.cmp-AddressForm__addressForm__lastname,
.cmp-AddressForm__addressForm__postcode,
.cmp-AddressForm__addressForm__region_code,
.cmp-AddressForm__addressForm__telephone {
    grid-column-end: span 1;
}
.cmp-AddressForm__addressForm__address_select,
.cmp-AddressForm__addressForm__email,
.cmp-AddressForm__addressForm__street0 {
    grid-column-end: span 2;
}
.cmp-AddressForm__addressForm__default_shipping,
.cmp-AddressForm__addressForm__save_in_address_book {
    grid-column-end: span 2;
    text-align: left;
}
.cmp-AddressForm__addressForm__validation {
    grid-column-end: span 2;
    line-height: normal;
}
.cmp-AddressForm__addressForm__error {
    color: rgb(#c0123f);
    grid-column-end: span 2;
    line-height: normal;
}
.cmp-AddressForm__addressSelect__root {
    grid-column-end: span 2;
}
.cmp-Checkbox__checkbox__root {
    align-items: center;
    color: rgb(#212121);
    display: inline-grid;
    font-size: 1rem;
    font-weight: 400;
    gap: 0.5rem;
    grid-auto-flow: column;
    grid-template-columns: auto;
    justify-items: center;
    margin: 0.5rem;
    vertical-align: top;
}
.cmp-Checkbox__checkbox__icon {
    align-items: center;
    display: inline-flex;
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
    height: 1.25rem;
    justify-content: center;
    width: 1.25rem;
    z-index: var(--base-z-index + 1, 1);
}
.cmp-Checkbox__checkbox__input {
    background: none;
    border: 1px solid rgb(#212121);
    border-radius: 2px;
    display: inline-flex;
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
    height: 1.25rem;
    margin: 0;
    width: 1.25rem;
    -webkit-appearance: none;
}
.cmp-Checkbox__checkbox__input:focus {
    border-color: rgb(#007378);
    box-shadow: 0 0 0 2px rgb(#d4f3ee), 0 0 0.5rem 2px rgba(0,115,120, 0.2);
    outline: none;
}
.cmp-Checkbox__checkbox__label {
    font-size: 1rem;
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
}
.cmp-Checkout__paymentsForm__body {
    min-height: 21rem;
}
.cmp-Checkout__paymentsForm__button {
    text-transform: capitalize;
}
.cmp-Checkout__paymentsForm__textInput {
    background: white;
    border: 1px solid rgb(#707070);
    border-radius: 2px;
    color: rgb(#212121);
    display: inline-flex;
    flex: 0 0 100%;
    font-size: 0.9375rem;
    height: 2.25rem;
    padding: calc(0.375rem - 1px) calc(0.625rem - 1px);
    width: 100%;
}
.cmp-Checkout__paymentsForm__textInput:focus {
    border-color: rgb(#212121);
    outline: 0 none;
}
.cmp-Checkout__paymentsForm__city,
.cmp-Checkout__paymentsForm__postcode,
.cmp-Checkout__paymentsForm__region_code {
    grid-column-end: span 1;
}
.cmp-Checkout__paymentsForm__address_check,
.cmp-Checkout__paymentsForm__address_select,
.cmp-Checkout__paymentsForm__email,
.cmp-Checkout__paymentsForm__braintree,
.cmp-Checkout__paymentsForm__save_in_address_book,
.cmp-Checkout__paymentsForm__street0 {
    grid-column-end: span 2;
}
.cmp-Checkout__paymentsForm__validation {
    color: rgb(#c0123f);
    font-size: 0.8125rem;
    grid-column-end: span 2;
}
[data-braintree-id='upper-container'] {
    z-index: unset;
}
.braintree-placeholder {
    display: none;
}
.cmp-Checkout__shippingForm__button {
    text-transform: capitalize;
}
.cmp-Checkout__shippingForm__shippingMethod {
    grid-column-end: span 1;
}
.cmp-Checkout__receipt__root {
    background-color: white;
    display: grid;
    grid-template-rows: 1fr auto;
    height: 100vh;
    left: 0;
    padding-top: 3.5rem;
    position: absolute;
    right: 0;
    bottom: 0;
}
.cmp-Checkout__receipt__body {
    padding: 1.5rem 1rem 1rem;
}
.cmp-Checkout__receipt__footer {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 1.5rem;
    padding: 1rem 0;
}
.cmp-Checkout__receipt__textBlock {
    margin: 1.5rem 0 1.5rem;
    line-height: 1.875rem;
    font-size: 0.875rem;
}
.cmp-Checkout__receipt__orderId {
    color: #22a1a8;
    text-decoration: underline;
}
.cmp-Checkout__receipt__header {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.25rem;
}
.cmp-Checkout__receipt__continue {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    line-height: 1;
    pointer-events: auto;
    text-align: center;
    white-space: nowrap;
    background: none;
    border: 1px solid rgb(#212121);
    border-radius: 1.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    height: 2rem;
    min-width: 7.5rem;
    padding: 0 1rem;
    transition-duration: 384ms;
    transition-property: background-color, color;
    transition-timing-function: var(--venia-anim-standard);
    --color: #212121;
    color: white;
    background-color: rgb(#212121);
}
.cmp-Checkout__receipt__continue:hover {
    color: white;
    background-color: rgb(#007378);
}
.cmp-Minicart__footer__root {
    background-color: white;
    padding: 0;
}
.cmp-Minicart__footer__root_open {
    z-index: 3;
}
.cmp-Minicart__footer__placeholderButton {
    text-align: center;
    margin: 1.5rem 0 1rem 0;
}
.cmp-Minicart__totalsSummary__root {
    box-shadow: 0 -1px rgb(#e0e0e0);
    line-height: 2rem;
    margin: 0 1.5rem;
    padding-top: 1.5rem;
}
.cmp-Minicart__totalsSummary__subtotalLabel {
    color: rgb(#707070);
}
.cmp-Minicart__totalsSummary__subtotalValue {
    font-weight: 600;
    margin-left: 0.5rem;
}
.cmp-Minicart__totalsSummary__totals {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.cmp-Minicart__totalsSummary__discounted {
    text-decoration: line-through;
}
.cmp-Minicart__totalsSummary__totalsDiscount {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.cmp-Minicart__minicart__root {
    --base-z-index: 4;
    --minicart-header-height: 3.5rem;
    align-content: start;
    background-color: white;
    bottom: 0;
    box-shadow: -1px 0 rgb(#e0e0e0);
    display: grid;
    grid-template-rows: min-content 1fr;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    transform: translate3d(100%, 0, 0);
    transition-duration: 192ms;
    transition-property: opacity, transform, visibility;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    visibility: hidden;
    width: 100%;
    max-width: 360px;
    z-index: 4;
}
.cmp-Minicart__minicart__root_open {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-duration: 224ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    visibility: visible;
}
.cmp-AuthBar__authBar__root {
    align-items: center;
    background-color: white;
    display: grid;
    gap: 0.75rem;
    grid-auto-flow: column;
    height: 5.5rem;
    justify-items: center;
}
.cmp-AuthBar__userChip__root {
    width: 100%;
}
.cmp-AuthBar__userChip__content {
    align-items: center;
    display: grid;
    font-size: 0.875rem;
    height: 5.5rem;
    gap: 0.5rem;
    grid-auto-flow: column;
    grid-template-columns: 3rem 1fr 3rem;
    line-height: 1rem;
    padding: 0 0.5rem;
    text-align: center;
}
.cmp-AuthBar__userChip__user {
    display: grid;
    gap: 0.25rem;
    grid-auto-flow: row;
    text-align: left;
}
.cmp-AuthBar__userChip__email {
    color: rgb(#707070);
}
.cmp-SignIn__signIn__root {
    display: grid;
    gap: 1.5rem;
    justify-items: stretch;
    padding: 1rem 1.5rem;
}
.cmp-SignIn__signIn__forgotPassword {
    display: block;
    text-decoration: underline;
    color: rgb(#c0123f);
    font-size: 0.8rem;
}
.cmp-SignIn__signIn__form {
    display: grid;
    row-gap: 1rem;
}
.cmp-SignIn__signIn__formTitle {
    padding: 1rem 0 0.5rem;
}
.cmp-SignIn__signIn__modal {
    visibility: hidden;
    height: 100%;
    width: 100%;
    background-color: rgb(var(--venia-grey));
    text-align: center;
    position: absolute;
    bottom: 0;
}
.cmp-SignIn__signIn__modal_active {
    visibility: visible;
    opacity: 0.9;
}
.cmp-SignIn__signIn__createAccountButton,
.cmp-SignIn__signIn__forgotPasswordButton,
.cmp-SignIn__signIn__signInButton {
    align-items: center;
    display: flex;
    text-align: center;
}
.cmp-SignIn__signIn__createAccountButton,
.cmp-SignIn__signIn__signInButton {
    justify-content: center;
}
.cmp-SignIn__signIn__createAccountButton button,
.cmp-SignIn__signIn__signInButton button {
    min-width: 10rem;
}
.cmp-SignIn__signIn__forgotPasswordButton {
    justify-content: flex-start;
}
.cmp-SignIn__signIn__signInButton {
    margin-top: 1rem;
}
.cmp-SignIn__signIn__signInError {
    background-color: rgb(var(--venia-grey));
    border-radius: 4px;
    color: rgb(#c0123f);
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 1rem;
}
.cmp-SignIn__signIn__signInError:empty {
    display: none;
}
.cmp-MyAccount__myAccount__root {
    display: grid;
    gap: 1rem;
    padding: 1.5rem;
}
.cmp-MyAccount__myAccount__user {
    display: grid;
    gap: 0.5rem;
    grid-auto-flow: row;
}
.cmp-MyAccount__myAccount__subtitle {
    color: rgb(#707070);
}
.cmp-MyAccount__accountLink__root {
    border-bottom: 1px solid rgb(#e0e0e0);
    width: 100%;
}
.cmp-MyAccount__accountLink__content {
    align-items: center;
    display: grid;
    gap: 0.5rem;
    grid-auto-flow: column;
    grid-template-columns: 2rem 1fr;
    height: 3rem;
    justify-items: start;
}
.cmp-MyAccount__accountLink__icon {
    align-items: center;
    color: rgb(#007378);
    display: flex;
    justify-content: center;
    justify-self: center;
}
.cmp-MyAccount__accountLink__text {
    font-size: 0.875rem;
    line-height: 1rem;
}
.cmp-ForgotPassword__forgotPasswordForm__root {
    display: grid;
    gap: 1rem;
    justify-items: stretch;
}
.cmp-ForgotPassword__forgotPasswordForm__buttonContainer {
    align-items: center;
    display: flex;
    justify-content: space-around;
    margin-top: 1rem;
    text-align: center;
}
.cmp-ForgotPassword__formSubmissionSuccessful__root {
    display: grid;
    gap: 1rem;
}
.cmp-ForgotPassword__formSubmissionSuccessful__text {
    background-color: rgb(var(--venia-grey));
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.25rem;
    padding: 1rem;
}
.cmp-ForgotPassword__formSubmissionSuccessful__buttonContainer {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    text-align: center;
}
.cmp-ForgotPassword__forgotPassword__root {
    display: grid;
    gap: 1.5rem;
    justify-items: stretch;
    padding: 1rem 1.5rem;
}
.cmp-ForgotPassword__forgotPassword__instructions {
    background-color: rgb(var(--venia-grey));
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.25rem;
    padding: 1rem;
}
.cmp-CreateAccount__createAccount__root {
    display: grid;
    gap: 1rem;
    justify-items: stretch;
    padding: 1rem 1.5rem;
}
.cmp-CreateAccount__createAccount__message {
    background-color: rgb(var(--venia-grey));
    border-radius: 4px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 1rem;
}
.cmp-CreateAccount__createAccount__message:empty {
    display: none;
}
.cmp-CreateAccount__createAccount__actions {
    display: flex;
    justify-content: space-around;
    margin-top: 1rem;
}
.cmp-CreateAccount__createAccount__error {
    color: rgb(#c0123f);
}
.cmp-CreateAccount__createAccount__subscribe {
    margin-left: -0.5rem;
}
.cmp-CreateAccount__createAccountSuccess__root {
    padding-top: 1.5rem;
}
.cmp-CreateAccount__createAccountSuccess__body {
    padding: 1.5rem 1rem 1rem;
}
.cmp-CreateAccount__createAccountSuccess__header {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.25rem;
}
.cmp-CreateAccount__createAccountSuccess__textBlock {
    margin: 1.5rem 0 1.5rem;
    line-height: 1.875rem;
    font-size: 0.875rem;
}
.cmp-CreateAccount__createAccountSuccess__signin {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    line-height: 1;
    pointer-events: auto;
    text-align: center;
    white-space: nowrap;
    background: none;
    border: 1px solid rgb(#212121);
    border-radius: 1.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    height: 2rem;
    min-width: 7.5rem;
    padding: 0 1rem;
    transition-duration: 384ms;
    transition-property: background-color, color;
    transition-timing-function: var(--venia-anim-standard);
    --color: #212121;
    color: white;
    background-color: rgb(#212121);
}
.cmp-CreateAccount__createAccountSuccess__signin:hover {
    color: white;
    background-color: rgb(#007378);
}
.cmp-CreateAccount__createAccountSuccess__actions {
    display: grid;
    justify-items: center;
    margin-top: 1rem;
}
.cmp-ChangePassword__changePassword__root {
    display: grid;
    gap: 1rem;
    padding: 1.5rem;
}
.cmp-ChangePassword__changePassword__message {
    background-color: rgb(var(--venia-grey));
    border-radius: 4px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 1rem;
}
.cmp-ChangePassword__changePassword__message:empty {
    display: none;
}
.cmp-ChangePassword__changePassword__actions {
    display: flex;
    justify-content: space-around;
    margin-top: 1rem;
}
.cmp-ChangePassword__changePassword__error {
    color: rgb(#c0123f);
}
.cmp-AuthBar__myAccountPanel__root {
    display: block;
}
.cmp-AuthBar__container__enter {
    transition-duration: 384ms;
    transition-timing-function: var(--venia-anim-in);
}
.cmp-AuthBar__container__exit {
    transition-duration: 192ms;
    transition-timing-function: var(--venia-anim-out);
}
.cmp-AuthBar__container__hidden {
    opacity: 0;
    visibility: hidden;
}
.cmp-AuthBar__container__visible {
    opacity: 1;
    visibility: visible;
}
.cmp-AuthBar__container__modal {
    background-color: white;
    bottom: 0;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 3.5rem;
    transform: translate3d(-100%, 0, 0);
    transition-property: opacity, transform, visibility;
}
.cmp-AuthBar__container__modal_open {
    transform: translate3d(0, 0, 0);
}
.cmp-CartTrigger__cartCounter__root {
    font-weight: 600;
    margin-left: 0.3rem;
}
.cmp-CartTrigger__cartTrigger__root {
    height: 3rem;
    min-width: 3rem;
}
.cmp-AccountContainer__accountTrigger__root {
    height: 3rem;
    min-width: 3rem;
}
.cmp-AccountContainer__accountTrigger__label {
    padding: 0 0.5rem;
}
.cmp-AccountContainer__accountDropdown__root {
    background-color: rgb(var(--venia-grey));
    display: grid;
    gap: 1rem;
    min-width: 22rem;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 3.3rem;
    transform: translate3d(-50%, 0, 0);
    transition-duration: 192ms;
    transition-property: opacity, transform, visibility;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    visibility: hidden;
    z-index: 4;
}
.cmp-AccountContainer__accountDropdown__root_open {
    opacity: 1;
    transition-duration: 224ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    visibility: visible;
}
.cmp-AccountContainer__accountDropdown__mask_active {
    opacity: 0;
}
.cmp-AddressBook__addressDeleteModal__root {
    align-items: center;
    background-color: rgba(var(--venia-grey), 0.8);
    bottom: 0;
    display: inline-flex;
    justify-content: space-around;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.cmp-AddressBook__addressItem__root {
    border: 1px solid rgb(#212121);
    border-radius: 5px;
    display: inline-flex;
    justify-content: space-between;
    min-height: 8rem;
    padding: 1.5rem;
    position: relative;
    width: 100%;
}
.cmp-AddressBook__addressItem__defaultTag {
    border: 1px solid rgb(#007378);
    border-radius: 5px;
    color: rgb(#007378);
    max-width: 4.5rem;
    padding: 0.5rem;
    text-align: left;
    margin-top: 0.5rem;
}
.cmp-AddressBook__addressItem__name,
.cmp-AddressBook__addressItem__street,
.cmp-AddressBook__addressItem__cityRegion,
.cmp-AddressBook__addressItem__country {
    text-align: left;
}
.cmp-AddressBook__addressItem__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.cmp-AddressBook__addressItem__editButton,
.cmp-AddressBook__addressItem__deleteButton {
    display: inline-flex;
    align-items: center;
}
.cmp-AddressBook__addressItem__icon {
    color: rgb(#007378);
    align-items: center;
    display: inline-flex;
    justify-content: center;
    touch-action: manipulation;
}
.cmp-AddressBook__addressItem__label {
    padding-left: 0.5rem;
}
.cmp-AddressBook__addAddressButton__root {
    align-items: center;
    border: 1px dotted rgb(#212121);
    border-radius: 5px;
    display: inline-flex;
    justify-content: center;
    min-height: 8rem;
    padding: 1.5rem;
    width: 100%;
}
.cmp-AddressBook__addAddressButton__icon {
    color: rgb(#007378);
    align-items: center;
    display: inline-flex;
    justify-content: center;
    touch-action: manipulation;
}
.cmp-AddressBook__addAddressButton__label {
    padding-left: 0.5rem;
}
.cmp-AddressBook__addressItemsContainer__root {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    grid-gap: 1rem;
}
@media (max-width: 424px) {
    .cmp-AddressBook__addressItemsContainer__root {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
}
.cmp-AddressBook__addressFormContainer__mask {
    cursor: auto;
    z-index: 10;
}
.cmp-AddressBook__addressFormContainer__container {
    background-color: white;
    left: 50%;
    max-width: 360px;
    position: absolute;
    top: 5rem;
    transform: translate(-50%);
    width: 100%;
    z-index: 11;
}
.cmp-AddressBook__addressBook__root {
    width: 100%;
    text-align: center;
    padding: 1rem;
}
.cmp-AddressBook__addressBook__title {
    margin-bottom: 1.5rem;
}
.cmp-ResetPassword__ResetPassword__root {
    padding: 1rem;
}
.cmp-ResetPassword__ResetPassword__fields {
    max-width: 300px;
}
.cmp-ResetPassword__ResetPassword__lead {
    background-color: rgb(var(--venia-grey));
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.25rem;
    padding: 1rem;
    margin: 1rem 0 1rem 0;
}
.cmp-ResetPassword__ResetPassword__submit {
    padding-top: 1rem;
}
.cmp-ResetPassword__ResetPassword__error {
    color: rgb(#c0123f);
    background-color: rgb(var(--venia-grey));
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.25rem;
    padding: 1rem;
    margin: 1rem 0 1rem 0;
}
.cmp-AccountDetails__accountDetails__root {
    display: grid;
    padding: 2.5rem 3rem;
    row-gap: 2rem;
    width: 100%;
    text-align: center;
    padding: 1rem;
    margin-top: 3rem;
}
.cmp-AccountDetails__accountDetails__lineItems {
    display: grid;
    grid-gap: 0.75rem;
    grid-template-columns: 1fr auto;
    line-height: 1.5rem;
}
.cmp-AccountDetails__accountDetails__lineItemLabel {
    font-weight: var(--venia-global-fontWeight-bold);
}
.cmp-AccountDetails__accountDetails__editInformationButton {
    margin: auto;
}
.cmp-AccountDetails__accountDetails__messageText {
    text-align: center;
    margin: auto;
}
@media (min-width: 961px) {
    .cmp-AccountDetails__accountDetails__accountDetails {
        display: grid;
        gap: 1rem;
        grid-template-columns: 1fr 1fr 1fr;
        margin: 3rem 1rem;
    }
}
@media (max-width: 960px) {
    .cmp-AccountDetails__accountDetails__lineItems {
        grid-template-columns: 1fr;
    }

    .cmp-AccountDetails__accountDetails__lineItemButton {
        text-align: center;
    }
}
.cmp-Dialog__dialog__root {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition-duration: 192ms;
    transition-timing-function: var(--venia-global-anim-out);
    transition-property: opacity, visibility;
    z-index: 3;
}
.cmp-Dialog__dialog__root_open {

    opacity: 1;
    visibility: visible;
    transition-duration: 224ms;
    transition-timing-function: var(--venia-global-anim-in);
}
.cmp-Dialog__dialog__form {
    height: 100%;
    width: 100%;
    display: grid;
    justify-content: center;
    align-content: center;
}
.cmp-Dialog__dialog__mask {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(var(--venia-global-color-gray-darker));
    opacity: 0.5;
}
.cmp-Dialog__dialog__dialog {
    background-color: rgb(var(--venia-global-color-background));
    border-radius: 5px;
    box-shadow: 1px 1px 5px rgb(var(--venia-global-color-gray-darker));
    height: 100%;
    max-height: 90vh;
    min-height: 360px;
    width: 640px;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
    pointer-events: auto;
    z-index: 4;
}
.cmp-Dialog__dialog__header {
    border-bottom: 1px solid rgb(var(--venia-global-color-border));
    height: 3.5rem;
    padding: 0 0.75rem 0 1rem;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr auto;
    column-gap: 1rem;
    align-items: center;
}
.cmp-Dialog__dialog__headerText {
    color: rgb(var(--venia-global-color-text-alt));
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25rem;
}
.cmp-Dialog__dialog__headerButton {
    justify-self: right;
}
.cmp-Dialog__dialog__body {
    overflow: auto;
    display: grid;
    grid-template-rows: 1fr auto;
}
.cmp-Dialog__dialog__contents {
    padding: 1rem;
}
.cmp-Dialog__dialog__buttons {
    padding: 2.5rem;

    display: grid;
    grid-auto-flow: column;
    gap: 1rem;
    justify-content: center;
}
@media (max-width: 960px) {
    .cmp-Dialog__dialog__root {
        left: auto;
        right: 0;
        transform: translate3d(100%, 0, 0);
        transition-property: opacity, transform, visibility;
    }

    .cmp-Dialog__dialog__root_open {
        transform: translate3d(0, 0, 0);
    }

    .cmp-Dialog__dialog__form {
        align-content: stretch;
        justify-content: end;
    }

    .cmp-Dialog__dialog__dialog {
        max-height: 100%;
        max-width: 360px;
    }

    .cmp-Dialog__dialog__buttons {
        grid-auto-flow: row;
    }

    .cmp-Dialog__dialog__confirmButton {
        order: -1;
    }
}
.cmp-FormError__formError__errorMessage {
    color: rgb(var(--venia-global-color-error));
    font-size: var(--venia-typography-body-S-fontSize);
    font-weight: var(--venia-global-fontWeight-semibold);
    line-height: var(--venia-global-lineHeight-300);
}
.cmp-LinkButton__linkButton__root {
    color: rgb(var(--venia-brand-color-1-700));
    font-size: var(--venia-global-fontSize-200);
    font-weight: var(--venia-global-fontWeight-semibold);
    text-decoration: underline;
    line-height: 1.25rem;
    max-width: 100%;
}
.cmp-LinkButton__linkButton__root:hover {
    color: rgb(var(--venia-global-color-gray-900));
}
.cmp-Password__password__passwordButton {

    --stroke: var(--venia-global-color-gray-500);
    background: none;
    border-radius: 0px;
    border-style: none;
    border-width: 0px;
    padding: 0px;
    min-width: 0px;
}
.cmp-Password__password__passwordButton:hover {
    --stroke: var(--venia-global-color-gray-700);
}
.cmp-Password__password__passwordButton:focus {
    box-shadow: none;
    --stroke: var(--venia-global-color-gray-700);
}
.cmp-Password__password__root:active {
    --stroke: var(--venia-global-color-gray-700);
}
.cmp-AccountDetails__editForm__root {
    display: grid;
    gap: 0.5rem 1.5rem;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}
.cmp-AccountDetails__editForm__field {
    grid-column-end: span 2;
}
.cmp-AccountDetails__editForm__buttons {
    display: grid;
    gap: 1rem;
    grid-auto-flow: column;
    justify-self: center;
    padding: 1rem;
}
.cmp-AccountDetails__editForm__changePasswordButtonContainer {
    padding-top: 1rem;
}
.cmp-AccountDetails__editForm__changePasswordButton {
    padding-top: 1rem;
}
@media (max-width: 960px) {
    .cmp-AccountDetails__editForm__firstname,
    .cmp-AccountDetails__editForm__lastname,
    .cmp-AccountDetails__editForm__password,
    .cmp-AccountDetails__editForm__newPassword {
        grid-column: 1 / span 2;
    }
}
.cmp-ProductRecsGallery__ProductRecsGallery__root {
    margin: 25px auto;
}
.cmp-ProductRecsGallery__ProductRecsGallery__container {
    width: 100%;
    text-align: center;
}
.cmp-ProductRecsGallery__ProductRecsGallery__title {
    text-align: center;
    margin-bottom: 10px;
    color: #333;
}
.cmp-ProductRecsGallery__ProductCard__card {
    display: inline-block;
    border: 10px solid #fff;
    font-size: 20px;
    text-align: center;
    width: 240px;
}
.cmp-ProductRecsGallery__ProductCard__cardImage {
    height: 243px;
}
.cmp-ProductRecsGallery__ProductCard__productImage {
    max-width: 240px;
    max-height: 240px;
}
.cmp-ProductRecsGallery__ProductCard__card button {
    margin: 1px;
}
.cmp-ProductRecsGallery__ProductCard__addToCart {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    line-height: 1;
    pointer-events: auto;
    text-align: center;
    white-space: nowrap;
    background: none;
    border: 1px solid rgb(#212121);
    border-radius: 1.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    height: 2rem;
    min-width: 7.5rem;
    padding: 0 1rem;
    transition-duration: 384ms;
    transition-property: background-color, color;
    transition-timing-function: var(--venia-anim-standard);
    --color: #212121;
    color: white;
    background-color: rgb(#212121);
}
.cmp-ProductRecsGallery__ProductCard__addToWishlist {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    line-height: 1;
    pointer-events: auto;
    text-align: center;
    white-space: nowrap;
    background: none;
    border: 1px solid rgb(#212121);
    border-radius: 1.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    height: 2rem;
    min-width: 7.5rem;
    padding: 0 1rem;
    transition-duration: 384ms;
    transition-property: background-color, color;
    transition-timing-function: var(--venia-anim-standard);
    color: #212121;
    background-color: rgb(var(--venia-global-color-gray-50));
}
.cmp-ProductRecsGallery__ProductCard__addToCart:hover,
.cmp-ProductRecsGallery__ProductCard__addToWishlist:hover {
    color: white;
    background-color: rgb(#007378);
}
.cmp-ProductRecsGallery__ProductCard__price {
    font-size: 0.875rem;
    line-height: 1rem;
    margin: 0.5rem 0;
    min-height: 1rem;
}
.cmp-ProductRecsGallery__ProductCard__price .cmp-ProductRecsGallery__ProductCard__regularPrice {
    text-decoration: line-through;
    font-size: 0.8rem;
}
.cmp-ProductRecsGallery__ProductCard__price .cmp-ProductRecsGallery__ProductCard__discountedPrice {
    font-weight: bold;
    color: $venia-teal;
    font-size: 1.2rem;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

.App {
  text-align: center;
}

.App-logo {
  animation: App-logo-spin infinite 20s linear;
  height: 40vmin;
  pointer-events: none;
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.st-result-listing {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  letter-spacing: 0.8px;
  margin-top: 40px;
}

form input.st-search-input {
  font-size: 12px;
  padding: 5px 9px 5px 27px;
  height: 18px;
  width: 200px;
  color: #666;
  border: 1px solid #ccc;
  outline: none;
}

div.st-search-summary {
  border-bottom: 1px solid #ccc;
  padding-bottom: 7px;
  margin: 12px 0;
}

div.st-result-listing {
  width: 600px;
}

div.st-result-listing h2 {
  font-size: 13px;
  font-weight: normal;
  color: #333;
  margin: 0;
}

div.st-result-listing h2 .st-query {
  font-style: italic;
  color: #666;
}

div.st-result-listing h3 {
  font-size: 12px;
  margin: 5px 0;
}

div.st-result {
  border-bottom: 1px solid #ddd;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

div.st-result.final {
  border-bottom: none;
  margin-bottom: 0;
}

div.st-result .st-snippet {
  color: #333;
}

div.st-result .st-date {
  color: #999;
}

.st-pagination {
  border-top: 1px solid #ccc;
  margin-top: 5px;
  padding-top: 5px;
}

.st-prev {
  margin-right: 30px;
}

.st-page-num,
.st-current-page-num {
  margin-right: 15px;
}

.st-current-page-num {
  color: #abb6bf;
}

.st-next {
  margin-left: 15px;
}

.st-loading-message {
  font-size: 16px;
  font-style: italic;
  color: #999;
  margin: 10px auto;
}

.sortFilter {
  height: 50px;
  border-radius: 0px;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  border-right: none;
  border-left: none;
  margin-right: 20px;
}

.loadinggif {
  width: 50px;
  height: 50px;
}

.st-custom-facets {
  margin: 0px 0px 20px -8px;
  grid-row: 2;
  grid-column: 1/span 2;
}

.st-custom-facets label {
  width: 12%;
  height: 2em;
  background-color: rgb(216, 216, 216);
  vertical-align: middle;
  border: 1px solid #ddd;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  margin-right: 10px;
  display: inline-block;
}

.st-custom-facets label span {
  text-align: center;
  padding: 8px 0px;
  display: block;
}

.st-custom-facets label input {
  position: absolute;
  top: -20px;
}

.st-custom-facets input:checked + span {
  background-color: #0174c3;
  border-radius: 25px;
  color: #fff;
}

.dropdown-check-list {
  float: left;
}

#langPicker ul.items {
  column-count: 2;
  width: 180%;
}

.dropdown-check-list .anchor {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 15px 50px 10px 10px;
  border-radius: 0px;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  border-right: none;
  border-left: none;
  margin-right: 20px;
}

@media (max-width: 520px) {
  .dropdowns .dropdown-check-list:first-child .anchor {
    margin-bottom: 20px;
  }
}

.dropdown-check-list .anchor:after {
  position: absolute;
  content: "";
  border-left: 2px solid black;
  border-top: 2px solid black;
  padding: 5px;
  right: 10px;
  top: 15px;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.dropdown-check-list .anchor:active:after {
  right: 8px;
  top: 21%;
}

.dropdown-check-list ul.items {
  padding: 2px;
  margin: 0;
  border: 1px solid #ccc;
  border: none;
  list-style: none;
}

.langItems {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  width: 22rem;
}

@media only screen and (max-width: 450px) {
  .langItems {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
  .cmp-search.searchForm {
    width: 50px;
  }
}

.dropdown-check-list ul.items li {
  list-style: none;
}

.dropdown-check-list ul.items li label {
  line-height: 2.8rem;
  font-size: 1.3rem;
  position: absolute;
  font-weight: lighter;
}

.dropdown-check-list.visible .anchor:hover {
  color: #0094ff;
}

.dropdown-check-list.visible .items {
  display: block;
}

.facets {
  display: inline-block;
}

.remove-facet {
  padding: 17px 25px 15px 20px;
  background-color: #e7e7e7;
  color: #474747;
  margin: 10px;
  font-weight: lighter;
  display: inline-block;
}

.facet-text {
  color: #999;
  grid-column: 1;
  grid-row: 1;
}

.close-button {
  display: inline-block;
  cursor: pointer;
  padding-bottom: 2px;
  margin-left: 20px;
  scale: 2;
  font-weight: lighter;
  padding-left: 10px;
}

.facet {
  top: 0;
  border-color: #4285f4;
  background-color: #4285f4;
  z-index: 0;
}

li &gt; input[type="checkbox"] {
  width: 30px;
  height: 30px;
  margin: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: 2px solid lightblue;
  box-shadow: none;
  font-size: 2em;
  border-radius: 4px;
  background-color: white;
}

li &gt; input[type="checkbox"]:checked {
  background-color: #4285f4;
}

li &gt; input[type="checkbox"]:checked:after {
  content: "\2713";
  color: white;
  position: absolute;
  line-height: 1.8rem;
  font-size: 1.8rem;
  padding-left: 0.15rem;
}

.clearAll {
  background: none !important;
  border: none;
  padding: 0 !important;
  font-family: arial, sans-serif;
  color: #4285f4;
  text-decoration: underline;
  cursor: pointer;
  grid-row: 1;
  grid-column: 2;
}

.dropdowns {
  display: inline-block
}

.sui-layout {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.sui-layout-header {
  padding: 32px 24px;
  border-bottom: 1px solid #eeeeee;
}

.sui-layout-body {
  background: #fcfcfc;
}

.sui-layout-body:after {
  content: "";
  height: 80px;
  width: 100%;
  display: block;
  position: relative;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #ffffff 100%);
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #fcfcfc 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fcfcfc", endColorstr="#ffffff",GradientType=0 );
}

@media (max-width: 800px) {
  .sui-layout-body:after {
    display: none;
  }
}

.sui-layout-body__inner {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  padding: 0 24px;
}

@media (max-width: 800px) {
  .sui-layout-body__inner {
    display: block;
    padding: 0 15px;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.sui-layout-sidebar {
  width: 24%;
  padding: 32px 32px 0 0;
}

@media (max-width: 975px) {
  .sui-layout-sidebar {
    padding-right: 0;
  }
}

@media (max-width: 800px) {
  .sui-layout-sidebar {
    z-index: 99;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0 15px 30px 15px;
    background-color: #fcfcfc;
    overflow: auto;
  }
}

.sui-layout-sidebar--toggled {
  display: block;
  animation: fadein 0.2s ease-out;
}

@media (max-width: 800px) {
  .sui-layout-sidebar-toggle {
    display: block;
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      Helvetica, Arial, sans-serif;
    line-height: 1.5;
    font-weight: 400;
    font-size: 14px;
    font-weight: 700;
    color: #3a56e4;
    background-color: #ffffff;
    border: 1px solid #3a56e4;
    border-radius: 4px;
  }
  .sui-layout-sidebar .sui-layout-sidebar-toggle {
    margin-bottom: 20px;
  }
}

.sui-layout-main {
  width: 76%;
  padding: 32px 0 32px 32px;
}

@media (max-width: 800px) {
  .sui-layout-main {
    width: 100%;
    padding-left: 0;
  }
  .cmp-search.searchForm {
    width: 300px;
  }
}

.sui-layout-main-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.sui-layout-main-header__inner {
  font-size: 12px;
  color: #4a4b4b;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.sui-layout-main-footer {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.sui-search-error {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  color: red;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 180px);
}

.sui-search-error.no-error {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  color: #333333;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 180px);
}

.sui-facet {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  margin: 0;
  padding: 0;
  border: 0;
}

.sui-facet + .sui-facet {
  margin-top: 32px;
}

.sui-sorting + .sui-facet {
  margin-top: 32px;
}

.sui-facet__title {
  text-transform: uppercase;
  font-size: 12px;
  color: #8b9bad;
  letter-spacing: 1px;
  padding: 0;
}

.sui-facet__list {
  line-height: 1.5;
  font-size: 13px;
  margin: 8px 0;
  padding: 0;
}

.sui-facet__count {
  color: #888888;
  font-size: 0.85em;
  margin-left: 20px;
  display: inline-block;
  padding-top: 2px;
}

.sui-multi-checkbox-facet {
  color: #4f4f4f;
  font-size: 13px;
  margin: 8px 0;
}

.sui-multi-checkbox-facet__option-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.sui-multi-checkbox-facet__option-input-wrapper {
  flex: 1;
}

.sui-multi-checkbox-facet__checkbox {
  margin-right: 8px;
  cursor: pointer;
}

.sui-multi-checkbox-facet__option-count {
  color: #888888;
  font-size: 0.85em;
  margin-left: 24px;
}

.sui-facet-view-more {
  display: block;
  cursor: pointer;
  color: #3a56e4;
  font-size: 13px;
  font-family: inherit;
  line-height: inherit;
  text-align: left;
  border: unset;
  padding: unset;
  background: unset;
}

.sui-facet-view-more:hover,
.sui-facet-view-more:focus {
  background-color: #f8f8f8;
  outline: 4px solid #f8f8f8;
}

.sui-facet-search {
  margin: 6px 0px 0px 0px;
}

.sui-facet-search__text-input {
  width: 100%;
  height: 100%;
  padding: 6px;
  margin: 0;
  font-family: inherit;
  border: 1px solid #cccccc;
  border-radius: 4px;
  outline: none;
}

.sui-facet-search__text-input:focus {
  border: 1px solid #3a56e4;
}

.sui-boolean-facet {
  color: #4f4f4f;
  font-size: 13px;
  margin: 8px 0;
}

.sui-boolean-facet__option-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.sui-boolean-facet__option-input-wrapper {
  flex: 1;
}

.sui-boolean-facet__checkbox {
  margin-right: 8px;
  cursor: pointer;
}

.sui-boolean-facet__option-count {
  color: #888888;
  font-size: 0.85em;
  margin-left: 24px;
}

.sui-single-option-facet {
  font-size: 13px;
  margin: 8px 0;
  padding: 0;
  list-style: none;
}

.sui-single-option-facet__item {
  display: flex;
  justify-content: space-between;
}

.sui-single-option-facet__link {
  color: #4f4f4f;
  position: relative;
  text-decoration: none;
  list-style: none;
  padding: 0;
  font-weight: bold;
}

.sui-single-option-facet__link:after {
  content: "";
  opacity: 0;
  position: absolute;
  top: -1px;
  left: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 2px);
  background: rgba(37, 139, 248, 0.08);
  pointer-events: none;
}

.sui-single-option-facet__link:focus {
  color: #3a56e4;
  font-weight: bold;
  outline: none;
}

.sui-single-option-facet__link:hover {
  color: #3a56e4;
  font-weight: bold;
}

.sui-single-option-facet__link:hover:after {
  opacity: 1;
}

.sui-single-option-facet__selected {
  font-weight: 900;
  list-style: none;
}

.sui-single-option-facet__selected a {
  font-weight: 100;
  padding: 0 2px;
}

.sui-single-option-facet__remove {
  color: #666;
  margin-left: 10px;
}

.sui-paging {
  display: block;
}

.sui-paging &gt; li {
  border: none;
  background: transparent;
  outline: none;
}

.sui-paging &gt; li button {
  backround-color: transparent !important;
  border: none !important;
}

.sui-paging .rc-pagination-disabled button {
  color: #ccc;
  opacity: 0.5;
}

.sui-paging .rc-pagination-item button {
  color: #3a56e4;
  text-decoration: none;
}

.sui-paging .rc-pagination-item:hover {
  background: #f8f8f8;
}

.sui-paging .rc-pagination-item:hover button {
  color: #3a56e4;
  text-decoration: none;
}

.sui-paging .rc-pagination-item-active button {
  color: #4f4f4f;
  font-weight: 700;
}

.sui-paging .rc-pagination-item-active:hover {
  background: transparent;
  cursor: not-allowed;
}

.sui-paging .rc-pagination-item-active:hover button {
  color: #4f4f4f;
  cursor: not-allowed;
}

.sui-paging .rc-pagination-next:hover {
  background: #f8f8f8;
}

.sui-paging .rc-pagination-next:hover button {
  color: #3a56e4;
}

.sui-paging .rc-pagination-jump-next:hover {
  background: #f8f8f8;
}

.sui-paging .rc-pagination-jump-next:hover button {
  color: #3a56e4;
}

.sui-paging .rc-pagination-jump-next:hover:after {
  color: #3a56e4;
  content: "»";
  font-size: 16px;
  line-height: 1.5;
}

.sui-paging .rc-pagination-jump-prev:hover {
  background: #f8f8f8;
}

.sui-paging .rc-pagination-jump-prev:hover button {
  color: #3a56e4;
}

.sui-paging .rc-pagination-jump-prev:hover:after {
  color: #3a56e4;
  content: "«";
  font-size: 16px;
  line-height: 1.5;
}

.sui-paging .rc-pagination-jump-prev button,
.sui-paging .rc-pagination-jump-next button {
  display: none;
}

.kbsearch {
  grid-column: 1;
  grid-row: 1;
  padding-bottom: 15px !important;
}

.sui-paging-info {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  color: #4a4b4b;
  font-size: 12px;
  grid-column: 1;
  grid-row: 2;
}

.sui-result {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  list-style: none;
  padding: 24px 0;
  text-decoration: none;
  display: block;
  border: 1px solid #f0f0f0;
  background: white;
  border-radius: 4px;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
  overflow-wrap: break-word;
  overflow: hidden;
}

.sui-result + .sui-result {
  margin-top: 32px;
}

.sui-result em {
  position: relative;
  color: #3a56e4;
  font-weight: 700;
  font-style: inherit;
}

.sui-result em:after {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  background: rgba(37, 139, 248, 0.08);
  pointer-events: none;
}

.sui-result__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
}

.sui-result__title {
  font-size: 1.8em;
  font-weight: 400;
  color: #333333;
  text-decoration: none;
}

.sui-result__title-link {
  color: #3a56e4;
  text-decoration: none;
}

.sui-result__key {
  font-family: monospace;
  font-weight: 400;
  font-size: 14px;
  flex: 0 1 50%;
  color: #777777;
}

.sui-result__key:before {
  content: '"';
}

.sui-result__key:after {
  content: '": ';
}

.sui-result__value {
  font-weight: 400;
  font-size: 14px;
}

.sui-result__version {
  font-size: 12px;
  display: inline;
  vertical-align: bottom;
}

.sui-result__license {
  font-size: 12px;
  color: #999999;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 3px;
  line-height: 1;
  padding: 4px 4px 3px 4px;
}

.sui-result__body {
  line-height: 1.5;
  margin-top: 0;
  display: flex;
}

.sui-result__body p {
  margin: 0;
}

.sui-result__image {
  padding-top: 12px;
  padding-left: 24px;
  flex-basis: 220px;
}

.sui-result__image img {
  max-width: 100%;
  display: block;
  height: auto;
}

.sui-result__details {
  flex: 1;
  list-style: none;
  padding: 12px 24px;
  margin: 0;
}

.sui-results-container {
  padding: 0;
  list-style: none;
}

.sui-results-per-page {
  grid-row: 3;
  grid-column: 4/ span 2;
  min-width: 118px;
}

.sui-results-per-page__label {
  margin-right: 8px;
  float: left;
  margin-left: 10%;
  padding-top: 5%;
}

.sui-results-per-page .sui-select__control {
  align-items: center;
}

.sui-results-per-page .sui-select__control input {
  position: absolute;
}

.sui-search-box {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: stretch;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
}

.sui-search-box__submit {
  flex-shrink: 0;
  font-family: inherit;
  font-size: 14px;
  padding: 16px;
  margin-left: 10px;
  text-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
  color: white;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset,
    rgba(59, 69, 79, 0.05) 0px 1px 0px;
  background: linear-gradient(#2da0fa, #3158ee) #2f7cf4;
  cursor: pointer;
  border-radius: 4px;
}

.sui-search-box__submit:hover {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0px 1px inset,
    rgba(59, 69, 79, 0.3) 0px 2px 4px;
  background: linear-gradient(#3cabff, #4063f0) #3d84f7;
}

.live-filtering .sui-search-box__submit {
  display: none;
}

.sui-search-box__wrapper {
  width: 100%;
  height: 100%;
  outline: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: 3px;
  position: relative;
}

.sui-search-box__text-input {
  border-radius: 4px;
}

.sui-search-box__text-input:focus {
  box-shadow: rgba(59, 69, 79, 0.3) 0px 2px 4px;
  outline-width: 0;
}

.autocomplete .sui-search-box__text-input {
  box-shadow: rgba(59, 69, 79, 0.3) 0px 2px 4px;
}

.sui-search-box__autocomplete-container {
  display: none;
  flex-direction: column;
  left: 0;
  right: 0;
  top: 110%;
  margin: 0;
  padding: 24px 0 12px 0;
  line-height: 1.5;
  background: white;
  position: absolute;
  box-shadow: rgba(59, 69, 79, 0.3) 0px 2px 4px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.autocomplete .sui-search-box__autocomplete-container {
  display: flex;
  z-index: 1;
}

.sui-search-box__autocomplete-container ul {
  list-style: none;
  margin: 0;
  padding: 0 0 24px 0;
  background: transparent;
  border-radius: 3px;
}

.sui-search-box__autocomplete-container ul:last-child {
  padding: 0;
}

.sui-search-box__autocomplete-container li {
  margin: 0 12px;
  font-size: 0.9em;
  padding: 4px 12px;
  border-radius: 4px;
  color: #555;
  cursor: default;
}

.sui-search-box__autocomplete-container li em {
  font-style: normal;
  color: #3a56e4;
  background: #edf0fd;
}

.sui-search-box__autocomplete-container li:hover {
  background: #3a56e4;
  color: #ffffff;
}

.sui-search-box__autocomplete-container li:hover em {
  background: transparent;
  color: #ffffff;
}

.sui-search-box__autocomplete-container li[aria-selected="true"] {
  background: #3a56e4;
  color: #ffffff;
}

.sui-search-box__autocomplete-container li[aria-selected="true"] em {
  background: transparent;
  color: #ffffff;
}

.sui-search-box__section-title {
  color: #888;
  font-size: 0.7em;
  letter-spacing: 1px;
  font-weight: normal;
  padding: 0 0 4px 24px;
  text-transform: uppercase;
}

.sorting {
  margin-top: 1%;
  display: grid;
  grid-template-columns: [c1] 40% [c2] 45% [c3] 1% [c4] 7% [c5] 7%;
}

.sui-sorting {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  float: right;
  grid-column: 3 / span 3;
  grid-row: 1/ span 2;
  min-width: 125px;
}

.sui-sorting__label {
  font-size: 12px;
  color: #8b9bad;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-top: 10%;
  padding-right: 2%;
}

.sui-select {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  font-size: 0.875rem;
  margin-top: 8px;
  width: 100%;
}

.sui-select__menu {
  margin-top: 0px !important;
}

.sui-select--inline {
  margin-top: 0;
}

.sui-select--is-disabled {
  opacity: 0.5;
}

.sui-select__control {
  background-color: #f8f8f8;
  border: 1px solid #a6a6a6;
  border-radius: 4px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.sui-select__control--is-focused {
  border: 1px solid #3a56e4;
}

.sui-select__value-container {
  padding-top: 0;
  padding-bottom: 0;
}

.sui-select__value-container--has-value {
  font-weight: 700;
  color: #333333;
}

.sui-select__placeholder {
  white-space: nowrap;
  position: static;
  transform: none;
  color: #333333;
}

.sui-select__dropdown-indicator {
  display: flex;
  height: 32px;
  width: 32px;
  align-items: center;
  justify-content: center;
}

.sui-select__option-count {
  color: #888888;
  font-size: 0.8em;
}

.sui-select__option-label {
  color: #4f4f4f;
}

.sui-select__option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  padding: 8px 12px;
  cursor: pointer;
}

.sui-select__option--is-selected {
  color: #333333;
  background: #ffffff;
  font-weight: 700;
}

.sui-select__option--is-selected .sui-search-select__option-label {
  color: #333333;
  position: relative;
}

.sui-select__option:hover {
  background: #f8f8f8;
}

.rc-pagination {
  font-size: 12px;
  font-family: 'Arial';
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0;
}

.rc-pagination &gt; li {
  list-style: none;
}

.rc-pagination-total-text {
  float: left;
  height: 30px;
  line-height: 30px;
  list-style: none;
  padding: 0;
  margin: 0 8px 0 0;
}

.rc-pagination:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.rc-pagination-item {
  cursor: pointer;
  border-radius: 6px;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  list-style: none;
  float: left;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  margin-right: 8px;
}

.rc-pagination-item button {
  text-decoration: none;
  color: #666;
}

.rc-pagination-item:hover {
  border-color: #2db7f5;
}

.rc-pagination-item:hover button {
  color: #2db7f5;
}

.rc-pagination-item-disabled {
  cursor: not-allowed;
}

.rc-pagination-item-disabled:hover {
  border-color: #d9d9d9;
}

.rc-pagination-item-disabled:hover button {
  color: #d9d9d9;
}

.rc-pagination-item-active {
  background-color: #2db7f5;
  border-color: #2db7f5;
}

.rc-pagination-item-active button {
  color: #fff;
}

.rc-pagination-item-active:hover button {
  color: #fff;
}

.rc-pagination-jump-prev:after,
.rc-pagination-jump-next:after {
  content: "•••";
  display: block;
  letter-spacing: 2px;
  color: #ccc;
  font-size: 12px;
  margin-top: 1px;
}

.rc-pagination-jump-prev:hover:after,
.rc-pagination-jump-next:hover:after {
  color: #2db7f5;
}

.rc-pagination-jump-prev:hover:after {
  content: "«";
}

.rc-pagination-jump-next:hover:after {
  content: "»";
}

.rc-pagination-jump-prev-custom-icon,
.rc-pagination-jump-next-custom-icon {
  position: relative;
}

.rc-pagination-jump-prev-custom-icon:after,
.rc-pagination-jump-next-custom-icon:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: all .2s;
  content: "•••";
  opacity: 1;
  display: block;
  letter-spacing: 2px;
  color: #ccc;
  font-size: 12px;
  margin-top: 1px;
}

.rc-pagination-jump-prev-custom-icon .custom-icon-jump-prev,
.rc-pagination-jump-next-custom-icon .custom-icon-jump-prev,
.rc-pagination-jump-prev-custom-icon .custom-icon-jump-next,
.rc-pagination-jump-next-custom-icon .custom-icon-jump-next {
  opacity: 0;
  transition: all .2s;
}

.rc-pagination-jump-prev-custom-icon:hover:after,
.rc-pagination-jump-next-custom-icon:hover:after {
  opacity: 0;
  color: #ccc;
}

.rc-pagination-jump-prev-custom-icon:hover .custom-icon-jump-prev,
.rc-pagination-jump-next-custom-icon:hover .custom-icon-jump-prev,
.rc-pagination-jump-prev-custom-icon:hover .custom-icon-jump-next,
.rc-pagination-jump-next-custom-icon:hover .custom-icon-jump-next {
  opacity: 1;
  color: #2db7f5;
}

.rc-pagination-prev,
.rc-pagination-jump-prev,
.rc-pagination-jump-next {
  margin-right: 8px;
}

.rc-pagination-prev,
.rc-pagination-next,
.rc-pagination-jump-prev,
.rc-pagination-jump-next {
  cursor: pointer;
  color: #666;
  font-size: 10px;
  border-radius: 6px;
  list-style: none;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  float: left;
  text-align: center;
}

.rc-pagination-prev button:after {
  content: "‹";
  display: block;
}

.rc-pagination-next button:after {
  content: "›";
  display: block;
}

.rc-pagination-prev,
.rc-pagination-next {
  border: 1px solid #d9d9d9;
  font-size: 18px;
}

.rc-pagination-prev button,
.rc-pagination-next button {
  color: #666;
}

.rc-pagination-prev button:after,
.rc-pagination-next button:after {
  margin-top: -1px;
}

.rc-pagination-disabled {
  cursor: not-allowed;
}

.rc-pagination-disabled button {
  color: #ccc;
}

.rc-pagination-disabled .rc-pagination-item,
.rc-pagination-disabled .rc-pagination-prev,
.rc-pagination-disabled .rc-pagination-next {
  cursor: not-allowed;
}

.rc-pagination-disabled .rc-pagination-item:hover,
.rc-pagination-disabled .rc-pagination-prev:hover,
.rc-pagination-disabled .rc-pagination-next:hover {
  border-color: #d9d9d9;
}

.rc-pagination-disabled .rc-pagination-item:hover button,
.rc-pagination-disabled .rc-pagination-prev:hover button,
.rc-pagination-disabled .rc-pagination-next:hover button {
  color: #d9d9d9;
}

.rc-pagination-disabled .rc-pagination-jump-prev,
.rc-pagination-disabled .rc-pagination-jump-next {
  pointer-events: none;
}

.rc-pagination-options {
  float: left;
  margin-left: 15px;
}

.rc-pagination-options-size-changer {
  float: left;
  width: 80px;
}

.rc-pagination-options-quick-jumper {
  float: left;
  margin-left: 16px;
  height: 28px;
  line-height: 28px;
}

.rc-pagination-options-quick-jumper input {
  margin: 0 8px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  outline: none;
  padding: 3px 12px;
  width: 50px;
  height: 28px;
}

.rc-pagination-options-quick-jumper input:hover {
  border-color: #2db7f5;
}

.rc-pagination-options-quick-jumper button {
  display: inline-block;
  margin: 0 8px;
  font-weight: 500;
  text-align: center;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 0 15px;
  font-size: 12px;
  border-radius: 6px;
  height: 28px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
}

.rc-pagination-options-quick-jumper button:hover,
.rc-pagination-options-quick-jumper button:active,
.rc-pagination-options-quick-jumper button:focus {
  color: #2db7f5;
  background-color: #fff;
  border-color: #2db7f5;
}

.rc-pagination-simple .rc-pagination-prev,
.rc-pagination-simple .rc-pagination-next {
  border: none;
  height: 24px;
  line-height: 24px;
  margin: 0;
  font-size: 18px;
}

.rc-pagination-simple .rc-pagination-simple-pager {
  float: left;
  margin-right: 8px;
  list-style: none;
}

.rc-pagination-simple .rc-pagination-simple-pager .rc-pagination-slash {
  margin: 0 10px;
}

.rc-pagination-simple .rc-pagination-simple-pager input {
  margin: 0 8px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  outline: none;
  padding: 5px 8px;
  min-height: 20px;
}

.rc-pagination-simple .rc-pagination-simple-pager input:hover {
  border-color: #2db7f5;
}

.rc-pagination-simple .rc-pagination-simple-pager button {
  display: inline-block;
  margin: 0 8px;
  font-weight: 500;
  text-align: center;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 6px;
  height: 26px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
}

.rc-pagination-simple .rc-pagination-simple-pager button:hover,
.rc-pagination-simple .rc-pagination-simple-pager button:active,
.rc-pagination-simple .rc-pagination-simple-pager button:focus {
  color: #2db7f5;
  background-color: #fff;
  border-color: #2db7f5;
}

@media only screen and (max-width: 1324px) {
  .rc-pagination-item-after-jump-prev,
  .rc-pagination-item-before-jump-next {
    display: none;
  }
  .sui-sorting,
  .sui-results-per-page {
    display: none;
  }
}

.cmp-VeniaPaymentInformation__summary__root {
    display: grid;
    gap: 1.125rem;
    padding: 2rem;
}

.cmp-VeniaPaymentInformation__summary__heading_container {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr;
}

.cmp-VeniaPaymentInformation__summary__heading {
    font-weight: 600;
}

.cmp-VeniaPaymentInformation__summary__card_details_container {
    display: grid;
    gap: 0.5rem;
}

.cmp-Veniacomponents__summary__root {
    display: grid;
    gap: 1.125rem;
    padding: 2rem;
}

.cmp-Veniacomponents__summary__heading_container {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr;
}

.cmp-Veniacomponents__summary__heading {
    font-weight: 600;
}

.cmp-Veniacomponents__summary__edit_button {
    color: rgb(var(--venia-brand-color-1-700));
    padding: 1rem;
    margin: -1rem;
}

.cmp-Veniacomponents__summary__edit_icon {
    stroke: rgb(var(--venia-brand-color-1-700));
}

.cmp-Veniacomponents__summary__checkmo_details_container {
    display: grid;
    gap: 0.5rem;
}

@media (max-width: 960px) {
    .cmp-Veniacomponents__summary__edit_text {
        display: none;
    }
}

.cmp-VeniaShippingInformation__editModal__root {
    background-color: white;
    display: grid;
    left: calc(50% - 370px);
    grid-template-rows: auto 1fr;
    max-height: 90vh;
    max-width: 740px;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 5vh;
    transform: scale(1.15);
    transition-duration: 192ms;
    transition-timing-function: var(--venia-global-anim-out);
    transition-property: opacity, transform, visibility;
    visibility: hidden;
    width: 100%;
    z-index: 3;
}

.cmp-VeniaShippingInformation__editModal__root_open {
    box-shadow: 1px 0 rgb(var(--venia-global-color-border));
    opacity: 1;
    transform: scale(1);
    transition-duration: 224ms;
    transition-timing-function: var(--venia-global-anim-in);
    visibility: visible;
}

.cmp-VeniaShippingInformation__editModal__body {
    overflow: auto;
    padding: 0.5rem 2rem;
}

.cmp-VeniaShippingInformation__editModal__header {
    border-bottom: 1px solid rgb(var(--venia-global-color-border));
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
    padding: 0.875rem 2rem;
}

.cmp-VeniaShippingInformation__editModal__headerText {
    align-self: center;
    color: rgb(var(--venia-global-color-text-alt));
}

@media (max-width: 960px) {
    .cmp-VeniaShippingInformation__editModal__root {
        bottom: 0;
        height: 100%;
        left: auto;
        max-height: none;
        max-width: 360px;
        right: 0;
        top: 0;
        transform: translate3d(100%, 0, 0);
    }

    .cmp-VeniaShippingInformation__editModal__root_open {
        transform: translate3d(0, 0, 0);
    }

    .cmp-VeniaShippingInformation__editModal__body {
        padding: 0.5rem 1rem;
    }

    .cmp-VeniaShippingInformation__editModal__header {
        padding: 0.875rem;
    }
}

.cmp-VeniaAccountInformationPage__editForm__root {
    display: grid;
    gap: 0.5rem 1.5rem;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}

.cmp-VeniaAccountInformationPage__editForm__field {
    grid-column-end: span 2;
}

.cmp-VeniaAccountInformationPage__editForm__buttons {
    display: grid;
    gap: 1rem;
    grid-auto-flow: column;
    justify-self: center;
    padding: 1rem;
}

.cmp-VeniaAccountInformationPage__editForm__changePasswordButtonContainer {
    padding-top: 1rem;
}

@media (max-width: 960px) {
    .cmp-VeniaAccountInformationPage__editForm__firstname,
    .cmp-VeniaAccountInformationPage__editForm__lastname,
    .cmp-VeniaAccountInformationPage__editForm__password,
    .cmp-VeniaAccountInformationPage__editForm__newPassword {
        grid-column: 1 / span 2;
    }
}

.cmp-Veniacomponents__clickable__root {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    line-height: 1;
    pointer-events: auto;
    text-align: center;
}

.cmp-VeniaHeader__cartTrigger__counter {
    top: 0.375rem;
    position: absolute;
    left: 1.5rem;
    font-weight: 600;
    box-sizing: border-box;
    padding: 0 0.25rem;
    background-color: rgb(var(--venia-brand-color-1-700));
    border-radius: 100px;
    color: rgb(var(--venia-global-color-background));
    line-height: 1.25rem;
    min-width: 1.25rem;
    font-size: 0.8125rem;
}

.cmp-VeniaHeader__cartTrigger__trigger {
    align-content: center;
    display: flex;
    height: 3rem;
    justify-content: center;
    min-width: 3rem;
    position: relative;
    z-index: 1;
}

.cmp-VeniaHeader__cartTrigger__triggerContainer {
    align-items: center;
    display: grid;
    height: calc(5rem - 8px);
}

.cmp-VeniaHeader__cartTrigger__triggerContainer_open {
    box-shadow: 0 4px rgb(var(--venia-brand-color-1-700));
}

.cmp-VeniaHeader__cartTrigger__link {
    display: none;
}

@media (max-width: 960px) {
    .cmp-VeniaHeader__cartTrigger__triggerContainer {
        display: none;
    }

    .cmp-VeniaHeader__cartTrigger__link {
        display: flex;
    }
}

.cmp-VeniaLinkButton__linkButton__root {
    color: rgb(var(--venia-brand-color-1-700));
    font-size: var(--venia-global-fontSize-200);
    font-weight: var(--venia-global-fontWeight-semibold);
    text-decoration: underline;
    line-height: 1.25rem;
    max-width: 100%;
}

.cmp-VeniaLinkButton__linkButton__root:hover {
    color: rgb(var(--venia-global-color-gray-900));
}

.cmp-VeniaLinkButton__linkButton__root {
    color: rgb(var(--venia-brand-color-1-700));
    font-size: var(--venia-global-fontSize-200);
    font-weight: var(--venia-global-fontWeight-semibold);
    text-decoration: underline;
    line-height: 1.25rem;
    max-width: 100%;
}

.cmp-VeniaLinkButton__linkButton__root:hover {
    color: rgb(var(--venia-global-color-gray-900));
}

.cmp-VeniaButton__button__root {
    --stroke: var(--venia-brand-color-1-700);
    background: none;
    border-color: rgb(rgb(var(--venia-global-color-text-hint)));
    border-radius: 10rem;
    border-style: solid;
    border-width: 2px;
    color: rgb(rgb(var(--venia-global-color-text-hint)));
    font-size: var(--venia-global-fontSize-100);
    font-weight: var(--venia-global-fontWeight-bold);
    line-height: 1.25rem;
    max-width: 100%;
    min-width: 10rem;
    min-height: 2.5rem;
    outline: none;
    padding: calc(0.5rem + 1px) 1.5rem calc(0.5rem - 1px);
    text-transform: uppercase;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
}

.cmp-VeniaButton__button__root:hover {
    --stroke: var(--venia-brand-color-1-800);
}

.cmp-VeniaButton__button__root:focus {
    box-shadow: -6px 6px rgb(var(--venia-brand-color-1-100));
}

.cmp-VeniaButton__button__root:active {
    transition-duration: 128ms;
    --stroke: var(--venia-brand-color-1-800);
}
.cmp-VeniaButton__button__root:disabled,
.cmp-VeniaButton__button__root:hover:disabled {
    pointer-events: none;
    --stroke: var(--venia-global-color-gray-400);
}

.cmp-VeniaButton__button__content {
    align-items: center;
    display: inline-grid;
    gap: 0.35rem;
    grid-auto-flow: column;
    justify-content: center;
    justify-items: center;
}
.cmp-VeniaButton__button__root_lowPriority {
    --stroke: var(--venia-global-color-gray-700);
}
.cmp-VeniaButton__button__root_lowPriority:hover {
    --stroke: var(--venia-global-color-gray-900);
}
.cmp-VeniaButton__button__root_lowPriorityNegative {
    --stroke: var(--venia-global-color-red-700);
}
.cmp-VeniaButton__button__root_lowPriorityNegative:hover {
    --stroke: var(--venia-global-color-red-800);
}
.cmp-VeniaButton__button__root_normalPriorityNegative {
    --stroke: var(--venia-global-color-red-700);
}
.cmp-VeniaButton__button__root_normalPriorityNegative:hover {
    --stroke: var(--venia-global-color-red-800);
}

.cmp-VeniaButton__button__root_highPriority {
    background-color: rgb(rgb(var(--venia-global-color-text-hint)));
    color: rgb(var(--venia-global-color-gray-50));
}
.cmp-VeniaButton__button__root_highPriorityNegative {
    --stroke: var(--venia-global-color-red-700);
}
.cmp-VeniaButton__button__root_highPriorityNegative:hover {
    --stroke: var(--venia-global-color-red-800);
}

.cmp-VeniaAddressBookPage__addressCard__root {
    align-content: flex-start;
    border: 2px solid rgb(var(--venia-global-color-gray-400));
    border-radius: 0.375rem;
    display: grid;
    grid-template-columns: 1fr max-content;
    padding: 1.25rem 2rem;
    position: relative;
}

.cmp-VeniaAddressBookPage__addressCard__root_updated {
    animation: cmp-VeniaAddressBookPage__addressCard__flash var(--venia-global-anim-bounce) 640ms 2;
}

.cmp-VeniaAddressBookPage__addressCard__confirmDeleteContainer {
    align-items: center;
    background-color: rgba(255, 255, 255, 0.9);
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    height: 100%;
    justify-items: center;
    left: 0;
    padding: 1.25rem 2rem;
    position: absolute;
    top: 0;
    width: 100%;
}

.cmp-VeniaAddressBookPage__addressCard__confirmDeleteButton {

    background-color: white;
    order: 1;
}

.cmp-VeniaAddressBookPage__addressCard__cancelDeleteButton {

    background-color: white;
}

.cmp-VeniaAddressBookPage__addressCard__contentContainer {
    display: grid;
    row-gap: 0.5rem;
}

.cmp-VeniaAddressBookPage__addressCard__actionContainer {
    align-content: start;
    display: grid;
    justify-items: start;
    row-gap: 0.5rem;
}

.cmp-VeniaAddressBookPage__addressCard__defaultBadge {
    width: max-content;
    padding: 0.375rem 1.5rem;
    margin-bottom: 0.25rem;
    border: 1px solid rgb(var(--venia-global-color-gray-400));
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.cmp-VeniaAddressBookPage__addressCard__name {
    font-weight: 600;
}

.cmp-VeniaAddressBookPage__addressCard__telephone {
    margin-top: 0.5rem;
}

.cmp-VeniaAddressBookPage__addressCard__linkButton {
    text-decoration: none;
}

@media (max-width: 640px) {
    .cmp-VeniaAddressBookPage__addressCard__root {
        padding: 1rem;
    }

    .cmp-VeniaAddressBookPage__addressCard__confirmDeleteContainer {
        padding: 1rem;
        grid-template-columns: 1fr;
    }

    .cmp-VeniaAddressBookPage__addressCard__confirmDeleteButton {
        order: 0;
    }
}

@media (max-width: 384px) {
    .cmp-VeniaAddressBookPage__addressCard__actionLabel {
        display: none;
    }

    .cmp-VeniaAddressBookPage__addressCard__linkButton {
        padding: 0 0.25rem 0.25rem;
    }
}

@keyframes cmp-VeniaAddressBookPage__addressCard__flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

.cmp-VeniaMiniCart__miniCart__root {
    --content-width: 22.5rem;

    height: 0;
    overflow: visible;
    left: -100vw;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: opacity 192ms var(--venia-global-anim-out),
        visibility 192ms var(--venia-global-anim-out),
        /* Adding delay to move container off the screen after previous transitions happened */
            left 0s 192ms;
    visibility: hidden;
    width: calc(100vw - 2rem);
    max-width: calc(
        var(--venia-global-maxWidth) + 27.5rem * 2 - 8rem
    );
    z-index: 3;
    transform: translate3d(-50%, 0, 0);
}

.cmp-VeniaMiniCart__miniCart__root_open {
    left: 50%;
    opacity: 1;
    transition: opacity 224ms var(--venia-global-anim-in),
        visibility 224ms var(--venia-global-anim-in), left 0s;
    visibility: visible;
}

.cmp-VeniaMiniCart__miniCart__contents {
    background-color: rgb(var(--venia-global-color-background));
    border-radius: 1px;
    box-shadow: 0 1px 6px rgb(var(--venia-global-color-gray-900) / 0.2);
    display: grid;
    min-height: 20rem;
    max-height: 35rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate3d(0, -8px, 0);
    transition-duration: 192ms;
    transition-property: transform;
    transition-timing-function: var(--venia-global-anim-out);
    width: 27.5rem;
}

.cmp-VeniaMiniCart__miniCart__contents_open {

    transform: translate3d(0, 4px, 0);
    transition-duration: 224ms;
    transition-timing-function: var(--venia-global-anim-in);
}

.cmp-VeniaMiniCart__miniCart__header {
    align-items: center;
    border-bottom: 2px solid rgb(var(--venia-global-color-gray-100));
    display: grid;
    font-size: var(--venia-global-typography-heading-XS-fontSize);
    font-weight: 600;
    grid-template-columns: 1fr auto;
    line-height: var(--venia-global-typography-heading-lineHeight);
    margin: 0 1rem;
    padding: 1rem 0.5rem 0.5rem;
    row-gap: 1rem;
}

.cmp-VeniaMiniCart__miniCart__stockStatusMessageContainer {
    grid-column-end: span 2;
}

.cmp-VeniaMiniCart__miniCart__stockStatusMessageContainer:empty {
    display: none;
}

.cmp-VeniaMiniCart__miniCart__body {
    max-height: 25rem;
    min-height: 10rem;
    overflow-y: scroll;
    padding: 1.5rem;
}

.cmp-VeniaMiniCart__miniCart__quantity {
    opacity: 1;
    transition-delay: 64ms;
    transition-duration: 384ms;
    transition-property: opacity;
    transition-timing-function: var(--venia-global-anim-standard);
}

.cmp-VeniaMiniCart__miniCart__quantity_loading {
    opacity: 0.5;
}

.cmp-VeniaMiniCart__miniCart__price {
    opacity: 1;
    transition-delay: 64ms;
    transition-duration: 384ms;
    transition-property: opacity;
    transition-timing-function: var(--venia-global-anim-standard);
}

.cmp-VeniaMiniCart__miniCart__price_loading {
    opacity: 0.5;
}

.cmp-VeniaMiniCart__miniCart__footer {
    align-items: center;
    border-top: 2px solid rgb(var(--venia-global-color-gray));
    display: grid;
    gap: 0.5rem;
    font-size: var(--venia-typography-body-S-fontSize);
    justify-items: center;
    line-height: var(--venia-typography-body-lineHeight);
    margin: 0 1rem;
    min-height: 3rem;
    overflow: hidden;
    padding: 1rem;
}

.cmp-VeniaMiniCart__miniCart__checkoutButton {
    grid-column: 1 / span 1;
    width: 10rem;
    margin: auto;
    background-color: rgb(var(--venia-brand-color-1-700));
    border: none;
    font-weight: bold;
}

.cmp-VeniaMiniCart__miniCart__editCartButton {
    text-decoration: underline;
    font-size: var(--venia-global-fontSize-100);
}

.cmp-VeniaMiniCart__miniCart__emptyCart {
    display: grid;
    gap: 2rem;
    padding: 2rem;
}

.cmp-VeniaMiniCart__miniCart__emptyMessage {
    margin: auto;
    font-weight: bold;
}

.cmp-VeniaShippingMethods__shippingForm__root {
    display: grid;
    gap: 0.9375rem 1.5rem;
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
        'country country'
        'state zip'
        'submit submit';
}

.cmp-VeniaShippingMethods__shippingForm__formTitle {
    font-weight: 600;
}

.cmp-VeniaShippingMethods__shippingForm__zip {
    grid-area: zip;
}

.cmp-VeniaShippingMethods__shippingForm__submit {
    justify-self: flex-start;
}

@media (max-width: 640px) {
    .cmp-VeniaShippingMethods__shippingForm__root {
        grid-template-columns: 100%;
        grid-template-areas:
            'country'
            'state'
            'zip'
            'submit';
        padding-right: unset;
    }
}

.cmp-VeniaField__field__root {
    color: rgb(var(--venia-global-color-text));
    display: grid;
    align-content: start;
}

.cmp-VeniaField__field__label {
    align-items: center;
    display: flex;
    font-size: 1rem;
    font-weight: var(--venia-global-fontWeight-semibold);
    justify-content: space-between;
    line-height: 1rem;
    padding: 0.5625rem 0.125rem;
    min-height: 2.125rem;
}

.cmp-VeniaField__field__input {
    background: white;
    border: 2px solid rgb(var(--venia-global-color-gray-600));
    border-radius: 6px;
    color: rgb(var(--venia-global-color-text));
    display: inline-flex;
    flex: 0 0 100%;
    font-size: 1rem;
    height: 2.5rem;
    margin: 0;
    max-width: 100%;
    padding: calc(0.375rem - 1px) calc(0.625rem - 1px);
    width: 100%;
    -webkit-appearance: none;
}

.cmp-VeniaField__field__input:focus {
    box-shadow: -6px 6px rgb(var(--venia-brand-color-1-100));
    outline: none;
}

.cmp-VeniaField__field__optional {
    color: rgb(var(--venia-global-color-gray-700));
    font-size: var(--venia-global-fontSize-100);
    font-weight: var(--venia-global-fontWeight-normal);
}

.cmp-VeniaGiftCards__giftCards__root {
    display: grid;
    gap: 2em;
}

.cmp-VeniaGiftCards__giftCards__errorText {
    color: rgb(var(--venia-global-color-error));
    line-height: var(--venia-global-lineHeight-300);
}

.cmp-VeniaGiftCards__giftCards__balance {
    font-size: 0.875rem;
    padding-top: 0.375rem;
    align-items: start;
    display: grid;
    grid-template-columns: max-content 1fr;
    font-style: italic;
}

.cmp-VeniaGiftCards__giftCards__card {
    align-items: start;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr auto;
    grid-template-areas:
        'card_entry apply_button'
        'check_balance_button check_balance_button';
}

.cmp-VeniaGiftCards__giftCards__card_input_container_error input {
    border-color: rgb(var(--venia-global-color-red-400));
}

.cmp-VeniaGiftCards__giftCards__card_input_container_error input:focus {
    border-color: rgb(var(--venia-global-color-gray-600));
}

.cmp-VeniaGiftCards__giftCards__card_input_container_error p {
    color: rgb(var(--venia-global-color-error));
    font-weight: var(--venia-global-fontWeight-semibold);
}

.cmp-VeniaGiftCards__giftCards__cards_container {
    align-items: baseline;
    display: grid;
    gap: 1em;
    grid-template-columns: max-content auto;
    justify-content: start;
}

.cmp-VeniaGiftCards__giftCards__check_balance_button {
    grid-area: check_balance_button;
    justify-self: start;
}

.cmp-VeniaGiftCards__giftCards__entry {
    grid-area: card_entry;
}

@media (max-width: 960px) {
    .cmp-VeniaGiftCards__giftCards__card {
        grid-template-columns: 1fr;
        grid-template-areas:
            'card_entry'
            'check_balance_button'
            'apply_button';
    }

    .cmp-VeniaGiftCards__giftCards__check_balance_button {
        justify-self: center;
    }

    .cmp-VeniaGiftCards__giftCards__applyLabel {
        display: none;
    }
}

.cmp-VeniaGiftCards__giftCard__card_info {
    display: grid;
    row-gap: 0.5rem;
}

.cmp-VeniaGiftCards__giftCard__balance {
    font-size: 0.875rem;
}

.cmp-VeniaErrorMessage__errorMessage__errorMessage {
    color: rgb(var(--venia-global-color-error));
    font-size: var(--venia-typography-body-S-fontSize);
    font-weight: var(--venia-global-fontWeight-semibold);
    line-height: var(--venia-global-lineHeight-300);
}

.cmp-VeniaCountry__country__root {
    grid-area: country;
}

.cmp-VeniaField__field__root {
    color: rgb(var(--venia-global-color-text));
    display: grid;
    align-content: start;
}

.cmp-VeniaField__field__label {
    align-items: center;
    display: flex;
    font-size: 1rem;
    font-weight: var(--venia-global-fontWeight-semibold);
    justify-content: space-between;
    line-height: 1rem;
    padding: 0.5625rem 0.125rem;
    min-height: 2.125rem;
}

.cmp-VeniaField__field__input {
    background: white;
    border: 2px solid rgb(var(--venia-global-color-gray-600));
    border-radius: 6px;
    color: rgb(var(--venia-global-color-text));
    display: inline-flex;
    flex: 0 0 100%;
    font-size: 1rem;
    height: 2.5rem;
    margin: 0;
    max-width: 100%;
    padding: calc(0.375rem - 1px) calc(0.625rem - 1px);
    width: 100%;
    -webkit-appearance: none;
}

.cmp-VeniaField__field__input:focus {
    box-shadow: -6px 6px rgb(var(--venia-brand-color-1-100));
    outline: none;
}

.cmp-VeniaField__field__optional {
    color: rgb(var(--venia-global-color-gray-700));
    font-size: var(--venia-global-fontSize-100);
    font-weight: var(--venia-global-fontWeight-normal);
}

.cmp-VeniaSelect__select__wrapper {
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-areas: 'input icon';
    grid-template-columns: auto 2.25rem;
    height: 2.25rem;
}

.cmp-VeniaSelect__select__input,
.cmp-VeniaSelect__select__input_error {
    grid-area: input-start / input-start / input-end / icon-end;
    padding-right: calc(2.25rem - 1px);
}

.cmp-VeniaSelect__select__input:disabled {
    pointer-events: none;
    color: rgb(var(--venia-global-color-gray-darker));
}

.cmp-VeniaSelect__select__input_error {
    border-color: rgb(var(--venia-global-color-red-400));
}

.cmp-VeniaIcon__icon__root {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    touch-action: manipulation;
}

.cmp-VeniaIcon__icon__icon {
    fill: var(--fill, none);
    stroke: var(--stroke, rgb(var(--venia-global-color-text)));
}

@media (min-width: 641px) {
    .cmp-VeniaIcon__icon__icon_desktop {
        width: 28px;
        height: 28px;
    }
}

.cmp-VeniaField__fieldIcons__root {
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-areas: 'before input after';
    grid-template-columns: auto 1fr auto;
    height: 2.5rem;
    width: 100%;
}

.cmp-VeniaField__fieldIcons__input {
    align-items: center;
    display: flex;
    grid-column: before-start / after-end;
    grid-row: input-start / input-end;
}

.cmp-VeniaField__fieldIcons__input &gt; input {
    padding-left: calc(1.875rem * var(--iconsBefore) + 0.625rem);
    padding-right: calc(1.875rem * var(--iconsAfter) + 0.625rem);
}

.cmp-VeniaField__fieldIcons__before,
.cmp-VeniaField__fieldIcons__after {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 2px;
    pointer-events: none;
    width: 2.5rem;
    z-index: 1;
}

.cmp-VeniaField__fieldIcons__before:empty,
.cmp-VeniaField__fieldIcons__after:empty {
    display: none;
}

.cmp-VeniaField__fieldIcons__before {
    grid-area: before;
}

.cmp-VeniaField__fieldIcons__after {
    grid-area: after;
}

.cmp-VeniaField__fieldIcons__before svg {
    stroke: rgb(var(--venia-global-color-gray-600));
}

.cmp-VeniaField__message__root {
    color: rgb(var(--venia-global-color-text));
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    padding: 0.625rem 0.125rem 0.125rem;
}

.cmp-VeniaField__message__root:empty {
    display: none;
}

.cmp-VeniaField__message__root_error {
    color: rgb(var(--venia-global-color-error));
    font-weight: var(--venia-global-fontWeight-semibold);
}

.cmp-VeniaRegion__region__root {
    grid-area: state;
}

.cmp-VeniaButton__button__root {
    --stroke: var(--venia-brand-color-1-700);
    background: none;
    border-color: rgb(rgb(var(--venia-global-color-text-hint)));
    border-radius: 10rem;
    border-style: solid;
    border-width: 2px;
    color: rgb(rgb(var(--venia-global-color-text-hint)));
    font-size: var(--venia-global-fontSize-100);
    font-weight: var(--venia-global-fontWeight-bold);
    line-height: 1.25rem;
    max-width: 100%;
    min-width: 10rem;
    min-height: 2.5rem;
    outline: none;
    padding: calc(0.5rem + 1px) 1.5rem calc(0.5rem - 1px);
    text-transform: uppercase;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
}

.cmp-VeniaButton__button__root:hover {
    --stroke: var(--venia-brand-color-1-800);
}

.cmp-VeniaButton__button__root:focus {
    box-shadow: -6px 6px rgb(var(--venia-brand-color-1-100));
}

.cmp-VeniaButton__button__root:active {
    transition-duration: 128ms;
    --stroke: var(--venia-brand-color-1-800);
}

.cmp-VeniaButton__button__root:disabled,
.cmp-VeniaButton__button__root:hover:disabled {
    pointer-events: none;
    --stroke: var(--venia-global-color-gray-400);
}

.cmp-VeniaButton__button__content {
    align-items: center;
    display: inline-grid;
    gap: 0.35rem;
    grid-auto-flow: column;
    justify-content: center;
    justify-items: center;
}

.cmp-VeniaButton__button__root_lowPriority {
    --stroke: var(--venia-global-color-gray-700);
}

.cmp-VeniaButton__button__root_lowPriority:hover {
    --stroke: var(--venia-global-color-gray-900);
}

.cmp-VeniaButton__button__root_lowPriorityNegative {
    --stroke: var(--venia-global-color-red-700);
}

.cmp-VeniaButton__button__root_lowPriorityNegative:hover {
    --stroke: var(--venia-global-color-red-800);
}

.cmp-VeniaButton__button__root_normalPriorityNegative {
    --stroke: var(--venia-global-color-red-700);
}

.cmp-VeniaButton__button__root_normalPriorityNegative:hover {
    --stroke: var(--venia-global-color-red-800);
}

.cmp-VeniaButton__button__root_highPriority {
    background-color: rgb(rgb(var(--venia-global-color-text-hint)));
    color: rgb(var(--venia-global-color-gray-50));
}

.cmp-VeniaButton__button__root_highPriorityNegative {
    --stroke: var(--venia-global-color-red-700);
}

.cmp-VeniaButton__button__root_highPriorityNegative:hover {
    --stroke: var(--venia-global-color-red-800);
}

.cmp-VeniaAddressBookPage__addEditDialog__root {
    display: grid;
    gap: 0.5rem 1.5rem;
    grid-template-columns: 1fr;
}

@media (min-width: 961px) {
    .cmp-VeniaAddressBookPage__addEditDialog__root {
        grid-template-columns: 1fr 1fr;
    }

    .cmp-VeniaAddressBookPage__addEditDialog__fullWidthField {
        grid-column-end: span 2;
    }
}

.cmp-VeniaLoadingIndicator__indicator__root {
    align-content: center;
    align-items: center;
    display: grid;
    gap: 3rem;
    height: calc(100% - 6rem);
    justify-content: center;
    justify-items: center;
    margin: 3rem 0;
    width: 100%;
}

.cmp-VeniaLoadingIndicator__indicator__global {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    height: 100%;
    width: 100%;
}

.cmp-VeniaLoadingIndicator__indicator__message {
    color: rgb(var(--venia-global-color-text-alt));
    font-size: 1rem;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
}

.cmp-VeniaLoadingIndicator__indicator__indicator {
    animation-direction: alternate;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: cmp-VeniaLoadingIndicator__indicator__pulse;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes cmp-VeniaLoadingIndicator__indicator__pulse {
    0% {
        filter: grayscale(1);
        transform: scale(0.75) rotate(-540deg);
    }
    100% {
        filter: grayscale(0);
        transform: scale(1) rotate(0deg);
    }
}

.cmp-VeniaDialog__dialog__root {
    position: fixed;
    left: -100vw;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;

    transform: translate3d(-50%, 0, 0);
    transition: opacity 192ms var(--venia-global-anim-out),
        visibility 192ms var(--venia-global-anim-out), left 0s 192ms;
    z-index: 3;
}

.cmp-VeniaDialog__dialog__root_open {
    left: 50%;
    opacity: 1;
    visibility: visible;
    transition: opacity 224ms var(--venia-global-anim-in),
        visibility 224ms var(--venia-global-anim-in), left 0s;
}

.cmp-VeniaDialog__dialog__form {
    height: 100%;
    width: 100%;
    display: grid;
    justify-content: center;
    align-content: center;
}

.cmp-VeniaDialog__dialog__mask {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(var(--venia-global-color-gray-darker));
    opacity: 0.5;
}

.cmp-VeniaDialog__dialog__dialog {
    background-color: rgb(var(--venia-global-color-background));
    border-radius: 5px;
    box-shadow: 1px 1px 5px rgb(var(--venia-global-color-gray-darker));
    height: 100%;
    max-height: 90vh;
    min-height: 360px;
    width: 640px;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
    pointer-events: auto;
    z-index: 4;
}

.cmp-VeniaDialog__dialog__header {
    border-bottom: 1px solid rgb(var(--venia-global-color-border));
    height: 3.5rem;
    padding: 0 0.75rem 0 1rem;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr auto;
    column-gap: 1rem;
    align-items: center;
}

.cmp-VeniaDialog__dialog__headerText {
    color: rgb(var(--venia-global-color-text-alt));
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25rem;
}

.cmp-VeniaDialog__dialog__headerButton {
    justify-self: right;
}

.cmp-VeniaDialog__dialog__body {
    overflow: auto;
    display: grid;
    grid-template-rows: 1fr auto;
}

.cmp-VeniaDialog__dialog__contents {
    padding: 1rem;
}

.cmp-VeniaDialog__dialog__buttons {
    padding: 2.5rem;

    display: grid;
    grid-auto-flow: column;
    gap: 1rem;
    justify-content: center;
}

@media (max-width: 960px) {
    .cmp-VeniaDialog__dialog__root {
        left: auto;
        right: 0;
        transform: translate3d(100%, 0, 0);
        transition-property: opacity, transform, visibility;
    }

    .cmp-VeniaDialog__dialog__root_open {
        transform: translate3d(0, 0, 0);
    }

    .cmp-VeniaDialog__dialog__form {
        align-content: stretch;
        justify-content: end;
    }

    .cmp-VeniaDialog__dialog__dialog {
        max-height: 100%;
        max-width: 360px;
    }

    .cmp-VeniaDialog__dialog__buttons {
        grid-auto-flow: row;
    }

    .cmp-VeniaDialog__dialog__confirmButton {
        order: -1;
    }
}

.cmp-VeniaTextInput__textInput__input:disabled {
    color: rgb(var(--venia-global-color-gray-darker));
}

.cmp-VeniaTextInput__textInput__input_error {
    border-color: rgb(var(--venia-global-color-red-400));
}

.cmp-VeniaShippingMethods__shippingMethods__root {
    display: grid;
    gap: 1rem;
}

.cmp-VeniaShippingMethods__shippingMethods__message {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.cmp-VeniaShippingMethods__shippingMethods__prompt {
    font-weight: var(--venia-global-fontWeight-semibold);
}

.cmp-VeniaShippingMethods__shippingMethods__shipping_methods {
    grid-area: methods;
}

.cmp-VeniaShippingMethods__shippingMethods__shipping_methods_hidden {
    display: none;
}

.cmp-VeniaShippingMethods__shippingMethods__mask {
    opacity: 0.5;
    pointer-events: none;
}

.cmp-VeniaShippingMethods__shippingMethods__estimateButton {
    justify-self: start;
}

@media (max-width: 640px) {
    .cmp-VeniaShippingMethods__shippingMethods__root {
        padding-right: unset;
    }
}

.cmp-VeniaCheckbox__checkbox__root {
    --stroke: var(--venia-global-color-gray-600);
    align-items: center;
    color: rgb(var(--venia-global-color-gray-900));
    display: grid;
    gap: calc(0.875rem - 5px);
    grid-auto-flow: column;
    grid-template-areas: 'input label';
    grid-template-columns: min-content 1fr;
    justify-items: center;
    line-height: 1.5rem;
}

.cmp-VeniaCheckbox__checkbox__input {
    -webkit-appearance: none;
    background: none;
    border: 2px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    grid-area: input;
    height: 1.5rem;
    width: 1.5rem;
}

.cmp-VeniaCheckbox__checkbox__icon {
    grid-area: input;
    height: 1.5rem;
    pointer-events: none;
    width: 1.5rem;
}

.cmp-VeniaCheckbox__checkbox__icon svg {
    stroke: rgb(rgb(var(--venia-global-color-text-hint)));
}

.cmp-VeniaCheckbox__checkbox__label {
    cursor: pointer;
    font-size: var(--venia-typography-body-M-fontSize);
    grid-area: label;
    justify-self: start;
}

.cmp-VeniaCheckbox__checkbox__input:disabled {
    cursor: default;
}

.cmp-VeniaCheckbox__checkbox__input:disabled ~ .cmp-VeniaCheckbox__checkbox__label {
    cursor: default;
}

.cmp-VeniaCheckbox__checkbox__input:checked:enabled + .cmp-VeniaCheckbox__checkbox__icon {
    --stroke: var(--venia-brand-color-1-700);
}

.cmp-VeniaCheckbox__checkbox__input:active:enabled,
.cmp-VeniaCheckbox__checkbox__input:focus:enabled {
    box-shadow: -3px 3px rgb(var(--venia-brand-color-1-100));
    outline: none;
}

.cmp-VeniaAddressBookPage__addressBookPage__root {
    padding: 2.5rem 3rem;
    max-width: var(--venia-global-maxWidth);
    margin: 0 auto;
}

.cmp-VeniaAddressBookPage__addressBookPage__heading {
    font-family: var(--venia-global-fontFamily-serif);
    font-weight: var(--venia-global-fontWeight-bold);
    line-height: 1.25em;
    margin-bottom: 2rem;
    text-align: center;
    text-transform: capitalize;
}

.cmp-VeniaAddressBookPage__addressBookPage__content {
    display: grid;
    gap: 1rem;
    grid-auto-rows: minmax(6rem, max-content);
    grid-template-columns: 1fr 1fr 1fr;
}

.cmp-VeniaAddressBookPage__addressBookPage__addButton {
    border: 2px dashed rgb(var(--venia-global-color-gray-400));
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 600;
    transition: border-color 384ms var(--venia-global-anim-standard);
    color: rgb(var(--venia-brand-color-1-700));
}

.cmp-VeniaAddressBookPage__addressBookPage__addButton:focus {
    outline: none;
    box-shadow: -6px 6px rgb(var(--venia-global-color-blue-700) / 0.3);
}

.cmp-VeniaAddressBookPage__addressBookPage__addButton:hover {
    border-color: rgb(var(--venia-brand-color-1-600));
}

@media (max-width: 1024px) {
    .cmp-VeniaAddressBookPage__addressBookPage__root {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .cmp-VeniaAddressBookPage__addressBookPage__content {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .cmp-VeniaAddressBookPage__addressBookPage__content {
        grid-template-columns: 1fr;
    }
}

.cmp-VeniaProductListing__productListing__root {
    display: grid;
    grid-gap: 2rem 1rem;
}

.cmp-VeniaLegacyMiniCart__kebab__root {
    display: inline-block;
    grid-row-start: 1;
    grid-row-end: 4;
    grid-column-start: 3;
    grid-column-end: 4;
    margin-top: 2px;
    position: relative;
}

.cmp-VeniaLegacyMiniCart__kebab__dropdown {
    align-items: center;
    box-shadow: 0 0 1px rgb(0, 0, 0, 0.2);
    display: grid;
    position: absolute;
    right: 20px;
    top: 0;
    transition: 256ms ease-out;
    transform: scale(0);
    transform-origin: 100% 0;
    z-index: 3;
}

.cmp-VeniaLegacyMiniCart__kebab__dropdown_active {
    position: absolute;
    transform: scale(1);
    transition: 250ms var(--venia-global-anim-bounce);
}

.cmp-VeniaLegacyMiniCart__kebab__dropdown li {
    display: block;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid rgb(var(--venia-global-color-border));
}

.cmp-VeniaLegacyMiniCart__kebab__dropdown li:hover {
    background-color: #eee;
}

.cmp-VeniaLegacyMiniCart__kebab__kebab {
    outline: 0;
    border: none;
    background-color: #fff;
}

.cmp-VeniaLegacyMiniCart__productOptions__options {
    font-size: 13px;
    grid-area: options;
    line-height: 1.5;
    margin-top: 0.25rem;
    max-height: 54px;
    overflow-y: auto;
}

.cmp-VeniaLegacyMiniCart__productOptions__optionLabel {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
}

.cmp-VeniaLegacyMiniCart__productOptions__optionValue {
    margin-left: 0.25rem;
}

.cmp-VeniaIcon__icon__root {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    touch-action: manipulation;
}

.cmp-VeniaIcon__icon__icon {
    fill: var(--fill, none);
    stroke: var(--stroke, rgb(var(--venia-global-color-text)));
}

@media (min-width: 641px) {
    .cmp-VeniaIcon__icon__icon_desktop {
        width: 28px;
        height: 28px;
    }
}

.cmp-VeniaLegacyMiniCart__section__menuItem button {
    width: 100%;
    padding: 0.6rem;
    padding-right: 1.6rem;
    padding-bottom: 0.72rem;
    display: flex;
    white-space: pre;
    box-sizing: border-box;
    text-align: left;
    align-items: center;
    justify-items: start;
    column-gap: 0.625rem;
}

.cmp-VeniaLegacyMiniCart__section__text {
    padding-top: 1px;
    padding-left: 0.4rem;
    font-size: 11px;
    pointer-events: none;
}

.cmp-VeniaLegacyMiniCart__section__icon {
    --stroke: rgb(var(--venia-global-color-teal));
}

.cmp-VeniaLegacyMiniCart__section__icon_filled {
    --fill: rgb(var(--venia-global-color-teal));
}

.cmp-VeniaTextInput__textInput__input:disabled {
    color: rgb(var(--venia-global-color-gray-darker));
}

.cmp-VeniaTextInput__textInput__input_error {
    border-color: rgb(var(--venia-global-color-red-400));
}

.cmp-VeniaProductListing__quantity__root {
    --stroke: var(--venia-global-color-gray-600);
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 4rem 1fr;
    grid-column-gap: 0.5rem;
    align-items: center;
    justify-items: center;
}

.cmp-VeniaProductListing__quantity__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmp-VeniaProductListing__quantity__label:not(:focus):not(:active) {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    white-space: nowrap;
}

.cmp-VeniaProductListing__quantity__button {
    align-items: center;
    background-color: rgb(var(--venia-global-color-gray-50));
    border: 2px solid rgb(var(--venia-global-color-gray-600));
    border-radius: 50%;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    stroke: rgb(rgb(var(--venia-global-color-text-hint)));
    width: 2rem;
}

.cmp-VeniaProductListing__quantity__button:hover {
    --stroke: rgb(var(--venia-global-color-gray-900));
    border-color: rgb(rgb(var(--venia-global-color-text-hint)));
}

.cmp-VeniaProductListing__quantity__button:disabled,
.cmp-VeniaProductListing__quantity__button:disabled:hover {
    --stroke: rgb(var(--venia-global-color-gray-400));
    border-color: rgb(var(--venia-global-color-gray-400));
}

.cmp-VeniaProductListing__quantity__button:disabled {
    cursor: not-allowed;
}

.cmp-VeniaProductListing__quantity__button:focus {
    outline: none;
}

.cmp-VeniaProductListing__quantity__icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    touch-action: manipulation;
}

.cmp-VeniaProductListing__quantity__input {
    text-align: center;
}

.cmp-VeniaProductListing__product__root {
    display: grid;
    row-gap: 0.5rem;
}

.cmp-VeniaProductListing__product__item {
    align-items: start;
    display: grid;
    grid-gap: 0.5rem 1rem;
    grid-template-areas: 'image details kebab';
    grid-template-columns: 100px 1fr min-content;
}

.cmp-VeniaProductListing__product__item_disabled {
    opacity: 0.5;
}

.cmp-VeniaProductListing__product__errorText {
    color: rgb(var(--venia-global-color-error));
    line-height: var(--venia-global-lineHeight-300);
}

.cmp-VeniaProductListing__product__errorText:empty {
    display: none;
}

.cmp-VeniaProductListing__product__imageContainer {
    grid-area: image;
}

.cmp-VeniaProductListing__product__imageRoot {
    height: 100%;
}

.cmp-VeniaProductListing__product__image {
    background-color: rgb(var(--venia-global-color-gray));
    border: solid 1px rgb(var(--venia-global-color-border));
    border-radius: 2px;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.cmp-VeniaProductListing__product__details {
    display: grid;
    gap: 0.5rem;
    grid-area: details;
    grid-template-areas:
        'name name'
        'options quantity'
        'price quantity'
        'stock quantity';
    grid-template-columns: 2fr 1fr;
    line-height: 1.5;
}

.cmp-VeniaProductListing__product__name {
    grid-area: name;
    font-weight: var(--venia-global-fontWeight-semibold);
}

.cmp-VeniaProductListing__product__price {
    grid-area: price;
    font-size: var(--venia-typography-body-S-fontSize);
}

.cmp-VeniaProductListing__product__quantity {
    align-items: start;
    display: grid;
    grid-area: quantity;
    justify-items: center;
}

.cmp-VeniaProductListing__product__kebab {
    grid-area: kebab;
    position: relative;
}

.cmp-VeniaProductListing__product__sectionText {
    padding: 0.25rem 0.5rem;
    font-size: var(--venia-typography-body-S-fontSize);
    pointer-events: none;
}

.cmp-VeniaProductListing__product__options {
    grid-area: options;
    font-size: var(--venia-typography-body-S-fontSize);
    display: grid;
    grid-gap: 0.125rem;
}

.cmp-VeniaProductListing__product__optionLabel {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
}

.cmp-VeniaProductListing__product__stockStatusMessage {
    color: rgb(var(--venia-global-color-error));
    font-size: var(--venia-global-fontSize-100);
    font-weight: var(--venia-global-fontWeight-semibold);
    grid-area: stock;
}

.cmp-VeniaProductListing__product__stockStatusMessage:empty {
    display: none;
}

.cmp-VeniaProductListing__product__addToListButton {
    --stroke: rgb(var(--venia-global-color-teal));
    align-content: center;
    column-gap: 1.125rem;
    display: inline-flex;
    font-size: var(--venia-typography-body-S-fontSize);
    padding: 0.875rem 0.625rem;
    width: 100%;
}

.cmp-VeniaProductListing__product__addToListButton_selected {
    display: none;
}

@media (max-width: 640px) {
    .cmp-VeniaProductListing__product__details {
        grid-template: none;
    }

    .cmp-VeniaProductListing__product__name,
    .cmp-VeniaProductListing__product__options,
    .cmp-VeniaProductListing__product__price,
    .cmp-VeniaProductListing__product__stockStatusMessage,
    .cmp-VeniaProductListing__product__quantity {
        grid-area: auto;
    }

    .cmp-VeniaProductListing__product__quantity {
        justify-items: start;
    }
}

.cmp-VeniaImage__image__container {
    position: relative;
}

.cmp-VeniaImage__image__loaded {
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
}

.cmp-VeniaImage__image__notLoaded {
    visibility: hidden;
}

.cmp-VeniaImage__image__placeholder {
    background-color: rgb(var(--venia-global-color-gray));
    position: relative;
    top: 0;
    left: 0;
}

.cmp-VeniaImage__image__placeholder_layoutOnly {
    background-color: unset;
}

.cmp-VeniaPriceSummary__priceSummary__errorText {
    color: rgb(var(--venia-global-color-error));
    line-height: var(--venia-global-lineHeight-300);
}

.cmp-VeniaPriceSummary__priceSummary__lineItems {
    display: grid;
    grid-gap: 0.75rem;
    grid-template-columns: 1fr auto;
    line-height: 1.5rem;
}

.cmp-VeniaPriceSummary__priceSummary__lineItemLabel {
    justify-self: start;
}

.cmp-VeniaPriceSummary__priceSummary__price {
    justify-self: end;
}

.cmp-VeniaPriceSummary__priceSummary__totalLabel {
    font-weight: var(--venia-global-fontWeight-semibold);
}

.cmp-VeniaPriceSummary__priceSummary__totalPrice {
    font-weight: var(--venia-global-fontWeight-semibold);
}

.cmp-VeniaPriceSummary__priceSummary__priceUpdating {
    opacity: 0;
}

.cmp-VeniaPriceSummary__priceSummary__checkoutButton_container {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin-top: 1rem;
    min-height: 5.5rem;
    width: 100%;
}

.cmp-VeniaCartPage__cartPage__root {
    padding: 2.5rem 3rem;
    max-width: 1080px;
    margin: 0 auto;
}

.cmp-VeniaCartPage__cartPage__body {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 18rem;
    grid-template-areas:
        'items summary'
        'adjustments summary';
}

.cmp-VeniaCartPage__cartPage__heading_container {
    display: grid;
    margin-bottom: 1rem;
    row-gap: 1rem;
}

.cmp-VeniaCartPage__cartPage__heading {
    line-height: 1.25em;
}

.cmp-VeniaCartPage__cartPage__stockStatusMessageContainer:empty {
    display: none;
}

.cmp-VeniaCartPage__cartPage__items_container {
    grid-area: items;
}

.cmp-VeniaCartPage__cartPage__price_adjustments_container {
    grid-area: adjustments;
}

.cmp-VeniaCartPage__cartPage__summary_container {
    grid-area: summary;
    height: 100%;
}

.cmp-VeniaCartPage__cartPage__summary_contents {
    position: sticky;
    top: 5.5rem;
}

@media (max-width: 960px) {
    .cmp-VeniaCartPage__cartPage__root {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .cmp-VeniaCartPage__cartPage__body {
        grid-template-columns: 100%;
        grid-template-areas:
            'items'
            'adjustments'
            'summary';
    }
}

.cmp-VeniaAccordion__accordion__root {
    border: 2px solid rgb(var(--venia-global-color-gray-400));
    border-radius: 0.375rem;
}

.cmp-VeniaAccordion__section__root {
    border-bottom: 2px solid rgb(var(--venia-global-color-gray-400));
}

.cmp-VeniaAccordion__section__root:last-of-type {
    border-bottom-width: 0;
}

.cmp-VeniaAccordion__section__contents_container {
    padding: 0 1.5rem 1.5rem;
}

.cmp-VeniaAccordion__section__contents_container:empty {
    display: none;
}

.cmp-VeniaAccordion__section__contents_container_closed {
    display: none;
}

.cmp-VeniaAccordion__section__title {
    font-size: var(--venia-global-fontSize-300);
}

.cmp-VeniaAccordion__section__title_container {
    cursor: pointer;
    display: block;
    width: 100%;
    margin: 0;
}

.cmp-VeniaAccordion__section__title_wrapper {
    align-items: center;
    display: grid;
    gap: 1.5rem;
    grid-auto-flow: column;
    grid-template-columns: 1fr;
    height: 4.5rem;
    justify-items: start;
    padding: 0 1.5rem;
}

.cmp-VeniaStockStatusMessage__stockStatusMessage__root {
    border-left: 5px solid rgb(var(--venia-global-color-error));
    color: rgb(var(--venia-global-color-error));
    font-size: var(--venia-typography-body-S-fontSize);
    font-weight: var(--venia-global-fontWeight-semibold);
    line-height: var(--venia-global-lineHeight-300);
    padding: 1rem 0 1rem 1rem;
}

.cmp-VeniaScrollAnchor__scrollAnchor__anchor {
    position: absolute;
    top: calc(var(--venia-global-header-minHeight) * -1 - 5px);
}

.cmp-VeniaCheckoutPage__checkoutPage__root {
    padding: 2.5rem 3rem;
    max-width: 1080px;
    margin: 0 auto;
}

.cmp-VeniaCheckoutPage__checkoutPage__checkoutContent {
    display: grid;
    gap: 2rem;
    grid-template-columns: 2fr 1fr;
}

.cmp-VeniaCheckoutPage__checkoutPage__checkoutContent_hidden {
    display: none;
}

.cmp-VeniaCheckoutPage__checkoutPage__heading_container {
    display: grid;
    row-gap: 1rem;
}

.cmp-VeniaCheckoutPage__checkoutPage__heading {
    line-height: 1.25em;
}

.cmp-VeniaCheckoutPage__checkoutPage__cartLink {
    font-size: inherit;
}

.cmp-VeniaCheckoutPage__checkoutPage__stepper_heading {
    border-bottom: 1px solid rgb(var(--venia-global-color-border));
    font-size: 1rem;
    font-weight: 600;
    padding-bottom: 2rem;
    text-transform: uppercase;
}

.cmp-VeniaCheckoutPage__checkoutPage__signInContainer {
    align-items: center;
    border: 2px solid rgb(var(--venia-global-color-gray-400));
    border-radius: 0.375rem;
    display: grid;
    gap: 1rem;
    grid-auto-flow: column;
    padding: 1rem;
}

.cmp-VeniaCheckoutPage__checkoutPage__signInLabel {
    font-weight: var(--venia-global-fontWeight-semibold);
}

.cmp-VeniaCheckoutPage__checkoutPage__signInButton {
    min-height: auto;
    min-width: auto;
    padding: 0.25rem 2rem;
}

.cmp-VeniaCheckoutPage__checkoutPage__empty_cart_container {
    margin-bottom: 1.5rem;
}

.cmp-VeniaCheckoutPage__checkoutPage__shipping_information_container {
    grid-column: 1 / span 1;
    position: relative;
}

.cmp-VeniaCheckoutPage__checkoutPage__shipping_method_container {
    grid-column: 1 / span 1;
    position: relative;
}

.cmp-VeniaCheckoutPage__checkoutPage__payment_information_container {
    grid-column: 1 / span 1;
}

.cmp-VeniaCheckoutPage__checkoutPage__price_adjustments_container {
    grid-column: 1 / span 1;
}

.cmp-VeniaCheckoutPage__checkoutPage__items_review_container {
    grid-column: 1 / span 1;
}

.cmp-VeniaCheckoutPage__checkoutPage__summaryContainer {
    grid-column: 1 / span 1;
}

.cmp-VeniaCheckoutPage__checkoutPage__formErrors {
    border-color: rgb(var(--venia-global-color-error));
    border-style: solid;
    border-width: 0 0 0 5px;
    padding: 1rem 0 1rem 1rem;
    display: grid;
    grid-column: 1 / span 1;
}

@media (min-width: 961px) {
    .cmp-VeniaCheckoutPage__checkoutPage__summaryContainer {
        grid-column: 2 / span 1;
        grid-row: 2 / span 3;
        position: sticky;
        top: 5.5rem;
        height: min-content;
    }
}

.cmp-VeniaCheckoutPage__checkoutPage__review_order_button {
    grid-column: 1 / span 1;
    margin: auto;
}

.cmp-VeniaCheckoutPage__checkoutPage__place_order_button {
    grid-column: 1 / span 1;
    margin: auto;
}

@media (max-width: 960px) {
    .cmp-VeniaCheckoutPage__checkoutPage__root {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .cmp-VeniaCheckoutPage__checkoutPage__checkoutContent {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .cmp-VeniaCheckoutPage__checkoutPage__signInContainer {
        grid-row-start: 1;
        grid-auto-flow: row;
        justify-items: center;
        margin-bottom: 1rem;
    }

    .cmp-VeniaCheckoutPage__checkoutPage__stepper_heading {
        padding-bottom: 1rem;
    }

    .cmp-VeniaCheckoutPage__checkoutPage__payment_information_heading {
        border-bottom-width: 0;
    }
}

.cmp-VeniaOrderSummary__orderSummary__root {
    border-top: 2px solid rgb(var(--venia-global-color-gray-400));
    margin-top: 1rem;
    padding-top: 2rem;
}

@media (min-width: 961px) {
    .cmp-VeniaOrderSummary__orderSummary__root {
        margin-top: 0;
        border: 2px solid rgb(var(--venia-global-color-gray-400));
        border-radius: 0.375rem;
        padding: 2rem;
    }
}

.cmp-VeniaOrderSummary__orderSummary__title {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}

.cmp-VeniaLoadingIndicator__indicator__root {
    align-content: center;
    align-items: center;
    display: grid;
    gap: 3rem;
    height: calc(100% - 6rem);
    justify-content: center;
    justify-items: center;
    margin: 3rem 0;
    width: 100%;
}

.cmp-VeniaLoadingIndicator__indicator__global {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    height: 100%;
    width: 100%;
}

.cmp-VeniaLoadingIndicator__indicator__message {
    color: rgb(var(--venia-global-color-text-alt));
    font-size: 1rem;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
}

.cmp-VeniaLoadingIndicator__indicator__indicator {
    animation-direction: alternate;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: cmp-VeniaLoadingIndicator__indicator__pulse;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes cmp-VeniaLoadingIndicator__indicator__pulse {
    0% {
        filter: grayscale(1);
        transform: scale(0.75) rotate(-540deg);
    }
    100% {
        filter: grayscale(0);
        transform: scale(1) rotate(0deg);
    }
}

.cmp-VeniaPaymentInformation__paymentInformation__root {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.cmp-VeniaPaymentInformation__paymentInformation__payment_info_container {
    border: 2px solid rgb(var(--venia-global-color-gray-400));
    border-radius: 0.375rem;
}

.cmp-VeniaPaymentInformation__paymentInformation__loading {
    text-align: center;
}

@media (max-width: 960px) {
    .cmp-VeniaPaymentInformation__paymentInformation__heading {
        border-width: 0;
    }
}

.cmp-Veniacomponents__checkmo__root {
    padding-top: 1.125rem;
}

.cmp-Veniacomponents__checkmo__title {
    font-weight: var(--venia-global-fontWeight-semibold);
}

.cmp-Veniacomponents__checkmo__mailingAddressTitle {
    font-weight: var(--venia-global-fontWeight-semibold);
    padding-top: 1rem;
}

.cmp-Veniacomponents__checkmo__note {
    padding: 1rem 0;
}

.cmp-Veniacomponents__checkmo__formatAddress {
    padding: 0.5rem 0;
}

.cmp-Veniacomponents__checkmo__addressLine {
    display: block;
    padding-bottom: 0.5rem;
}

.cmp-VeniaBillingAddress__billingAddress__billing_address_fields_root {
    display: grid;
    gap: 0.9375rem 1.5rem;
    padding: 1rem 0rem;
}

.cmp-VeniaBillingAddress__billingAddress__billing_address_fields_root_hidden {
    overflow: hidden;
    visibility: hidden;
    height: 0;
    opacity: 0;
}

.cmp-VeniaBillingAddress__billingAddress__formErrorContainer {
    padding-top: 1.5rem;
}

.cmp-VeniaBillingAddress__billingAddress__first_name,
.cmp-VeniaBillingAddress__billingAddress__last_name {
    grid-column-end: span 1;
}

.cmp-VeniaBillingAddress__billingAddress__country,
.cmp-VeniaBillingAddress__billingAddress__street1,
.cmp-VeniaBillingAddress__billingAddress__street2,
.cmp-VeniaBillingAddress__billingAddress__address_check,
.cmp-VeniaBillingAddress__billingAddress__city,
.cmp-VeniaBillingAddress__billingAddress__region,
.cmp-VeniaBillingAddress__billingAddress__postal_code,
.cmp-VeniaBillingAddress__billingAddress__phone_number {
    grid-column-end: span 2;
}

@media (max-width: 960px) {
    .cmp-VeniaBillingAddress__billingAddress__first_name,
    .cmp-VeniaBillingAddress__billingAddress__last_name,
    .cmp-VeniaBillingAddress__billingAddress__city,
    .cmp-VeniaBillingAddress__billingAddress__region,
    .cmp-VeniaBillingAddress__billingAddress__postal_code,
    .cmp-VeniaBillingAddress__billingAddress__phone_number,
    .cmp-VeniaBillingAddress__billingAddress__street1,
    .cmp-VeniaBillingAddress__billingAddress__street2,
    .cmp-VeniaBillingAddress__billingAddress__address_check {
        grid-column-end: span 2;
    }
}

.cmp-VeniaOrderConfirmationPage__orderConfirmationPage__root {
    padding: 2.5rem 3rem;
    max-width: 1080px;
    margin: 0 auto;

    display: grid;
    gap: 2rem;
    grid-template-columns: 2fr 1fr;
}

.cmp-VeniaOrderConfirmationPage__orderConfirmationPage__mainContainer {
    grid-column: 1;

    display: grid;
    row-gap: 1rem;
}

.cmp-VeniaOrderConfirmationPage__orderConfirmationPage__sidebarContainer {
    grid-column: 2;
}

.cmp-VeniaOrderConfirmationPage__orderConfirmationPage__header {
    font-weight: 600;
}

.cmp-VeniaOrderConfirmationPage__orderConfirmationPage__text {
    line-height: 1.5em;
}

.cmp-VeniaOrderConfirmationPage__orderConfirmationPage__shippingInfo {
    display: grid;
}

.cmp-VeniaOrderConfirmationPage__orderConfirmationPage__shippingAddress {
    display: grid;
}

@media (max-width: 960px) {
    .cmp-VeniaOrderConfirmationPage__orderConfirmationPage__root {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .cmp-VeniaOrderConfirmationPage__orderConfirmationPage__sidebarContainer {
        grid-column: 1;
        grid-row: auto;
        height: auto;
        border-top: 1px solid rgb(var(--venia-global-color-border));
    }
}

.cmp-VeniaItemsReview__item__root {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto 1fr;
    column-gap: 1rem;
    opacity: 1;
    visibility: visible;
    transition-delay: 64ms;
    transition-duration: 384ms;
    transition-property: opacity, visbility;
    transition-timing-function: var(--venia-global-anim-standard);
    margin-top: 1.5rem;
}

.cmp-VeniaItemsReview__item__root_hidden {
    opacity: 0;
    visibility: hidden;
    height: 0;
    margin-top: 0rem;
}

.cmp-VeniaItemsReview__item__thumbnail {
    grid-column: 1 / span 1;
    grid-row: 1 / span 3;
    border: solid 1px rgb(var(--venia-global-color-border));
}

.cmp-VeniaItemsReview__item__name {
    font-weight: 600;
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
}

.cmp-VeniaItemsReview__item__quantity {
    grid-column: 2 / span 1;
    grid-row: 3 / span 1;
    font-size: 85%;
    margin-top: 1rem;
}

.cmp-VeniaItemsReview__item__options {
    display: grid;
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
    gap: 0.5rem;
    font-size: 85%;
    margin-top: 1rem;
}

.cmp-VeniaItemsReview__showAllButton__root {
    border-top: 2px solid rgb(var(--venia-global-color-gray-400));
    padding: 0.75rem 0;
    width: 100%;
}

.cmp-VeniaItemsReview__showAllButton__content {
    display: grid;
    grid-auto-flow: column;
    gap: 0.375rem;
    justify-content: center;
    align-items: center;
}

.cmp-VeniaItemsReview__showAllButton__text {
    font-size: var(--venia-global-fontSize-100);
    font-weight: var(--venia-global-fontWeight-semibold);
    color: rgb(var(--venia-brand-color-1-700));
}

.cmp-VeniaItemsReview__showAllButton__arrowDown {
    --stroke: rgb(var(--venia-brand-color-1-700));
}

.cmp-VeniaItemsReview__itemsReview__items_review_container {
    min-height: 2rem;
    border: 2px solid rgb(var(--venia-global-color-gray-400));
    border-radius: 0.375rem;
}

.cmp-VeniaItemsReview__itemsReview__items_container {
    display: grid;
    padding: 1.5rem 2rem;
}

.cmp-VeniaItemsReview__itemsReview__total_quantity_amount {
    font-weight: var(--venia-global-fontWeight-semibold);
}

.cmp-VeniaShippingMethod__completedView__root {
    height: 100%;
}

.cmp-VeniaShippingMethod__completedView__contents {
    display: grid;
    grid-template-rows: auto auto;
    margin-top: 1.125rem;
    row-gap: 0.5rem;
    text-align: left;
}

.cmp-VeniaShippingMethod__completedView__editButton {
    color: rgb(var(--venia-brand-color-1-700));
    padding: 1rem;
    margin: -1rem;
}

.cmp-VeniaShippingMethod__completedView__editIcon {
    stroke: rgb(var(--venia-brand-color-1-700));
}

.cmp-VeniaShippingMethod__completedView__error {
    align-self: center;
    color: rgb(var(--venia-global-color-error));
    line-height: var(--venia-global-lineHeight-300);
}

.cmp-VeniaShippingMethod__completedView__free {
    text-transform: uppercase;
}

.cmp-VeniaShippingMethod__completedView__heading {
    font-weight: 600;
}

.cmp-VeniaShippingMethod__completedView__titleContainer {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr;
}

@media (max-width: 960px) {
    .cmp-VeniaShippingMethod__completedView__editButtonText {
        display: none;
    }
}

.cmp-VeniaShippingMethods__shippingRadio__price {
    font-weight: 600;
}

.cmp-VeniaRadioGroup__radioGroup__root {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
    gap: 0.5rem;
}

.cmp-VeniaRadioGroup__radioGroup__radioContainer {
    display: grid;
    gap: 0.75rem;
    grid-auto-flow: column;
    grid-template-areas: 'input label';
    grid-template-columns: min-content 1fr;
    justify-content: center;
    line-height: 1.5rem;
}

.cmp-VeniaRadioGroup__radioGroup__message {
    font-size: 1rem;
    margin-top: 1rem;
}

.cmp-VeniaRadioGroup__radioGroup__message:empty {
    display: none;
}

.cmp-VeniaShippingMethod__shippingRadios__error {
    color: rgb(var(--venia-global-color-error));
    line-height: var(--venia-global-lineHeight-300);
}

.cmp-VeniaShippingMethod__shippingRadios__radioLabel {
    display: grid;
    grid-template-columns: auto auto;
    gap: 1rem 0.5rem;
    justify-content: start;
}

.cmp-VeniaShippingMethod__shippingRadios__radioMessage {
    display: none;
}

.cmp-VeniaShippingMethod__shippingRadios__radioRoot {
    grid-template-columns: auto;
}

@media (max-width: 640px) {
    .cmp-VeniaShippingMethod__shippingRadios__radioLabel {
        display: grid;
        grid-template-columns: 100%;
        gap: 0.5rem;
    }
}

.cmp-VeniaShippingMethods__shippingRadios__radioContents {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.5rem;
}

.cmp-VeniaShippingMethods__shippingRadios__radioRoot {
    grid-template-columns: auto;
}

@media (max-width: 640px) {
    .cmp-VeniaShippingMethods__shippingRadios__radio_contents {
        display: grid;
        grid-template-columns: 100%;
        gap: 0.5rem;
    }
}

.cmp-VeniaRadioGroup__radio__root {
    align-items: center;
    color: rgb(var(--venia-global-color-gray-900));
    display: grid;
    gap: 0.75rem;
    grid-auto-flow: column;
    grid-template-areas: 'input label';
    grid-template-columns: min-content 1fr;
    margin: 0;
    justify-items: center;
    line-height: 1.5rem;
}

.cmp-VeniaRadioGroup__radio__input {
    -webkit-appearance: none;
    background: none;
    background-clip: content-box;
    border: 7px solid transparent;
    border-radius: 50%;
    grid-area: input;
    height: 1.5rem;
    margin: 0;
    width: 1.5rem;
    z-index: 2;
}

.cmp-VeniaRadioGroup__radio__icon {
    grid-area: input;
    height: 1.5rem;
    width: 1.5rem;
    z-index: 1;
}

.cmp-VeniaRadioGroup__radio__icon svg {
    stroke: rgb(var(--venia-global-color-gray-600));
}

.cmp-VeniaRadioGroup__radio__label {
    font-size: var(--venia-typography-body-S-fontSize);
    grid-area: label;
    justify-self: start;
}

.cmp-VeniaRadioGroup__radio__input:checked {
    background-color: rgb(var(--venia-brand-color-1-700));
}

.cmp-VeniaRadioGroup__radio__input:checked + .cmp-VeniaRadioGroup__radio__icon svg {
    stroke: rgb(var(--venia-brand-color-1-700));
}

.cmp-VeniaRadioGroup__radio__input:active,
.cmp-VeniaRadioGroup__radio__input:focus {
    box-shadow: -3px 3px rgb(var(--venia-brand-color-1-100));
    outline: none;
}

.cmp-VeniaPaymentInformation__paymentMethods__root {
    display: grid;
    padding: 2rem;
    padding-bottom: 1rem;
}

.cmp-VeniaPaymentInformation__paymentMethods__radio_group {
    display: grid;
}

.cmp-VeniaPaymentInformation__paymentMethods__payment_method {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgb(var(--venia-global-color-border));
}

.cmp-VeniaPaymentInformation__paymentMethods__payment_method:not(:first-child) {
    padding-top: 1rem;
}

.cmp-VeniaPaymentInformation__paymentMethods__payment_method:last-of-type {
    border-bottom-width: 0;
}

.cmp-VeniaPaymentInformation__paymentMethods__radio_label {
    font-weight: 600;
    justify-self: start;
}

.cmp-VeniaPaymentInformation__paymentMethods__payment_errors {
    display: grid;
    gap: 0.5em;
    color: rgb(var(--venia-global-color-error));
}

.cmp-VeniaRadioGroup__radioGroup__root {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
    gap: 0.5rem;
}

.cmp-VeniaRadioGroup__radioGroup__radioContainer {
    display: grid;
    gap: 0.75rem;
    grid-auto-flow: column;
    grid-template-areas: 'input label';
    grid-template-columns: min-content 1fr;
    justify-content: center;
    line-height: 1.5rem;
}

.cmp-VeniaRadioGroup__radioGroup__message {
    font-size: 1rem;
    margin-top: 1rem;
}

.cmp-VeniaRadioGroup__radioGroup__message:empty {
    display: none;
}

.cmp-VeniaShippingMethod__updateModal__errorContainer {
    padding-bottom: 1rem;
}

.cmp-VeniaShippingMethod__shippingMethod__root {
    border: none;
    border-radius: 0px;
    border-bottom: 2px solid rgb(var(--venia-global-color-gray-400));
    padding: 2rem 0rem;
    display: grid;
    row-gap: 1rem;
}

.cmp-VeniaShippingMethod__shippingMethod__done {
    border: 2px solid rgb(var(--venia-global-color-gray-400));
    border-radius: 0.375rem;
    padding: 2rem;
}

.cmp-VeniaShippingMethod__shippingMethod__editingHeading {
    text-transform: uppercase;
}

.cmp-VeniaShippingMethod__shippingMethod__form {
    display: grid;
    grid-template-rows: 1fr auto;
    row-gap: 1.5rem;
}

.cmp-VeniaShippingMethod__shippingMethod__formButtons {
    display: flex;
    justify-content: center;
}
.cmp-VeniaCouponCode__couponCode__entryForm,
.cmp-VeniaCouponCode__couponCode__entryFormError {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 1.5rem;
}
.cmp-VeniaCouponCode__couponCode__entryFormError input {
    border-color: rgb(var(--venia-global-color-red-400));
}
.cmp-VeniaCouponCode__couponCode__entryFormError input:focus {
    border-color: rgb(var(--venia-global-color-gray-600));
}
.cmp-VeniaCouponCode__couponCode__entryFormError p {
    color: rgb(var(--venia-global-color-error));
    font-weight: var(--venia-global-fontWeight-semibold);
}
.cmp-VeniaCouponCode__couponCode__errorContainer {
    padding-top: 1.5rem;
    color: rgb(var(--venia-global-color-error));
    line-height: var(--venia-global-lineHeight-300);
}
@media (max-width: 960px) {
    .cmp-VeniaCouponCode__couponCode__entryForm,
    .cmp-VeniaCouponCode__couponCode__entryFormError {
        grid-template-columns: unset;
        grid-template-rows: 1fr 1fr;
    }
}
.cmp-VeniaCouponCode__couponCode__removeButton {
    margin-left: 1rem;
}

.cmp-VeniaGiftOptions__giftOptions__option {
    padding: 0.5rem 0rem;
}

.cmp-VeniaTextArea__textArea__input {
    height: auto;
    max-width: 100%;
    min-width: 100%;
    padding: 12px 15px;
}

.cmp-VeniaShippingInformation__card__root {
    display: grid;
    font-size: 1rem;
    row-gap: 0.5rem;
    padding-top: 1.125rem;
}

.cmp-VeniaShippingInformation__card__address {
    display: grid;
    gap: 0.5rem;
    padding-top: 1.125rem;
}

.cmp-VeniaShippingInformation__shippingInformation__root {
    border: 2px solid rgb(var(--venia-global-color-gray-400));
    border-radius: 0.375rem;
    padding: 2rem;
}

.cmp-VeniaShippingInformation__shippingInformation__root_editMode {
    border: none;
    border-radius: 0px;
    border-bottom: 2px solid rgb(var(--venia-global-color-gray-400));
    padding: 0;
}

.cmp-VeniaShippingInformation__shippingInformation__root_updated {
    animation: cmp-VeniaShippingInformation__shippingInformation__flash var(--venia-global-anim-bounce) 640ms 2;
}

.cmp-VeniaShippingInformation__shippingInformation__cardHeader {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr;
}

.cmp-VeniaShippingInformation__shippingInformation__cardTitle {
    font-weight: 600;
}

.cmp-VeniaShippingInformation__shippingInformation__editButton {
    padding: 1rem;
    margin: -1rem;
    color: rgb(var(--venia-brand-color-1-700));
}

.cmp-VeniaShippingInformation__shippingInformation__editWrapper {
    display: grid;
    padding: 1rem 0 1.5rem;
    row-gap: 0.5rem;
}

.cmp-VeniaShippingInformation__shippingInformation__editTitle {
    font-weight: 600;
    text-transform: uppercase;
}

.cmp-VeniaShippingInformation__shippingInformation__editIcon {
    stroke: rgb(var(--venia-brand-color-1-700));
}

.cmp-VeniaShippingInformation__shippingInformation__loading {
    text-align: center;
}

@media (max-width: 960px) {
    .cmp-VeniaShippingInformation__shippingInformation__editText {
        display: none;
    }
}

@keyframes cmp-VeniaShippingInformation__shippingInformation__flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

.cmp-VeniaAddressForm__customerForm__root {
    display: grid;
    gap: 0.9375rem 1.5rem;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}

.cmp-VeniaAddressForm__customerForm__field {
    grid-column-end: span 2;
}

.cmp-VeniaAddressForm__customerForm__defaultShipping {
    padding-top: 1rem;
}

.cmp-VeniaAddressForm__customerForm__firstname,
.cmp-VeniaAddressForm__customerForm__lastname {
    grid-column-end: span 1;
}

.cmp-VeniaAddressForm__customerForm__buttons {
    display: grid;
    gap: 1rem;
    grid-auto-flow: column;
    justify-self: center;
    padding: 1rem;
}

@media (max-width: 960px) {
    .cmp-VeniaAddressForm__customerForm__firstname {
        grid-column: 1 / span 2;
    }

    .cmp-VeniaAddressForm__customerForm__lastname {
        grid-column: 1 / span 2;
    }
}

.cmp-VeniaAddressForm__guestForm__root {
    display: grid;
    gap: 0.5rem 1.5rem;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}

.cmp-VeniaAddressForm__guestForm__field {
    grid-column-end: span 2;
}

.cmp-VeniaAddressForm__guestForm__firstname,
.cmp-VeniaAddressForm__guestForm__lastname {
    grid-column-end: span 1;
}

.cmp-VeniaAddressForm__guestForm__buttons {
    display: grid;
    gap: 1rem;
    grid-auto-flow: column;
    justify-self: center;
    padding: 1rem;
}

@media (max-width: 960px) {
    .cmp-VeniaAddressForm__guestForm__firstname {
        grid-column: 1 / span 2;
    }

    .cmp-VeniaAddressForm__guestForm__lastname {
        grid-column: 1 / span 2;
    }
}

.cmp-VeniaAddressBook__addressBook__root {
    display: none;
}

.cmp-VeniaAddressBook__addressBook__root_active {
    align-items: center;
    display: grid;
    grid-template-areas:
        'header buttons'
        'content content';
    grid-template-columns: auto auto;
    grid-template-rows: 60px 1fr;
    justify-content: space-between;
    row-gap: 1rem;
}

.cmp-VeniaAddressBook__addressBook__headerText {
    grid-area: header;
    color: rgb(var(--venia-global-color-text-alt));
    line-height: 1.25em;
}

.cmp-VeniaAddressBook__addressBook__buttonContainer {
    column-gap: 1rem;
    display: grid;
    grid-area: buttons;
    grid-auto-flow: column;
    justify-content: end;
}

@media (max-width: 360px) {
    .cmp-VeniaAddressBook__addressBook__buttonContainer {
        grid-template-columns: 1fr 1fr;
    }
    .cmp-VeniaAddressBook__addressBook__buttonContainer button {
        min-width: 8rem;
    }
}

.cmp-VeniaAddressBook__addressBook__content {
    border-top: 1px solid rgb(var(--venia-global-color-border));
    display: grid;
    gap: 1rem;
    grid-area: content;
    grid-auto-rows: minmax(6rem, max-content);
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 2rem;
}

.cmp-VeniaAddressBook__addressBook__addButton {
    border: 2px dashed rgb(var(--venia-global-color-gray-400));
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 600;
    transition: border-color 384ms var(--venia-global-anim-standard);
    color: rgb(var(--venia-brand-color-1-700));
}

.cmp-VeniaAddressBook__addressBook__addButton:focus {
    outline: none;
    box-shadow: -6px 6px rgb(var(--venia-global-color-blue-700) / 0.3);
}

.cmp-VeniaAddressBook__addressBook__addButton:hover {
    border-color: rgb(var(--venia-brand-color-1-600));
}

@media (max-width: 960px) {
    .cmp-VeniaAddressBook__addressBook__root_active {
        grid-template-areas:
            'header'
            'content'
            'buttons';
        grid-template-columns: 1fr;
        grid-template-rows: 60px 1fr 60px;
    }

    .cmp-VeniaAddressBook__addressBook__buttonContainer {
        justify-content: center;
    }

    .cmp-VeniaAddressBook__addressBook__content {
        border-top: none;
        grid-template-columns: 1fr;
        padding-top: 0;
    }
}

.cmp-VeniaAddressBook__addressCard__root {
    align-content: flex-start;
    border: 2px solid rgb(var(--venia-global-color-gray-400));
    border-radius: 0.375rem;
    box-shadow: none;
    cursor: pointer;
    display: grid;
    font-size: 1rem;
    padding: 1rem 1.25rem;
    position: relative;
    row-gap: 0.5rem;
    transition: border-color 384ms var(--venia-global-anim-in);
    outline: none;
}

@media (min-width: 961px) {
    .cmp-VeniaAddressBook__addressCard__root {
        padding: 1.25rem 2rem;
    }
}

.cmp-VeniaAddressBook__addressCard__root_selected {
    border-color: rgb(var(--venia-brand-color-1-600));
    cursor: default;
}

.cmp-VeniaAddressBook__addressCard__root_updated {
    animation: cmp-VeniaAddressBook__addressCard__flash var(--venia-global-anim-bounce) 640ms 2;
}

.cmp-VeniaAddressBook__addressCard__root:focus {
    box-shadow: -6px 6px rgb(var(--venia-global-color-blue-700) / 0.3);
}

.cmp-VeniaAddressBook__addressCard__root:hover {
    border-color: rgb(var(--venia-brand-color-1-600));
}

.cmp-VeniaAddressBook__addressCard__defaultCard {
    grid-area: 1 / 1;
}

.cmp-VeniaAddressBook__addressCard__editButton {
    padding: 1rem;
    position: absolute;
    right: 0;
    top: 0;
}

@media (min-width: 961px) {
    .cmp-VeniaAddressBook__addressCard__editButton {
        right: 0.375rem;
        top: 0.375rem;
    }
}

.cmp-VeniaAddressBook__addressCard__editButton:hover {
    --fill: rgb(var(--venia-brand-color-1-700));
}

.cmp-VeniaAddressBook__addressCard__editIcon {
    stroke: rgb(var(--venia-brand-color-1-700));
    fill: var(--fill, white);
    transition: fill 384ms var(--venia-global-anim-standard);
}

.cmp-VeniaAddressBook__addressCard__defaultBadge {
    width: max-content;
    padding: 0.375rem 1.5rem;
    margin-bottom: 0.25rem;
    border: 1px solid rgb(var(--venia-global-color-gray-400));
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.cmp-VeniaAddressBook__addressCard__name {
    font-weight: 600;
}

.cmp-VeniaAddressBook__addressCard__address {
    display: grid;
    gap: 0.5rem;
}

@keyframes cmp-VeniaAddressBook__addressCard__flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

.cmp-VeniaSignIn__signIn__root {
    display: grid;
    gap: 1.5rem;
    justify-items: stretch;
    padding: 1rem 1.5rem;
}

.cmp-VeniaSignIn__signIn__forgotPassword {
    display: block;
    text-decoration: underline;
    color: rgb(var(--venia-global-color-error));
    font-size: 0.8rem;
}

.cmp-VeniaSignIn__signIn__form {
    display: grid;
    row-gap: 0.9375rem;
}

.cmp-VeniaSignIn__signIn__modal {
    visibility: hidden;
    height: 100%;
    width: 100%;
    background-color: rgb(var(--venia-global-color-gray));
    text-align: center;
    position: absolute;
    bottom: 0;
}

.cmp-VeniaSignIn__signIn__modal_active {
    visibility: visible;
    opacity: 0.9;
}

.cmp-VeniaSignIn__signIn__buttonsContainer {
    display: grid;
    gap: 1.5rem;
    grid-auto-flow: row;
    justify-content: center;
    margin-top: 1rem;
    width: 100%;
}

.cmp-VeniaSignIn__signIn__forgotPasswordButtonContainer {
    align-items: center;
    display: flex;
    justify-content: center;
    justify-self: start;
    text-align: center;
}

.cmp-VeniaSignIn__signIn__forgotPasswordButton {

    padding: 0;
}

.cmp-VeniaSignIn__signIn__title {
    padding-top: 0.5rem;
    text-transform: capitalize;
}

.cmp-VeniaForgotPassword__forgotPassword__root {
    display: grid;
    gap: 1.5rem;
    justify-items: stretch;
    padding: 1.5rem;
}

.cmp-VeniaForgotPassword__forgotPassword__title {
    padding-top: 0.5rem;
    text-transform: capitalize;
}

.cmp-VeniaForgotPassword__forgotPassword__instructions {
    font-weight: 300;
    line-height: 1.25rem;
}

.cmp-VeniaCreateAccount__createAccount__root {
    display: grid;
    gap: 0.9375rem;
    justify-items: stretch;
    padding: 1rem 1.5rem;
}

.cmp-VeniaCreateAccount__createAccount__message {
    background-color: rgb(var(--venia-global-color-gray));
    border-radius: 4px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 1rem;
}

.cmp-VeniaCreateAccount__createAccount__message:empty {
    display: none;
}

.cmp-VeniaCreateAccount__createAccount__actions {
    display: grid;
    gap: 1rem;
    grid-auto-flow: column;
    justify-content: center;
    margin-top: 1rem;
    text-align: center;
}

.cmp-VeniaCreateAccount__createAccount__submitButton {
    grid-column-start: 2;
}

.cmp-VeniaCreateAccount__createAccount__subscribe {
    margin-left: -0.375rem;
}

@media (max-width: 960px) {
    .cmp-VeniaCreateAccount__createAccount__actions {
        grid-auto-flow: row;
    }

    .cmp-VeniaCreateAccount__createAccount__submitButton {
        grid-column-start: auto;
    }
}

.cmp-VeniaGuestSignIn__guestSignIn__root {
    display: grid;
    grid-template-columns: minmax(auto, 512px);
    justify-content: center;
    row-gap: 2rem;
    text-align: center;
}

.cmp-VeniaGuestSignIn__guestSignIn__root_hidden {
    display: none;
}

.cmp-VeniaGuestSignIn__guestSignIn__header {
    font-family: var(--venia-global-fontFamily-serif);
}

.cmp-VeniaGuestSignIn__guestSignIn__contentContainer {
    border: 2px solid rgb(var(--venia-global-color-border));
    border-radius: 0.375rem;
    padding-bottom: 2rem;
}

@media (max-width: 960px) {
    .cmp-VeniaGuestSignIn__guestSignIn__contentContainer {
        border: none;
        padding: 0;
    }

    .cmp-VeniaGuestSignIn__guestSignIn__signInRoot {
        padding: 1rem 0;
    }

    .cmp-VeniaGuestSignIn__guestSignIn__forgotPasswordRoot {
        padding: 1rem 0;
    }

    .cmp-VeniaGuestSignIn__guestSignIn__createAccountRoot {
        padding: 1rem 0;
    }
}

.cmp-VeniaSignIn__signIn__root {
    display: grid;
    gap: 1.5rem;
    justify-items: stretch;
    padding: 1rem 1.5rem;
}

.cmp-VeniaSignIn__signIn__forgotPassword {
    display: block;
    text-decoration: underline;
    color: rgb(var(--venia-global-color-error));
    font-size: 0.8rem;
}

.cmp-VeniaSignIn__signIn__form {
    display: grid;
    row-gap: 0.9375rem;
}

.cmp-VeniaSignIn__signIn__modal {
    visibility: hidden;
    height: 100%;
    width: 100%;
    background-color: rgb(var(--venia-global-color-gray));
    text-align: center;
    position: absolute;
    bottom: 0;
}

.cmp-VeniaSignIn__signIn__modal_active {
    visibility: visible;
    opacity: 0.9;
}

.cmp-VeniaSignIn__signIn__buttonsContainer {
    display: grid;
    gap: 1.5rem;
    grid-auto-flow: row;
    justify-content: center;
    margin-top: 1rem;
    width: 100%;
}

.cmp-VeniaSignIn__signIn__forgotPasswordButtonContainer {
    align-items: center;
    display: flex;
    justify-content: center;
    justify-self: start;
    text-align: center;
}

.cmp-VeniaSignIn__signIn__forgotPasswordButton {

    padding: 0;
}

.cmp-VeniaSignIn__signIn__title {
    padding-top: 0.5rem;
    text-transform: capitalize;
}

.cmp-VeniaPassword__password__passwordButton {

    --stroke: var(--venia-global-color-gray-500);
    background: none;
    border-radius: 0px;
    border-style: none;
    border-width: 0px;
    padding: 0px;
    min-width: 0px;
}

.cmp-VeniaPassword__password__passwordButton:hover {
    --stroke: var(--venia-global-color-gray-700);
}

.cmp-VeniaPassword__password__passwordButton:focus {
    box-shadow: none;
    --stroke: var(--venia-global-color-gray-700);
}

.cmp-VeniaPassword__password__root:active {
    --stroke: var(--venia-global-color-gray-700);
}

.cmp-Veniacomponents__edit__root {
    overflow: auto;
    padding: 0.5rem 1rem;
}

.cmp-VeniaAccountMenu__accountMenuItems__root {
    display: grid;
    grid-auto-flow: row;
    justify-content: stretch;
    row-gap: 1.5rem;
    padding: 1.5rem;
}

.cmp-VeniaAccountMenu__accountMenuItems__link {

    color: rgb(var(--venia-global-color-gray-700));
    justify-content: start;
    text-decoration: none;
}

.cmp-VeniaAccountMenu__accountMenuItems__link:hover {
    color: rgb(var(--venia-global-color-gray-600));
}

.cmp-VeniaAccountMenu__accountMenuItems__signOut {

    border-top: 2px solid rgb(var(--venia-global-color-gray));
    padding-top: 1rem;
}

.cmp-VeniaAccountMenu__accountMenu__root {
    --content-width: 27.5rem;

    height: 0;
    overflow: visible;
    left: -100vw;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: opacity 192ms var(--venia-global-anim-out),
        visibility 192ms var(--venia-global-anim-out),
        /* Adding delay to move container off the screen after previous transitions happened */
            left 0s 192ms;
    visibility: hidden;
    width: calc(100vw - 2rem);
    max-width: calc(
        var(--venia-global-maxWidth) + 27.5rem * 2 - 25rem
    );
    z-index: 3;
    transform: translate3d(-50%, 0, 0);
}

.cmp-VeniaAccountMenu__accountMenu__root_open {
    left: 50%;
    opacity: 1;
    transition: opacity 224ms var(--venia-global-anim-in),
        visibility 224ms var(--venia-global-anim-in), left 0s;
    visibility: visible;
}

.cmp-VeniaAccountMenu__accountMenu__contents {
    background-color: rgb(var(--venia-global-color-background));
    border-radius: 1px;
    box-shadow: 0 1px 6px rgb(var(--venia-global-color-gray-900) / 0.2);
    display: grid;
    min-height: 10rem;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate3d(0, -8px, 0);
    transition-duration: 192ms;
    transition-property: transform;
    transition-timing-function: var(--venia-global-anim-out);
    width: 27.5rem;
}

.cmp-VeniaAccountMenu__accountMenu__contents_open {

    transform: translate3d(0, 4px, 0);
    transition-duration: 224ms;
    transition-timing-function: var(--venia-global-anim-in);
}

.cmp-VeniaAccountMenu__accountMenu__createAccount {
    display: grid;
    gap: 0.9375rem;
    justify-items: stretch;
    padding: 1rem 1.5rem;
}

.cmp-VeniaAccountMenu__accountMenu__forgotPassword {
    padding: 2rem;
}

.cmp-VeniaAccountMenu__accountMenu__loading {
    padding: 2rem;
}

.cmp-VeniaForgotPassword__forgotPassword__root {
    display: grid;
    gap: 1.5rem;
    justify-items: stretch;
    padding: 1.5rem;
}

.cmp-VeniaForgotPassword__forgotPassword__title {
    padding-top: 0.5rem;
    text-transform: capitalize;
}

.cmp-VeniaForgotPassword__forgotPassword__instructions {
    font-weight: 300;
    line-height: 1.25rem;
}

.cmp-VeniaFormSubmissionSuccessful__formSubmissionSuccessful__root {
    display: grid;
    gap: 1.5rem;
}

.cmp-VeniaFormSubmissionSuccessful__formSubmissionSuccessful__text {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.25rem;
}

.cmp-VeniaFormSubmissionSuccessful__formSubmissionSuccessful__title {
    padding-top: 0.5rem;
    text-transform: capitalize;
}

.cmp-VeniaForgotPasswordForm__forgotPasswordForm__root {
    display: grid;
    gap: 1rem;
    justify-items: stretch;
}

.cmp-VeniaForgotPasswordForm__forgotPasswordForm__buttonContainer {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-auto-flow: column;
    margin-top: 1rem;
    text-align: center;
}

.cmp-VeniaForgotPasswordForm__forgotPasswordForm__cancelButton {

    min-width: 9rem;
}

.cmp-VeniaForgotPasswordForm__forgotPasswordForm__submitButton {

    min-width: 9rem;
}

.cmp-VeniaCreateAccount__createAccount__root {
    display: grid;
    gap: 0.9375rem;
    justify-items: stretch;
    padding: 1rem 1.5rem;
}

.cmp-VeniaCreateAccount__createAccount__message {
    background-color: rgb(var(--venia-global-color-gray));
    border-radius: 4px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 1rem;
}

.cmp-VeniaCreateAccount__createAccount__message:empty {
    display: none;
}

.cmp-VeniaCreateAccount__createAccount__actions {
    display: grid;
    gap: 1rem;
    grid-auto-flow: column;
    justify-content: center;
    margin-top: 1rem;
    text-align: center;
}

.cmp-VeniaCreateAccount__createAccount__submitButton {
    grid-column-start: 2;
}

.cmp-VeniaCreateAccount__createAccount__subscribe {
    margin-left: -0.375rem;
}

@media (max-width: 960px) {
    .cmp-VeniaCreateAccount__createAccount__actions {
        grid-auto-flow: row;
    }

    .cmp-VeniaCreateAccount__createAccount__submitButton {
        grid-column-start: auto;
    }
}

.cmp-VeniaHeader__accountTrigger__root {
    align-items: center;
    display: grid;
    width: max-content;
}

.cmp-VeniaHeader__accountTrigger__root_open {

    box-shadow: 0 4px rgb(var(--venia-brand-color-1-700));
}

.cmp-VeniaHeader__accountTrigger__trigger {

    height: 3rem;
    min-width: 6rem;
    z-index: 1;
}

@media (max-width: 640px) {
    .cmp-VeniaHeader__accountTrigger__root {
        display: none;
    }
}

.cmp-VeniaAccountChip__accountChip__root {
    align-items: center;
    column-gap: 0.5rem;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: auto 1fr;
}

.cmp-VeniaOrderHistoryPage__orderHistoryPage__root {
    display: grid;
    padding: 2rem 3rem;
    row-gap: 2rem;
}

.cmp-VeniaOrderHistoryPage__orderHistoryPage__heading {
    font-family: var(--venia-global-fontFamily-serif);
    font-weight: var(--venia-global-fontWeight-bold);
    justify-self: center;
    text-transform: capitalize;
}

.cmp-VeniaOrderHistoryPage__orderHistoryPage__emptyHistoryMessage {
    text-align: center;
}

.cmp-VeniaOrderHistoryPage__orderHistoryPage__orderHistoryTable {
    display: grid;
    row-gap: 1rem;
}

.cmp-VeniaOrderHistoryPage__orderHistoryPage__filterRow {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.cmp-VeniaOrderHistoryPage__orderHistoryPage__pageInfo {
    font-size: var(--venia-typography-body-S-fontSize);
}

.cmp-VeniaOrderHistoryPage__orderHistoryPage__search {
    display: grid;
    gap: 1rem;
    grid-auto-flow: column;
    width: 22rem;
}

.cmp-VeniaOrderHistoryPage__orderHistoryPage__searchButton {

    width: 5rem;
    height: 2rem;
    min-width: 5rem;
}

.cmp-VeniaOrderHistoryPage__orderHistoryPage__submitIcon {
    color: white;
}

.cmp-VeniaOrderHistoryPage__orderHistoryPage__loadMoreButton {
    justify-self: center;
}

@media (max-width: 960px) {
    .cmp-VeniaOrderHistoryPage__orderHistoryPage__root {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .cmp-VeniaOrderHistoryPage__orderHistoryPage__filterRow {
        align-items: flex-start;
        flex-direction: column;
        row-gap: 1rem;
    }

    .cmp-VeniaOrderHistoryPage__orderHistoryPage__search {
        gap: 0.5rem;
        width: 100%;
        justify-self: center;
    }
}

.cmp-VeniaOrderHistoryPage__collapsedImageGallery__root {
    align-items: center;
    column-gap: 0.25rem;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    height: 100%;
    justify-items: center;
    padding: 0 0.25rem;
}

.cmp-VeniaOrderHistoryPage__collapsedImageGallery__remainderCount {
    color: rgb(var(--venia-global-color-text-hint));
    font-size: var(--venia-typography-body-S-fontSize);
    justify-self: center;
}

.cmp-VeniaOrderHistoryPage__orderProgressBar__root {
    column-gap: 0.25rem;
    display: grid;
    grid-auto-flow: column;
    grid-auto-rows: 6px;
}

.cmp-VeniaOrderHistoryPage__orderProgressBar__step {
    background-color: rgb(var(--venia-global-color-gray-dark));
}

.cmp-VeniaOrderHistoryPage__orderProgressBar__step_completed {
    background-color: rgb(var(--venia-brand-color-1-700));
}

.cmp-VeniaOrderDetails__billingInformation__root {
    display: grid;
    row-gap: 0.375rem;
}

.cmp-VeniaOrderDetails__billingInformation__heading {
    font-weight: var(--venia-global-fontWeight-bold);
    padding-bottom: 0.375rem;
}

.cmp-VeniaOrderDetails__item__root {
    display: grid;
    grid-template-columns: auto repeat(3, 1fr) auto;
    grid-template-rows: auto 1fr;
    row-gap: 0.375rem;
    column-gap: 1rem;
}

.cmp-VeniaOrderDetails__item__thumbnailContainer {
    grid-row: 1 / -1;
}

.cmp-VeniaOrderDetails__item__nameContainer {
    grid-column: 2 / -1;
    font-weight: var(--venia-global-fontWeight-bold);
}

.cmp-VeniaOrderDetails__item__buyAgainButton {
    align-self: start;
    grid-column-end: -1;
    text-decoration: underline;
    visibility: hidden;
}

@media (max-width: 960px) {
    .cmp-VeniaOrderDetails__item__root {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: repeat(5, auto);
        row-gap: 0.5rem;
        column-gap: 1rem;
    }

    .cmp-VeniaOrderDetails__item__buyAgainButton {
        grid-column-end: auto;
        justify-self: start;
    }
}

.cmp-VeniaOrderDetails__items__root {
    padding-right: 1.5rem;
}

.cmp-VeniaOrderDetails__items__heading {
    font-weight: var(--venia-global-fontWeight-bold);
    padding-bottom: 0.75rem;
}

.cmp-VeniaOrderDetails__items__itemsContainer {
    display: grid;
    row-gap: 2.5rem;
}

@media (max-width: 960px) {
    .cmp-VeniaOrderDetails__items__root {
        display: grid;
        padding-right: 0rem;
    }
}

.cmp-VeniaOrderDetails__paymentMethod__root {
    display: grid;
    row-gap: 0.375rem;
}

.cmp-VeniaOrderDetails__paymentMethod__heading {
    grid-row: 1 / span 1;
    font-weight: var(--venia-global-fontWeight-bold);
    padding-bottom: 0.375rem;
}

.cmp-VeniaOrderDetails__paymentMethod__payment_type {
    grid-row: 2 / span 1;
}

.cmp-VeniaOrderDetails__shippingInformation__root {
    display: grid;
    row-gap: 0.375rem;
}

.cmp-VeniaOrderDetails__shippingInformation__heading {
    font-weight: var(--venia-global-fontWeight-bold);
    padding-bottom: 0.375rem;
}

.cmp-VeniaOrderDetails__shippingMethod__root {
    display: grid;
    row-gap: 0.375rem;
}

.cmp-VeniaOrderDetails__shippingMethod__heading {
    font-weight: var(--venia-global-fontWeight-bold);
    padding-bottom: 0.375rem;
}

.cmp-VeniaOrderDetails__shippingMethod__method:empty {
    display: none;
}

.cmp-VeniaOrderDetails__shippingMethod__tracking {
    display: grid;
    row-gap: 0.375rem;
}

.cmp-VeniaOrderDetails__orderTotal__root {
    display: grid;
    gap: 1rem;
    padding: 2rem;
    border: 2px solid rgb(var(--venia-global-color-gray-400));
    border-radius: 0.375rem;
}

.cmp-VeniaOrderDetails__orderTotal__heading {
    font-weight: var(--venia-global-fontWeight-bold);
    padding-bottom: 0.5rem;
}

.cmp-VeniaOrderDetails__orderTotal__subTotal {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
}

.cmp-VeniaOrderDetails__orderTotal__discount {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
}

.cmp-VeniaOrderDetails__orderTotal__tax {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
}

.cmp-VeniaOrderDetails__orderTotal__shipping {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
}

.cmp-VeniaOrderDetails__orderTotal__total {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    font-weight: var(--venia-global-fontWeight-bold);
}

@media (max-width: 960px) {
    .cmp-VeniaOrderDetails__orderTotal__root {
        border: none;
        border-radius: 0rem;
        padding: 1rem 0rem;
    }
}

.cmp-VeniaOrderDetails__orderDetails__root {
    display: grid;
    gap: 2rem;
}

.cmp-VeniaOrderDetails__orderDetails__shippingInformationContainer {
    grid-row: 1 / span 1;
    grid-column: 1 / span 1;
}

.cmp-VeniaOrderDetails__orderDetails__shippingMethodContainer {
    grid-row: 1 / span 1;
    grid-column: 2 / span 1;
}

.cmp-VeniaOrderDetails__orderDetails__billingInformationContainer {
    grid-row: 1 / span 1;
    grid-column: 3 / span 1;
}

.cmp-VeniaOrderDetails__orderDetails__paymentMethodContainer {
    grid-row: 1 / span 1;
    grid-column: 4 / span 1;
}

.cmp-VeniaOrderDetails__orderDetails__itemsContainer {
    grid-row: 2 / span 4;
    grid-column: 1 / span 2;
}

.cmp-VeniaOrderDetails__orderDetails__orderTotalContainer {
    grid-row: 2 / span 2;
    grid-column: 3 / span 2;

    min-width: 22rem;
    max-width: 25rem;
    margin: auto;
}

.cmp-VeniaOrderDetails__orderDetails__printButton {
    grid-row: 4 / span 1;
    grid-column: 3 / span 2;

    align-items: center;
    column-gap: 0.5rem;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: auto 1fr;
    width: fit-content;
    margin: auto;
    visibility: hidden;
}

.cmp-VeniaOrderDetails__orderDetails__printLabel {
    text-decoration: underline;
}

@media (max-width: 960px) {
    .cmp-VeniaOrderDetails__orderDetails__root {
        display: grid;
        column-gap: 0rem;
        gap: 1.5rem;
    }

    .cmp-VeniaOrderDetails__orderDetails__shippingInformationContainer {
        grid-row: 1 / span 1;
        grid-column: 1 / span 1;
    }

    .cmp-VeniaOrderDetails__orderDetails__shippingMethodContainer {
        grid-row: 2 / span 1;
        grid-column: 1 / span 1;
    }

    .cmp-VeniaOrderDetails__orderDetails__billingInformationContainer {
        grid-row: 3 / span 1;
        grid-column: 1 / span 1;
    }

    .cmp-VeniaOrderDetails__orderDetails__paymentMethodContainer {
        grid-row: 4 / span 1;
        grid-column: 1 / span 1;
    }

    .cmp-VeniaOrderDetails__orderDetails__itemsContainer {
        grid-row: 5 / span 1;
        grid-column: 1 / span 1;
    }

    .cmp-VeniaOrderDetails__orderDetails__orderTotalContainer {
        grid-row: 6 / span 1;
        grid-column: 1 / span 1;

        min-width: 0rem;
        max-width: none;
        margin: unset;
    }

    .cmp-VeniaOrderDetails__orderDetails__printButton {
        grid-row: 7 / span 1;
        grid-column: 1 / span 1;
    }
}

.cmp-VeniaOrderHistoryPage__orderRow__root {
    border: 2px solid rgb(var(--venia-global-color-gray-400));
    border-radius: 0.375rem;
    display: grid;
    grid-template-columns: minmax(9rem, 1fr) minmax(9rem, 1fr) minmax(9rem, 1fr) 16rem 2fr 3rem;
}

.cmp-VeniaOrderHistoryPage__orderRow__cell {
    border-left: 2px solid rgb(var(--venia-global-color-gray));
    padding: 1.5rem;
    overflow: hidden;
}

.cmp-VeniaOrderHistoryPage__orderRow__stackedCell {
    display: grid;
    row-gap: 0.25rem;
}

.cmp-VeniaOrderHistoryPage__orderRow__label {
    font-size: var(--venia-typography-body-XS-fontSize);
}

.cmp-VeniaOrderHistoryPage__orderRow__value {
    font-weight: var(--venia-global-fontWeight-bold);
}

.cmp-VeniaOrderHistoryPage__orderRow__orderStatusContainer {
    row-gap: 0.75rem;
}

.cmp-VeniaOrderHistoryPage__orderRow__orderItemsContainer {
    padding: 0;
}

.cmp-VeniaOrderHistoryPage__orderRow__contentToggleContainer {
    padding: 0;
}

.cmp-VeniaOrderHistoryPage__orderRow__orderStatusBadge {
    border: 1px solid rgb(var(--venia-global-color-gray-400));
    border-radius: 0.375rem;
    font-weight: var(--venia-global-fontWeight-bold);
    justify-self: flex-start;
    padding: 0.25rem 1.25rem;
}

.cmp-VeniaOrderHistoryPage__orderRow__content {
    border-top: 2px solid rgb(var(--venia-global-color-gray));
    grid-column: 1 / -1;
    padding: 1.5rem;
}

.cmp-VeniaOrderHistoryPage__orderRow__content_collapsed {
    display: none;
}

@media (max-width: 960px) {
    .cmp-VeniaOrderHistoryPage__orderRow__root {
        grid-template-columns: 1fr 1fr;
    }

    .cmp-VeniaOrderHistoryPage__orderRow__cell {
        border-left: none;
    }

    .cmp-VeniaOrderHistoryPage__orderRow__contentToggleContainer {
        grid-column-start: 2;
        grid-row-start: 1;
        justify-self: flex-end;
        padding: 0 1.5rem;
    }

    .cmp-VeniaOrderHistoryPage__orderRow__orderStatusContainer {
        grid-column-end: span 2;
    }

    .cmp-VeniaOrderHistoryPage__orderRow__orderItemsContainer {
        border-bottom: 2px solid rgb(var(--venia-global-color-gray));
        grid-column-end: span 2;
        padding: 1rem 0;
    }

    .cmp-VeniaOrderHistoryPage__orderRow__orderItemsContainer:empty {
        display: none;
    }

    .cmp-VeniaOrderHistoryPage__orderRow__orderNumberContainer {
        align-items: center;
        column-gap: 0.5rem;
        grid-auto-flow: column;
        grid-column: 1 / span 2;
        grid-row: 1;
        justify-content: flex-start;
    }

    .cmp-VeniaOrderHistoryPage__orderRow__orderDateContainer {
        border: 2px solid rgb(var(--venia-global-color-gray));
        border-left: none;
    }

    .cmp-VeniaOrderHistoryPage__orderRow__orderTotalContainer {
        border-bottom: 2px solid rgb(var(--venia-global-color-gray));
        border-top: 2px solid rgb(var(--venia-global-color-gray));
    }
}

.cmp-VeniaWishlistPage__wishlistItems__root {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
}

@media (max-width: 480px) {
    .cmp-VeniaWishlistPage__wishlistItems__root {
        column-gap: 1rem;
    }
}

.cmp-VeniaWishlistPage__wishlistItem__root {
    align-content: start;
    display: grid;
    row-gap: 0.5rem;
}

.cmp-VeniaWishlistPage__wishlistItem__root_disabled {
    opacity: 0.5;
}

.cmp-VeniaWishlistPage__wishlistItem__name {
    font-size: var(--venia-typography-detail-XL-fontSize);
    font-weight: var(--venia-global-fontWeight-semibold);
}

.cmp-VeniaWishlistPage__wishlistItem__detail {
    color: rgb(var(--venia-global-color-text-alt));
    font-size: var(--venia-typography-detail-L-fontSize);
}

.cmp-VeniaWishlistPage__wishlistItem__outOfStock {
    color: rgb(var(--venia-global-color-error));
    font-size: var(--venia-typography-detail-L-fontSize);
}

.cmp-VeniaWishlistPage__wishlistItem__priceContainer {
    font-size: var(--venia-typography-detail-XL-fontSize);
}

.cmp-VeniaWishlistPage__wishlistItem__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cmp-VeniaWishlistPage__wishlistItem__image_disabled {
    opacity: 0.6;
}

.cmp-VeniaWishlistPage__wishlistItem__addToCart {
    justify-self: left;
    margin-top: 0.25rem;
}

.cmp-VeniaWishlistPage__wishlistItem__deleteItem {
    margin: 0 0.5rem 0 1rem;
    justify-self: right;
}

.cmp-VeniaWishlistPage__wishlistItem__actionWrap {
    display: flex;
    align-items: flex-start;
}

.cmp-VeniaWishlistPage__wishlistItem__moreActions {
    align-items: center;
    background-color: rgb(var(--venia-global-color-gray-100));
    border-radius: 50%;
    display: none;
    padding: 0.125rem;
}

@media (max-width: 480px) {
    .cmp-VeniaWishlistPage__wishlistItem__addToCart {
        min-width: 100%;
    }
}

.cmp-VeniaDialog__dialog__root {
    position: fixed;
    left: -100vw;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;

    transform: translate3d(-50%, 0, 0);
    transition: opacity 192ms var(--venia-global-anim-out),
        visibility 192ms var(--venia-global-anim-out), left 0s 192ms;
    z-index: 3;
}

.cmp-VeniaDialog__dialog__root_open {
    left: 50%;
    opacity: 1;
    visibility: visible;
    transition: opacity 224ms var(--venia-global-anim-in),
        visibility 224ms var(--venia-global-anim-in), left 0s;
}

.cmp-VeniaDialog__dialog__form {
    height: 100%;
    width: 100%;
    display: grid;
    justify-content: center;
    align-content: center;
}

.cmp-VeniaDialog__dialog__mask {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(var(--venia-global-color-gray-darker));
    opacity: 0.5;
}
.cmp-VeniaDialog__dialog__dialog {
    background-color: rgb(var(--venia-global-color-background));
    border-radius: 5px;
    box-shadow: 1px 1px 5px rgb(var(--venia-global-color-gray-darker));
    height: 100%;
    max-height: 90vh;
    min-height: 360px;
    width: 640px;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
    pointer-events: auto;
    z-index: 4;
}

.cmp-VeniaDialog__dialog__header {
    border-bottom: 1px solid rgb(var(--venia-global-color-border));
    height: 3.5rem;
    padding: 0 0.75rem 0 1rem;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr auto;
    column-gap: 1rem;
    align-items: center;
}

.cmp-VeniaDialog__dialog__headerText {
    color: rgb(var(--venia-global-color-text-alt));
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25rem;
}

.cmp-VeniaDialog__dialog__headerButton {
    justify-self: right;
}

.cmp-VeniaDialog__dialog__body {
    overflow: auto;
    display: grid;
    grid-template-rows: 1fr auto;
}

.cmp-VeniaDialog__dialog__contents {
    padding: 1rem;
}

.cmp-VeniaDialog__dialog__buttons {
    padding: 2.5rem;

    display: grid;
    grid-auto-flow: column;
    gap: 1rem;
    justify-content: center;
}

@media (max-width: 960px) {
    .cmp-VeniaDialog__dialog__root {
        left: auto;
        right: 0;
        transform: translate3d(100%, 0, 0);
        transition-property: opacity, transform, visibility;
    }

    .cmp-VeniaDialog__dialog__root_open {
        transform: translate3d(0, 0, 0);
    }

    .cmp-VeniaDialog__dialog__form {
        align-content: stretch;
        justify-content: end;
    }

    .cmp-VeniaDialog__dialog__dialog {
        max-height: 100%;
        max-width: 360px;
    }

    .cmp-VeniaDialog__dialog__buttons {
        grid-auto-flow: row;
    }

    .cmp-VeniaDialog__dialog__confirmButton {
        order: -1;
    }
}

.cmp-VeniaAddToCartDialog__addToCartDialog__root {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
}

.cmp-VeniaAddToCartDialog__addToCartDialog__image {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.cmp-VeniaAddToCartDialog__addToCartDialog__detailsContainer {
    align-content: start;
    display: grid;
    row-gap: 1rem;
}

.cmp-VeniaAddToCartDialog__addToCartDialog__name {
    font-family: var(--venia-global-fontFamily-serif);
    font-size: var(--venia-typography-body-XXXL-fontSize);
    font-weight: var(--venia-global-fontWeight-bold);
}

.cmp-VeniaAddToCartDialog__addToCartDialog__price {
    font-weight: var(--venia-global-fontWeight-semibold);
}

.cmp-VeniaAddToCartDialog__addToCartDialog__price:empty {
    background-color: rgb(var(--venia-global-color-gray));
    min-height: 1rem;
    width: 4rem;
}

.cmp-VeniaAddToCartDialog__addToCartDialog__optionTitle {
    border-top: 1px solid rgb(var(--venia-global-color-border));
    font-weight: var(--venia-global-fontWeight-semibold);
    padding: 1rem 0;
}

.cmp-VeniaAddToCartDialog__addToCartDialog__dialogHeaderText {
    overflow: visible;
}

.cmp-VeniaAddToCartDialog__addToCartDialog__titleContainer {
    line-height: 1;
    width: fit-content;
}

@media (max-width: 960px) {
    .cmp-VeniaAddToCartDialog__addToCartDialog__root {
        grid-template-columns: auto;
    }
}

.cmp-VeniaProductOptions__tile__root {
    border: 1px solid rgb(var(--venia-global-color-text));
    border-radius: 2px;
    height: 3rem;
    min-width: 3rem;
    padding: 0 0.5rem;
}

.cmp-VeniaProductOptions__tile__root_selected {
    background-color: rgb(var(--venia-global-color-text));
    color: white;
}

.cmp-VeniaProductOptions__swatch__root {
    background: var(--venia-global-color-gray);
    border-color: rgba(0, 0, 0, 0.1);
    color: white;
    width: 3rem;
    --venia-swatch-bg: var(--venia-global-color-gray);
}

.cmp-VeniaProductOptions__swatch__root_selected {
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0.2), transparent),
        var(--venia-global-color-gray);
}

.cmp-VeniaProductOptions__tileList__root {
    display: grid;
    gap: 1rem;
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fit, minmax(3rem, max-content));
}

.cmp-VeniaProductOptions__tile__root {
    border: 1px solid rgb(var(--venia-global-color-text));
    border-radius: 2px;
    height: 3rem;
    min-width: 3rem;
    padding: 0 0.5rem;
}

.cmp-VeniaProductOptions__tile__root_selected {
    background-color: rgb(var(--venia-global-color-text));
    color: white;
}

.cmp-VeniaProductOptions__tileList__root {
    display: grid;
    gap: 1rem;
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fit, minmax(3rem, max-content));
}

.cmp-VeniaProductOptions__option__root {
    border-bottom: 1px solid rgb(var(--venia-global-color-border));
    margin: 0 1.5rem;
    padding: 1.75rem 0;
}

.cmp-VeniaProductOptions__option__title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

.cmp-VeniaProductOptions__option__selection {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 1rem;
    display: flex;
}

.cmp-VeniaProductOptions__option__selectionLabel {
    margin-right: 1rem;
}

.cmp-VeniaPageLoadingIndicator__indicator__root {
    animation: cmp-VeniaPageLoadingIndicator__indicator__spin 1920ms linear infinite;
    grid-area: primary;
}

.cmp-VeniaPageLoadingIndicator__indicator__indicator {
    --stroke: rgb(var(--venia-global-color-text-hint));
}

@media (min-width: 641px) {
    .cmp-VeniaPageLoadingIndicator__indicator__root {
        justify-self: start;
        margin-left: 0.5rem;
        grid-area: secondary;
    }
}

@media (min-width: 1024px) {
    .cmp-VeniaPageLoadingIndicator__indicator__root {
        grid-column: 2 / 3;
    }
}

@keyframes cmp-VeniaPageLoadingIndicator__indicator__spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.cmp-VeniaWishlistPage__wishlist__root {
    border: 2px solid rgb(var(--venia-global-color-gray-400));
    border-radius: 0.375rem;
    display: grid;
    padding: 2rem;
    row-gap: 2rem;
}

.cmp-VeniaWishlistPage__wishlist__header {
    align-items: center;
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
}

.cmp-VeniaWishlistPage__wishlist__nameContainer {
    align-items: center;
    gap: 0.5rem 1rem;
    display: grid;
    grid-auto-flow: column;
}

.cmp-VeniaWishlistPage__wishlist__emptyListText {
    text-align: center;
    padding: 2rem 0;
}

.cmp-VeniaWishlistPage__wishlist__name {
    font-weight: var(--venia-global-fontWeight-semibold);
}

.cmp-VeniaWishlistPage__wishlist__buttonsContainer {
    align-items: center;
    column-gap: 1rem;
    display: grid;
    grid-auto-flow: column;
}

.cmp-VeniaWishlistPage__wishlist__content_hidden {
    display: none;
}

.cmp-VeniaWishlistPage__wishlist__visibilityToggle_hidden {
    display: none;
}

.cmp-VeniaWishlistPage__wishlist__loadMore {
    margin: 2rem auto;
    display: block;
    min-width: 20rem;
}

@media (max-width: 768px) {
    .cmp-VeniaWishlistPage__wishlist__root {
        padding: 1.5rem;
    }

    .cmp-VeniaWishlistPage__wishlist__header {
        grid-template-rows: 1fr 1fr;
        row-gap: 0.5rem;
    }

    .cmp-VeniaWishlistPage__wishlist__nameContainer {
        grid-auto-flow: row;
    }

    .cmp-VeniaWishlistPage__wishlist__buttonsContainer {
        justify-self: end;
    }

    .cmp-VeniaWishlistPage__wishlist__itemsCountContainer {
        grid-column-end: span 2;
        justify-self: center;
    }
}

.cmp-VeniaWishlistPage__wishlistMoreActionsDialog__root {
    display: grid;
}

.cmp-VeniaWishlistPage__wishlistMoreActionsDialog__row {
    align-items: center;
    display: grid;
    gap: 2rem;
    grid-template-columns: auto 1fr auto;
    padding: 1rem;
    text-align: left;
}

.cmp-VeniaWishlistPage__wishlistMoreActionsDialog__rowButton:nth-child(even) {
    border-top: 2px solid rgb(var(--venia-global-color-gray));
    border-bottom: 2px solid rgb(var(--venia-global-color-gray));
}

.cmp-VeniaWishlistPage__wishlistConfirmRemoveProductDialog__root {
    padding: 1rem;
}

.cmp-VeniaWishlistPage__wishlistConfirmRemoveProductDialog__errorMessage {
    color: rgb(var(--venia-global-color-error));
    font-size: var(--venia-typography-body-S-fontSize);
    font-weight: var(--venia-global-fontWeight-semibold);
    line-height: var(--venia-global-lineHeight-300);
    padding-bottom: 1rem;
}

.cmp-VeniaWishlistPage__wishlistConfirmRemoveProductDialog__prompt {
    font-weight: var(--venia-global-fontWeight-semibold);
}

.cmp-VeniaWishlistPage__wishlistEditFavoritesListDialog__root {
    padding: 1rem;
}

.cmp-VeniaWishlistPage__wishlistEditFavoritesListDialog__cancelButton {

    min-width: 9rem;
}

.cmp-VeniaWishlistPage__wishlistEditFavoritesListDialog__form {
    display: grid;
    gap: 1.5rem;
}

.cmp-VeniaWishlistPage__wishlistPage__root {
    display: grid;
    padding: 2rem 3rem;
    row-gap: 2rem;
}

.cmp-VeniaWishlistPage__wishlistPage__heading {
    justify-self: center;
    font-family: var(--venia-global-fontFamily-serif);
    font-weight: var(--venia-global-fontWeight-bold);
}

.cmp-VeniaWishlistPage__wishlistPage__errorContainer {
    justify-self: center;
}

.cmp-VeniaWishlistPage__wishlistPage__fetchError {
    border-left: 4px solid rgb(var(--venia-global-color-error));
    color: rgb(var(--venia-global-color-error));
    font-size: var(--venia-typography-body-S-fontSize);
    font-weight: var(--venia-global-fontWeight-semibold);
    padding: 0.625rem 0 0.625rem 1rem;
}

@media (max-width: 960px) {
    .cmp-VeniaWishlistPage__wishlistPage__root {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        row-gap: 1rem;
    }

    .cmp-VeniaWishlistPage__wishlistPage__heading {
        padding-bottom: 1rem;
    }
}

.cmp-VeniaAccountInformationPage__accountInformationPage__root {
    display: grid;
    padding: 2.5rem 3rem;
    row-gap: 2rem;
}

.cmp-VeniaAccountInformationPage__accountInformationPage__title {
    justify-self: center;
    font-family: var(--venia-global-fontFamily-serif);
    font-weight: var(--venia-global-fontWeight-bold);
}

.cmp-VeniaAccountInformationPage__accountInformationPage__accountDetails {
    display: grid;
    row-gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
}

.cmp-VeniaAccountInformationPage__accountInformationPage__lineItemsContainer {
    grid-column: 1 / span 1;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
    line-height: 1.5rem;
}

.cmp-VeniaAccountInformationPage__accountInformationPage__lineItemLabel {
    font-weight: var(--venia-global-fontWeight-bold);
}

.cmp-VeniaAccountInformationPage__accountInformationPage__editButtonContainer {
    grid-column: 1 / span 1;
    text-align: center;
}

@media (min-width: 961px) {
}

@media (max-width: 960px) {
    .cmp-VeniaAccountInformationPage__accountInformationPage__accountDetails {
        grid-template-columns: 1fr;
    }

    .cmp-VeniaAccountInformationPage__accountInformationPage__lineItemsContainer {
        grid-template-columns: 1fr;
        grid-gap: 0.75rem;
    }
}

.cmp-VeniaToastContainer__toast__root {
    align-items: start;
    background-color: white;
    border-radius: 2px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
    color: rgb(33, 33, 33);
    display: grid;
    font-family: var(--venia-global-fontFamily-sansSerif);
    font-size: 0.8rem;
    font-weight: lighter;
    gap: 0.5rem 0.75rem;
    grid-template-areas: 'icon message controls';
    grid-auto-columns: min-content auto min-content;
    justify-items: start;
    line-height: 1.25rem;
    margin: 0 auto;
    padding: 1rem;
    width: 20rem;

    border: 1px solid;
    border-color: #d1d1d1;
    animation: cmp-VeniaToastContainer__toast__toast-pulsate 0.5s 1s;
}
@keyframes cmp-VeniaToastContainer__toast__toast-pulsate {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}
.cmp-VeniaToastContainer__toast__icon {
    grid-area: icon;
}
.cmp-VeniaToastContainer__toast__infoToast {
    border-bottom: 4px solid rgb(0, 104, 108);
}
.cmp-VeniaToastContainer__toast__infoToast &gt; .cmp-VeniaToastContainer__toast__icon {
    --stroke: rgb(0, 104, 108);
}
.cmp-VeniaToastContainer__toast__warningToast {
    border-bottom: 4px solid rgb(var(--venia-global-color-orange));
}
.cmp-VeniaToastContainer__toast__warningToast &gt; .cmp-VeniaToastContainer__toast__icon {
    --stroke: rgb(var(--venia-global-color-orange));
}
.cmp-VeniaToastContainer__toast__errorToast {
    border-bottom: 4px solid rgb(220, 20, 60);
}
.cmp-VeniaToastContainer__toast__errorToast &gt; .cmp-VeniaToastContainer__toast__icon {
    --stroke: rgb(220, 20, 60);
}
.cmp-VeniaToastContainer__toast__successToast {
    border-bottom: 4px solid rgb(var(--venia-global-color-green-500));
}
.cmp-VeniaToastContainer__toast__successToast &gt; .cmp-VeniaToastContainer__toast__icon {
    --stroke: rgb(var(--venia-global-color-green-500));
}
.cmp-VeniaToastContainer__toast__message {
    grid-area: message;
    display: flex;
    font-family: var(--venia-global-fontFamily-sansSerif);
    font-size: 0.875rem;
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
}
.cmp-VeniaToastContainer__toast__actions {
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
}
.cmp-VeniaToastContainer__toast__controls {
    grid-area: controls;
    border-left: 1px solid rgb(224, 224, 224);
    padding-left: 0.75rem;
}
.cmp-VeniaToastContainer__toast__actionButton {
    font-weight: 600;
    text-decoration: underline;
    color: rgb(33, 33, 33);
}
.cmp-VeniaToastContainer__toast__dismissButton {
    color: rgb(112, 112, 112);
}

.cmp-VeniaToastContainer__toastContainer__root {
    position: fixed;
    display: grid;
    grid-row-gap: 1rem;
    z-index: 6;
    bottom: 0px;
    margin-bottom: 1rem;
    min-width: 100%;
}

@media (min-width: 1024px) {
    .cmp-VeniaToastContainer__toastContainer__root {
        right: 2rem;
        min-width: auto;
    }
}

.button, .rich-text button, .cmp-text button {
  border: none;
  cursor: pointer;
  font-size: 1rem;
  padding: 10px 1rem;
  text-transform: uppercase;
  transition: background-color .25s, border-color .15s;
}

.button[aria-pressed="true"] {
    background-color: #c1cbd3;
    border-color: #c1cbd3;
  }

.button.center-between:before { content: ''; display: block; }

.button--style-outlined-primary, .btn.primary.blue, .button--style--geo-blue, .button--style--blue {
        background-color: #fff;
      }

.button--style-outlined-primary:is(:hover, :active, :focus), .btn.primary.blue:is(:hover, :active, :focus), .button--style--geo-blue:is(:hover, :active, :focus), .button--style--blue:is(:hover, :active, :focus) {
          background-color: #0f9dff;
          border-color: #0f9dff;
          color: #fff;
        }

.button--style-outlined-primary:active, .btn.primary.blue:active, .button--style--geo-blue:active, .button--style--blue:active, .button--style-outlined-primary:focus, .btn.primary.blue:focus, .button--style--geo-blue:focus, .button--style--blue:focus {
          box-shadow: inset 0 0 0 1px #fff;
        }

.button--style-outlined-secondary:is(:hover, :active, :focus) {
          background-color: #48565e;
          border-color: #48565e;
          color: #fff;
        }

.button--style-outlined-secondary:active {
          background-color: #fff;
          border-color: #48565e;
          color: #48565e;
        }

.button--style-outlined-tertiary:is(:hover, :active, :focus) {
          background-color: #015A99;
          border-color: #015A99;
          color: #fff;
        }

.button--style-outlined-tertiary:active,
        .button--style-outlined-tertiary:focus {
          box-shadow: inset 0 0 0 1px #fff;
        }

.button--style-outlined-green:is(:hover, :active, :focus) {
          background-color: #74CD71;
          border-color: #74CD71;
          color: #fff;
        }

.button--style-outlined-green:active,
        .button--style-outlined-green:focus {
          box-shadow: inset 0 0 0 1px #fff;
        }

.button--style-outlined-primary, .btn.primary.blue, .button--style--geo-blue, .button--style--blue {        border: 2px solid #0f9dff;        color: #0f9dff;        text-transform: uppercase;      }

.button--style-outlined-primary:is(:hover, :active, :focus), .btn.primary.blue:is(:hover, :active, :focus), .button--style--geo-blue:is(:hover, :active, :focus), .button--style--blue:is(:hover, :active, :focus) {          background-color: #0f9dff;          border-color: #0f9dff;          color: #fff;        }

.button--style-outlined-secondary {        border: 2px solid #48565e;        color: #48565e;        text-transform: uppercase;      }

.button--style-outlined-secondary:is(:hover, :active, :focus) {          background-color: #48565e;          border-color: #48565e;          color: #0f9dff;        }

.button--style-outlined-tertiary {        border: 2px solid #015A99;        color: #015A99;        text-transform: uppercase;      }

.button--style-outlined-tertiary:is(:hover, :active, :focus) {          background-color: #015A99;          border-color: #015A99;          color: #fff;        }

.button--style-outlined-red, .button--style--red {        border: 2px solid #E54155;        color: #E54155;        text-transform: uppercase;      }

.button--style-outlined-red:is(:hover, :active, :focus), .button--style--red:is(:hover, :active, :focus) {          background-color: #E54155;          border-color: #E54155;          color: #fff;        }

.button--style-outlined-orange {        border: 2px solid #f37121;        color: #f37121;        text-transform: uppercase;      }

.button--style-outlined-orange:is(:hover, :active, :focus) {          background-color: #f37121;          border-color: #f37121;          color: #fff;        }

.button--style-outlined-green {        border: 2px solid #74CD71;        color: #74CD71;        text-transform: uppercase;      }

.button--style-outlined-green:is(:hover, :active, :focus) {          background-color: #74CD71;          border-color: #74CD71;          color: #fff;        }

.button--style-outlined-yellow {        border: 2px solid #f5d35e;        color: #f5d35e;        text-transform: uppercase;      }

.button--style-outlined-yellow:is(:hover, :active, :focus) {          background-color: #f5d35e;          border-color: #f5d35e;          color: #fff;        }

.button--style-outlined-white, .button--style--white {        border: 2px solid #fff;        color: #fff;        text-transform: uppercase;      }

.button--style-outlined-white:is(:hover, :active, :focus), .button--style--white:is(:hover, :active, :focus) {          background-color: #fff;          border-color: #fff;          color: #0174c3;        }

.button--style-contained-white, .button--style--white-filled, .button--style-contained-secondary {
        background-color: #fff;
      }

.button--style-contained-white:is(:hover, :active, :focus), .button--style--white-filled:is(:hover, :active, :focus), .button--style-contained-secondary:is(:hover, :active, :focus) {
          background-color: #0174c3 !important;
          color: #fff;
        }

.button--style-contained-primary, .button--style--blue-filled, .rich-text button, .cmp-text button {        background-color: #0f9dff;        border: 2px solid #0f9dff;        color: #fff;      }

.button--style-contained-primary:is(:hover, :active, :focus), .button--style--blue-filled:is(:hover, :active, :focus) {          background-color: #fff;          border: 2px solid #0f9dff;          color: #0f9dff;        }

.button--style-contained-secondary {        background-color: #fff;        border: 2px solid #fff;        color: #0f9dff;      }

.button--style-contained-secondary:is(:hover, :active, :focus) {          background-color: #fff;          border: 2px solid #fff;          color: #fff;        }

.button--style-contained-tertiary {        background-color: #015A99;        border: 2px solid #015A99;        color: #fff;      }

.button--style-contained-tertiary:is(:hover, :active, :focus) {          background-color: #fff;          border: 2px solid #015A99;          color: #015A99;        }

.button--style-contained-red {        background-color: #E54155;        border: 2px solid #E54155;        color: #fff;      }

.button--style-contained-red:is(:hover, :active, :focus) {          background-color: #fff;          border: 2px solid #E54155;          color: #E54155;        }

.button--style-contained-orange {        background-color: #f37121;        border: 2px solid #f37121;        color: #fff;      }

.button--style-contained-orange:is(:hover, :active, :focus) {          background-color: #fff;          border: 2px solid #f37121;          color: #f37121;        }

.button--style-contained-green {        background-color: #74CD71;        border: 2px solid #74CD71;        color: #fff;      }

.button--style-contained-green:is(:hover, :active, :focus) {          background-color: #fff;          border: 2px solid #74CD71;          color: #74CD71;        }

.button--style-contained-yellow {        background-color: #f5d35e;        border: 2px solid #f5d35e;        color: #fff;      }

.button--style-contained-yellow:is(:hover, :active, :focus) {          background-color: #fff;          border: 2px solid #f5d35e;          color: #f5d35e;        }

.button--style-contained-white, .button--style--white-filled {        background-color: #fff;        border: 2px solid #fff;        color: #0174c3;      }

.button--style-contained-white:is(:hover, :active, :focus), .button--style--white-filled:is(:hover, :active, :focus) {          background-color: #fff;          border: 2px solid #fff;          color: #fff;        }

.button--style--geo-blue,
    .button--style--blue {
    }

.button--style--blue-filled {
    }

.button--style--dark-blue {
      background-color: #fff;
      border-color: #0174c3;
      color: #0174c3;

    }

.button--style--dark-blue:is(:hover, :active, :focus) {
        background-color: #0174c3;
        border-color: #fff;
        color: #fff;
      }

.button--style--red {
    }

.button--style--white {
    }

.button--style--white-filled {
    }

.button--style-text-primary {        border: none;        color: #0f9dff;        padding: 0;      }

.button--style-text-primary:is(:hover, :active, :focus) {          text-decoration: underline;        }

.button--style-text-secondary {        border: none;        color: #48565e;        padding: 0;      }

.button--style-text-secondary:is(:hover, :active, :focus) {          text-decoration: underline;        }

.button--style-text-tertiary {        border: none;        color: #015A99;        padding: 0;      }

.button--style-text-tertiary:is(:hover, :active, :focus) {          text-decoration: underline;        }

.button--style-text-red {        border: none;        color: #E54155;        padding: 0;      }

.button--style-text-red:is(:hover, :active, :focus) {          text-decoration: underline;        }

.button--style-text-orange {        border: none;        color: #f37121;        padding: 0;      }

.button--style-text-orange:is(:hover, :active, :focus) {          text-decoration: underline;        }

.button--style-text-green {        border: none;        color: #74CD71;        padding: 0;      }

.button--style-text-green:is(:hover, :active, :focus) {          text-decoration: underline;        }

.button--style-text-yellow {        border: none;        color: #f5d35e;        padding: 0;      }

.button--style-text-yellow:is(:hover, :active, :focus) {          text-decoration: underline;        }

.button--style-text-white {        border: none;        color: #fff;        padding: 0;      }

.button--style-text-white:is(:hover, :active, :focus) {          text-decoration: underline;        }

.button--size-x-small :not(.button--style-text-primary){      padding-left: 0.5rem;      padding-right: 0.5rem;      padding-top: 8px;      padding-bottom: 8px;    }

.button--size-small :not(.button--style-text-primary){      padding-left: 0.75rem;      padding-right: 0.75rem;      padding-top: 8px;      padding-bottom: 8px;    }

.button--size-medium :not(.button--style-text-primary){      padding-left: 1rem;      padding-right: 1rem;      padding-top: 8px;      padding-bottom: 8px;    }

.button--size-large :not(.button--style-text-primary){      padding-left: 1.25rem;      padding-right: 1.25rem;      padding-top: 8px;      padding-bottom: 8px;    }

.button--size-x-large :not(.button--style-text-primary){      padding-left: 1.5rem;      padding-right: 1.5rem;      padding-top: 8px;      padding-bottom: 8px;    }

.button--size-2x-large :not(.button--style-text-primary){      padding-left: 1.75rem;      padding-right: 1.75rem;      padding-top: 8px;      padding-bottom: 8px;    }

.button--size-xx-large :not(.button--style-text-primary){      padding-left: 3.4375rem;      padding-right: 3.4375rem;      padding-top: 8px;      padding-bottom: 8px;    }

.button-and-image-component {
    width: 100%;
    padding: 80px 0;
    box-sizing: border-box;
  }

.button-and-image-component.primary {
      border: 1px solid #707070;
      background-color: #2f2a2b;
    }

.button-and-image-component .cmp-image {
      display: flex;
      flex-direction: column;
      gap: 80px;
    }

.button-and-image-component .cmp-image .cmp-image__image {
        width: inherit;
        max-width: 60%;
        margin: 0 auto;
      }

.button-and-image-component .cmp-image .textfield {
        border: none;
        width: 100%;
        display: flex;
        padding: 10px 20px;
        background-color: #ffffff;
        color: black;
        margin-bottom: 30px;
        max-width: 100%;
        border-radius: 0;
      }

.button-and-image-component .cmp-image .d-flex {
        display: flex;
      }

.button-and-image-component .cmp-image .d-flex .btn {
          border-radius: 0px;
          padding: 10px 20px;
          min-width: 150px;
          font-weight: 600;
          font-size: 16px;
          border: 2px solid;
          background-color: transparent;
          border-image-slice: 1;
          color: rgba(0, 255, 147, 1);
          border-image-source: linear-gradient(90deg, rgba(0,255,147,1) 0%, rgba(152,31,255,1) 50%, rgba(255,101,98,1) 100%);
        }

.button-and-image-component .cmp-image .just-center {
        justify-content: center;
      }

.button-and-image-component.secondary {
      border: none;
      background: transparent;
      position: relative;
    }

.button-and-image-component.secondary .cmp-image .d-flex {
          position: absolute;
          left: 0;
          top: 0;
        }

.button-and-image-component.secondary .cmp-image .d-flex .btn {
            background-color: transparent !important;
            color: #fff !important;
            width: auto;
            max-width: inherit;
            font-size: 13px;
            font-weight: 400;
            position: relative;
            padding: 0px;
            text-transform: none;
            border-image: none;
            border: 0px;
          }

.button-and-image-component.secondary .cmp-image .d-flex .btn:before {
              content: '';
              border: solid #fff;
              border-width: 0 2px 2px 0;
              display: inline-block;
              padding: 3px;
              transform: rotate(135deg);
              position: absolute;
              left: 0px;
              top: 3px;
            }

.button, .rich-text button, .cmp-text button {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.btn.primary.blue {
    }

.d-flex {
  display: flex;
}

.just-center {
  justify-content: center;
}

.btn-container {
  align-items: start;
  display: flex;
  flex-wrap: wrap;
}

.btn-container.horizontal {
    flex-direction: row;
  }

@media (max-width: 768px) {
      .btn-container.horizontal &gt; *:not(:last-child) {
        margin-right: 20px;
      }
    }

@media (min-width: 768px) {
      .btn-container.horizontal &gt; *:not(:last-child) {
        margin-right: 40px;
      }
    }

.btn-container.horizontal a.btn {
      flex: 1 1 0px;
    }

.btn-container.vertical {
    flex-direction: column;
  }

.btn-container.vertical &gt; *:not(:last-child) {
      margin-bottom: 20px;
    }

.btn-container.center {
    width: 100%;
    justify-content: center;
  }

button:disabled:not(.cmp-VeniaProductListing__quantity__button_decrement),
  button.disabled,
  .btn:disabled:not(.cmp-VeniaProductListing__quantity__button_decrement),
  .btn.disabled {
    background-color: #e9eef1 !important;
    border: 1px solid #909ca5 !important;
    color: #909ca5 !important;
    cursor: initial;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;font-family: 'Roboto-Light', sans-serif;
  }

button.btn.primary,
  button.btn.video,
  div.btn.primary,
  div.btn.video {
    height: 38px;
    padding: 0 15px;
    min-width: 205px;
    box-sizing: border-box;
    max-width: max-content;
  }

a.btn.primary,
  a.btn.video {
    padding: 9.5px 15px;
    min-width: 205px;
    box-sizing: border-box;
    max-width: max-content;
  }

a.btn,
button.btn,
div.btn {
  outline: none;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}

a.btn.primary,
  a.btn.video,
  button.btn.primary,
  button.btn.video,
  div.btn.primary,
  div.btn.video {
    border-width: 2px;
    border-style: solid;
    text-transform: uppercase;
    border-radius: 30px;
  }

a.btn.buy, button.btn.buy, div.btn.buy {
    min-width: 51px;
    height: 31px;
    line-height: 28px;
    border-radius: 30px;
    padding: 0 15px;
    border-width: 2px;
    border-style: solid;
    max-width: max-content;
    box-sizing: border-box;
  }

a.btn.text, button.btn.text, div.btn.text {
    background-color: transparent !important;
  }

a.btn.text:hover, button.btn.text:hover, div.btn.text:hover {
      background-color: transparent !important;
    }

a.btn,
button.btn,
div.btn {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.button--style--blue {
    color: #0f9dff;
    border-color: #0f9dff;
    background-color: #fff;
  }

.button--style--blue-filled,
    .button--style--blue:hover {
      border-color: #0f9dff;
      background: #0f9dff;
      color: white;
    }

a.btn.text.blue:hover, button.btn.text.blue:hover, div.btn.text.blue:hover {
      color: #0f9dff !important;
    }

a.btn.text.white:hover, button.btn.text.white:hover, div.btn.text.white:hover {
      color: #fff !important;
    }

a.btn.text.geo-blue:hover, button.btn.text.geo-blue:hover, div.btn.text.geo-blue:hover {
      color: #0f9dff !important;
    }

a.btn.text.orange:hover, button.btn.text.orange:hover, div.btn.text.orange:hover {
      color: #f47121 !important;
    }

a.btn.blue, button.btn.blue, div.btn.blue {
    color: #0f9dff;
    border-color: #0f9dff;
    background-color: #fff;
  }

a.btn.blue-filled,
    a.btn.blue:hover,
    button.btn.blue-filled,
    button.btn.blue:hover,
    div.btn.blue-filled,
    div.btn.blue:hover {
      border-color: #0f9dff;
      background: #0f9dff;
      color: white;
    }

a.btn.blue-filled:hover, button.btn.blue-filled:hover, div.btn.blue-filled:hover {
      background: white;
      color: #0f9dff;
    }

a.btn.white, button.btn.white, div.btn.white {
    border-color: #fff;
    color: #fff;
    background: transparent;
  }

a.btn.white:hover,
    a.btn.white-filled,
    button.btn.white:hover,
    button.btn.white-filled,
    div.btn.white:hover,
    div.btn.white-filled {
      border-color: #fff;
      background: #fff;
      color: #0f9dff;
    }

a.btn.white-filled:hover, button.btn.white-filled:hover, div.btn.white-filled:hover {
      background: #0f9dff;
      border-color: #0f9dff;
      color: #fff !important;
    }

a.btn.grey, button.btn.grey, div.btn.grey {
    border-color: gray;
    color: gray;
    background: transparent;
    pointer-events: none;
  }

.text-14,
  .text-14.btn {
    font-size: 14px;
  }

.text-underline {
    text-decoration: underline;
  }

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

.text-underline {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.text-uppercase {
    text-transform: uppercase;
  }

.geotrust-body a.btn.geo-blue,
    .geotrust-body a.btn.blue,
    .geotrust-body button.btn.geo-blue,
    .geotrust-body button.btn.blue {
      border-color: #0f9dff;
      color: #0f9dff;
      background-color: #fff;
    }

.geotrust-body a.btn.geo-blue:hover,
      .geotrust-body a.btn.geo-blue-filled,
      .geotrust-body a.btn.blue:hover,
      .geotrust-body a.btn.blue-filled,
      .geotrust-body button.btn.geo-blue:hover,
      .geotrust-body button.btn.geo-blue-filled,
      .geotrust-body button.btn.blue:hover,
      .geotrust-body button.btn.blue-filled {
        color: white;
        background-color: #0f9dff;
        border-color: #0f9dff;
      }

.geotrust-body a.btn.geo-blue-filled:hover, .geotrust-body a.btn.blue-filled:hover, .geotrust-body button.btn.geo-blue-filled:hover, .geotrust-body button.btn.blue-filled:hover {
        color: #0f9dff;
        background-color: #fff;
        border-color: #0f9dff;
      }

.geotrust-body a.btn.dark-blue, .geotrust-body button.btn.dark-blue {
      border-color: #0174c3;
      color: #0174c3;
      background-color: #fff;
    }

.geotrust-body a.btn.dark-blue:hover,
      .geotrust-body a.btn.dark-blue-filled,
      .geotrust-body button.btn.dark-blue:hover,
      .geotrust-body button.btn.dark-blue-filled {
        color: #fff;
        background-color: #0174c3;
        border-color: #fff;
      }

.geotrust-body a.btn.dark-blue-filled:hover, .geotrust-body button.btn.dark-blue-filled:hover {
        color: #0174c3;
        background-color: #fff;
        border-color: #0174c3;
      }

.geotrust-body a.btn.orange, .geotrust-body button.btn.orange {
      border-color: #f47121;
      color: #f47121;
    }

.geotrust-body a.btn.orange:hover,
      .geotrust-body a.btn.orange-filled,
      .geotrust-body button.btn.orange:hover,
      .geotrust-body button.btn.orange-filled {
        background-color: #f47121;
        color: white;
        border-color: #f47121;
      }

.geotrust-body a.btn.orange-filled:hover, .geotrust-body button.btn.orange-filled:hover {
        background-color: #fff;
        color: #f47121;
      }

.btn-container {
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 20px;
  margin-top: 40px;
}

.btn-container.horizontal {
    flex-direction: row;
  }

@media (max-width: 768px) {
      .btn-container.horizontal &gt; *:not(:last-child) {
        margin-right: 20px;
      }
    }

@media (min-width: 768px) {
      .btn-container.horizontal &gt; *:not(:last-child) {
        margin-right: 40px;
      }
    }

.btn-container.horizontal a.btn {
      flex: 1 1 0px;
    }

.btn-container.vertical {
    flex-direction: column;
  }

.btn-container.vertical &gt; *:not(:last-child) {
      margin-bottom: 20px;
    }

.btn-container.center {
    width: 100%;
    justify-content: center;
  }

button:disabled:not(.cmp-VeniaProductListing__quantity__button_decrement),
  button.disabled,
  .btn:disabled:not(.cmp-VeniaProductListing__quantity__button_decrement),
  .btn.disabled {
    background-color: #e9eef1 !important;
    border: 1px solid #909ca5 !important;
    color: #909ca5 !important;
    cursor: initial;
    font-size: 16px;
    text-transform: uppercase;font-family: 'Roboto-Light', sans-serif;
  }

button.btn.primary,
  button.btn.video {
    height: 38px;
    padding: 0 15px;
    min-width: 205px;
  }

a.btn.primary,
  a.btn.video {
    padding: 9.5px 15px;
  }

a.btn,
button.btn {
  outline: none;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}

a.btn.primary,
  a.btn.video,
  button.btn.primary,
  button.btn.video {
    border-width: 2px;
    border-style: solid;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 30px;
  }

a.btn.buy, button.btn.buy {
    min-width: 51px;
    height: 31px;
    line-height: 28px;
    border-radius: 30px;
    padding: 0 15px;
    border-width: 2px;
    border-style: solid;
    max-width: max-content;
    box-sizing: border-box;
  }

a.btn.text, button.btn.text {
    background-color: transparent !important;
  }

a.btn.text:hover, button.btn.text:hover {
      background-color: transparent !important;
    }

a.btn,
button.btn {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

a.btn.text.blue:hover, button.btn.text.blue:hover {
      color: #0f9dff !important;
    }

a.btn.text.white:hover, button.btn.text.white:hover {
      color: #fff !important;
    }

a.btn.text.geo-blue:hover, button.btn.text.geo-blue:hover {
      color: #0f9dff !important;
    }

a.btn.text.orange:hover, button.btn.text.orange:hover {
      color: #f47121 !important;
    }

a.btn.blue, button.btn.blue {
    color: #0f9dff;
    border-color: #0f9dff;
    background-color: #fff;
  }

a.btn.blue-filled,
    a.btn.blue:hover,
    button.btn.blue-filled,
    button.btn.blue:hover {
      border-color: #0f9dff;
      background: #0f9dff;
      color: white;
    }

a.btn.blue-filled:hover, button.btn.blue-filled:hover {
      background: white;
      color: #0f9dff;
    }

a.btn.white, button.btn.white {
    border-color: #fff;
    color: #fff;
    background: transparent;
  }

a.btn.white:hover,
    a.btn.white-filled,
    button.btn.white:hover,
    button.btn.white-filled {
      border-color: #fff;
      background: #fff;
      color: #0f9dff;
    }

a.btn.white-filled:hover, button.btn.white-filled:hover {
      background: #0f9dff;
      border-color: #0f9dff;
      color: #fff !important;
    }

a.btn.grey, button.btn.grey {
    border-color: gray;
    color: gray;
    background: transparent;
    pointer-events: none;
  }

.text-14,
  .text-14.btn {
    font-size: 14px;
  }

.text-underline {
    text-decoration: underline;
  }

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

.text-underline {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.text-uppercase {
    text-transform: uppercase;
  }

.geotrust-body a.btn.geo-blue,
    .geotrust-body a.btn.blue,
    .geotrust-body button.btn.geo-blue,
    .geotrust-body button.btn.blue {
      border-color: #0f9dff;
      color: #0f9dff;
      background-color: #fff;
    }

.geotrust-body a.btn.geo-blue:hover,
      .geotrust-body a.btn.geo-blue-filled,
      .geotrust-body a.btn.blue:hover,
      .geotrust-body a.btn.blue-filled,
      .geotrust-body button.btn.geo-blue:hover,
      .geotrust-body button.btn.geo-blue-filled,
      .geotrust-body button.btn.blue:hover,
      .geotrust-body button.btn.blue-filled {
        color: white;
        background-color: #0f9dff;
        border-color: #0f9dff;
      }

.geotrust-body a.btn.geo-blue-filled:hover, .geotrust-body a.btn.blue-filled:hover, .geotrust-body button.btn.geo-blue-filled:hover, .geotrust-body button.btn.blue-filled:hover {
        color: #0f9dff;
        background-color: #fff;
        border-color: #0f9dff;
      }

.geotrust-body a.btn.dark-blue, .geotrust-body button.btn.dark-blue {
      border-color: #0174c3;
      color: #0174c3;
      background-color: #fff;
    }

.geotrust-body a.btn.dark-blue:hover,
      .geotrust-body a.btn.dark-blue-filled,
      .geotrust-body button.btn.dark-blue:hover,
      .geotrust-body button.btn.dark-blue-filled {
        color: #fff;
        background-color: #0174c3;
        border-color: #fff;
      }

.geotrust-body a.btn.dark-blue-filled:hover, .geotrust-body button.btn.dark-blue-filled:hover {
        color: #0174c3;
        background-color: #fff;
        border-color: #0174c3;
      }

.geotrust-body a.btn.orange, .geotrust-body button.btn.orange {
      border-color: #f47121;
      color: #f47121;
    }

.geotrust-body a.btn.orange:hover,
      .geotrust-body a.btn.orange-filled,
      .geotrust-body button.btn.orange:hover,
      .geotrust-body button.btn.orange-filled {
        background-color: #f47121;
        color: white;
        border-color: #f47121;
      }

.geotrust-body a.btn.orange-filled:hover, .geotrust-body button.btn.orange-filled:hover {
        background-color: #fff;
        color: #f47121;
      }

.container .container &gt; .cmp-container {
      margin-top: 93px;
    }

#DemandGenEmtyTemplate { margin-top: 0; }

@media (--medium-to-medium-large) {

body.geotrust-body:not(#authorMode) .container &gt; .cmp-container &gt; *:not(.product):not(.fscreen) {
          margin-left: 70px;
          margin-right: 70px;
          max-height: none
      }
        }

.dual-container {
  margin-bottom: 20px;
}

.dual-container .row.grid__columns {
    display: grid;
    grid-gap: 10px;
  }

.dual-container .row.grid__columns &gt; div:first-child {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: 50px;
        padding-top: 40px;
      }

.dual-container .row.grid__columns &gt; div:nth-child(2) {
        grid-column: 2;
        grid-row: 1 / span 1;
      }

.dual-container .row.grid__columns &gt; div:nth-child(3) {
        grid-column: 2;
        grid-row: 2 / span 1;
      }

.dual-container .row.grid__columns &gt; div:last-child {
        grid-column: 2;
        grid-row: 1 / span 1;
        width: 810pt;
        display: flex;
        align-items: end;
      }

@media screen and (max-width: 768px) {
        .dual-container .row.grid__columns &gt; div:first-child {
          grid-column: 1;
          grid-row: 3 / span 1;
          width: 100%;
        }

        .dual-container .row.grid__columns &gt; div:nth-child(2) {
          grid-column: 1;
          grid-row: 1 / span 1;
        }

        .dual-container .row.grid__columns &gt; div:nth-child(3) {
          grid-column: 1;
          grid-row: 4 / span 1;
        }

        .dual-container .row.grid__columns &gt; div:last-child {
          grid-column: 1;
          grid-row: 2;
          width: 100%;
        }
      }

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

.dual-container {
    width: 95%;
    margin: auto
}
  }

.divider--style-vertical {
      display: inline-block;
    }

.form-fieldset legend {
    font-size: 1.5rem;
  }

.form-fieldset[disabled] {
    opacity: 0.5;
  }

.field__label {
  transition: color 0.15s;
}

.field__error .input__field__native,
    .field__error .input__field__native:is(:hover, :active, :focus) {
      background-color: rgba(249,87,56, 0.15);
      box-shadow: 0 0 0 1px #f95738;
    }

.field__error .input__field__native:focus {
      border-color: #0174c3;
    }

.field__error .input__field__native + .field__label:before {
      box-shadow: 0 0 0 1px #f95738 inset;
    }

.field__error .field__label {
    color: #f95738;
  }

.field__error-message {
    display: none;
  }

.field__error__grouping .field__error-message {
      display: inline-block;
    }

.form-fieldset[data-step] {
  display: none;
}

.form-fieldset[data-step].active {
    display: block;
  }

input[type="text"],
input[type="password"],
input[type="email"] {
  width: 100%;
  height: 35px;
}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
  font-size: 16px;
  border: 1px solid #b6bfc7;
  color: #353535;
  border-radius: 10px;
  padding-left: 15px;
  outline: none;
}

input[type="text"].error, input[type="password"].error, input[type="email"].error, select.error, textarea.error {
    border-color: #d9482f;
    color: #d9482f;
  }

input[type="text"].error::placeholder, input[type="password"].error::placeholder, input[type="email"].error::placeholder, select.error::placeholder, textarea.error::placeholder {
      color: #d9482f;
    }

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

input[type="checkbox"].error {
    box-shadow: 0px 0px 0px 1px #d9482f;
  }

select {
  width: 100%;
  height: 38.5px;
  opacity: 0.7;
  -webkit-appearance: none;
  background: url(../../../content/dam/digicert/icons/Drop-Down.png) no-repeat #fff;
  background-position: right 12px top 17px;
}

textarea {
  padding: 10px;
  opacity: 0.6;
  width: 100%;
}

label.elq-form-error {
  color: #d9482f;
  font-size: 12px;font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
}

input#header-search-box {
  max-width: unset;
  width: 100%;
  font-size: 40px;
  height: 1.2em;
  line-height: 1;
  border-radius: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #ccc;
  color: #ccc;font-stretch: normal;font-family: 'FjallaOne-Regular', sans-serif;
}

.host-form {
  padding: 20px;
  background-color: #6f9fbc;
  width: max-content;
  border-radius: 40px;
  position: relative;
}

.host-form input {
    margin: 0;
    min-width: 330px;
    border-radius: 20px;
  }

.host-form input + label {
      position: absolute;
      left: 0;
      top: 30px;
      color: #b5b5b5;
      font-size: 1.05rem;
      text-align: center;
      right: 0;
      pointer-events: none;
    }

.host-form input + label b {
        color: #353535;
      }

.host-form input.hidePlaceholder + label {
      display: none;
    }

.geotrust-body select {
    color: #777;
  }

.cmp-title h1,
  .cmp-title h3,
  .cmp-title h5,
  .cmp-title h6,
  .cmp-title p {
    margin-bottom: 30px;
  }

.cmp-title h2,
  .cmp-title h4 {
    margin-bottom: 20px;
  }

.heading, .rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6, .cmp-text h1, .cmp-text h2, .cmp-text h3, .cmp-text h4, .cmp-text h5, .cmp-text h6 {
  font-range: 512px 1024px;
  transition: font-size 0.2s;
}

.heading--style-default-italic {font-stretch: normal;font-family: 'Roboto-Regular-Italic', sans-serif;font-style: italic;
      }

.heading--style-default, .link--weight-regular {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
}

.heading--style-thin {
      font-family: var(--font-stack--default-weight--thin);
      font-weight: 100;
    }

.heading--style-light, .four-text-section .rich-text &gt; h3, .link--weight-light {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
    }

.heading--style-medium, .list--style-type-definition .list__item--style-term {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;;
    }

.heading--style-bold, .link--weight-bold {font-family: 'Roboto-Bold', sans-serif;font-stretch: normal;;
    }

.heading--style-condensed-light {font-family: 'Roboto Condensed', sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wght" 300;font-weight: normal; }

.heading--style-condensed-regular {font-family: 'Roboto Condensed', sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wght" 400;font-weight: normal; }

.heading--style-condensed-medium {font-family: 'Roboto Condensed', sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wght" 500;font-weight: normal; }

.heading--style-condensed-bold {font-family: 'Roboto Condensed', sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wght" 700;font-weight: normal; }

.heading--style-condensed-black {font-family: 'Roboto Condensed', sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wght" 900;font-weight: normal; }

.heading--style-condensed-italic {font-family: 'Roboto Condensed', sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wght" 300 "ital" 1;font-weight: normal;
    }

.heading--h1 {
    font-size: calc(32px + 32 * ((100vw - 420px) / 860));
  }

@media screen and (min-width: 1280px) {

	.heading--h1 {
		font-size: 64px;
	}
}

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

	.heading--h1 {
		font-size: 32px;
	}
}

.heading--h2 {
    font-size: calc(24px + 16 * ((100vw - 420px) / 860));
  }

@media screen and (min-width: 1280px) {

	.heading--h2 {
		font-size: 40px;
	}
}

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

	.heading--h2 {
		font-size: 24px;
	}
}

.heading--h3, .list--style-ordered-custom {
    font-size: calc(22px + 10 * ((100vw - 420px) / 860));
  }

@media screen and (min-width: 1280px) {

	.heading--h3, .list--style-ordered-custom {
		font-size: 32px;
	}
}

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

	.heading--h3, .list--style-ordered-custom {
		font-size: 22px;
	}
}

.heading--h4, .four-text-section .rich-text &gt; h3, .rich-text h4, .cmp-text h4 {
    font-size: calc(20px + 4 * ((100vw - 420px) / 860));
  }

@media screen and (min-width: 1280px) {

	.heading--h4, .four-text-section .rich-text &gt; h3, .rich-text h4, .cmp-text h4 {
		font-size: 24px;
	}
}

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

	.heading--h4, .four-text-section .rich-text &gt; h3, .rich-text h4, .cmp-text h4 {
		font-size: 20px;
	}
}

.heading--h5 {
    font-size: calc(19px + 3 * ((100vw - 420px) / 860));
  }

@media screen and (min-width: 1280px) {

	.heading--h5 {
		font-size: 22px;
	}
}

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

	.heading--h5 {
		font-size: 19px;
	}
}

.heading--h6 {
    font-size: calc(18px + 2 * ((100vw - 420px) / 860));
  }

@media screen and (min-width: 1280px) {

	.heading--h6 {
		font-size: 20px;
	}
}

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

	.heading--h6 {
		font-size: 18px;
	}
}

.heading--size-h1 {
      font-size: calc(32px + 32 * ((100vw - 420px) / 860));
    }

@media screen and (min-width: 1280px) {

	.heading--size-h1 {
		font-size: 64px;
	}
}

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

	.heading--size-h1 {
		font-size: 32px;
	}
}

.heading--size-h2 {
      font-size: calc(24px + 16 * ((100vw - 420px) / 860));
    }

@media screen and (min-width: 1280px) {

	.heading--size-h2 {
		font-size: 40px;
	}
}

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

	.heading--size-h2 {
		font-size: 24px;
	}
}

.heading--size-h3 {
      font-size: calc(22px + 10 * ((100vw - 420px) / 860));
    }

@media screen and (min-width: 1280px) {

	.heading--size-h3 {
		font-size: 32px;
	}
}

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

	.heading--size-h3 {
		font-size: 22px;
	}
}

.heading--size-h4 {
      font-size: calc(20px + 4 * ((100vw - 420px) / 860));
    }

@media screen and (min-width: 1280px) {

	.heading--size-h4 {
		font-size: 24px;
	}
}

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

	.heading--size-h4 {
		font-size: 20px;
	}
}

.heading--size-h5 {
      font-size: calc(19px + 3 * ((100vw - 420px) / 860));
    }

@media screen and (min-width: 1280px) {

	.heading--size-h5 {
		font-size: 22px;
	}
}

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

	.heading--size-h5 {
		font-size: 19px;
	}
}

.heading--size-h6 {
      font-size: calc(18px + 2 * ((100vw - 420px) / 860));
    }

@media screen and (min-width: 1280px) {

	.heading--size-h6 {
		font-size: 20px;
	}
}

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

	.heading--size-h6 {
		font-size: 18px;
	}
}

.heading--size-small {
      font-size: 1rem;
    }

.heading--size-x-small {
      font-size: 0.875rem;
    }

h1.ecomm-h1 {
    font-size: 40px;
    line-height: 48px;
    margin-top: -9px;
  }

body {
  color: #000000;
  background-color: #fff;
}

body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6 {
    font-weight: revert;
    margin: revert;
  }

body h1 {
    font-size: 64px;
    line-height: 72px;
    margin-top: -13px;
  }

body h2 {
    font-size: 40px;
    line-height: 48px;
    margin-top: -9px;
  }

body h3 {
    font-size: 32px;
    line-height: 40px;
    margin-top: -9px;
  }

body h4 {
    font-size: 24px;
    line-height: 32px;
    margin-top: -8px;
  }

body h5,
  body h6 {
    font-size: 16px;
    line-height: 24px;
    margin-top: -6px;
  }

body p {
    font-size: 20px;
    line-height: 28px;
    margin: revert;
    margin-top: -7px;
  }

body small {
    font-size: 14px;
    line-height: 22px;
    margin-top: -5px;
  }

body small.xs {
      font-size: 12px;
      line-height: 18px;
      margin-top: -3px;
    }

body a {
    text-decoration: none;
    color: #0f9dff;
  }

body a.txtcolor--white {
      color: #fff;
    }

body a.txt-col--black {
      color: #000000;
    }

body.digicert-body {
    color: #000000;
    background-color: #fff;
  }

body.digicert-body h1,
    body.digicert-body h1 &gt; span,
    body.digicert-body h2,
    body.digicert-body h3 {font-family: 'Roboto Condensed', sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wght" 400;font-weight: normal;
    }

body.digicert-body h1,
    body.digicert-body h1 &gt; span {
      font-weight: 400;
    }

body.geotrust-body {
    color: #000000;
    background-color: #fff;
  }

body.geotrust-body h1 {
      color: #0174c3;font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
    }

body.geotrust-body h2 {
      margin-bottom: 18px;font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
    }

body.geotrust-body h3 {
      text-transform: unset;
    }

@media only screen and (max-width: 768px) {
    body h1,
    body h1 &gt; span {
      font-size: 32px;
      line-height: 40px;
    }

    body h2 {
      font-size: 24px;
      line-height: 32px;
    }

    body h5,
    body h6 {
      font-size: 14px;
      line-height: 22px;
    }

    body small {
      font-size: 12px;
      line-height: 18px;
    }
      body .digicert-body h2,
      body .digicert-body h3 {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
      }

      body .digicert-body h3 {
        line-height: 28px;
      }

      body .digicert-body h4 {
        font-size: 20px;
        line-height: 24px;
      }

      body .digicert-body p {
        font-size: 18px;
        line-height: 22px;
      }
      body .geotrust-body h1 {
        margin-top: -8px;
      }

      body .geotrust-body h2 {
        margin-top: -7px;
        margin-bottom: 20px;
      }

      body .geotrust-body h3 {
        font-size: 20px;
        line-height: 28px;
        margin-top: -6px;
      }

      body .geotrust-body h4 {
        font-size: 16px;
        line-height: 24px;
        margin-top: -5px;
      }

      body .geotrust-body p {
        font-size: 14px;
        line-height: 22px;
        margin-top: -7px;
      }

      body .geotrust-body small {
        margin-top: -5px;
      }
  }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    body h1,
    body h1 &gt; span {
      font-size: 40px;
      line-height: 48px;
    }

    body h2 {
      font-size: 32px;
      line-height: 40px;
    }

    body h3 {
      font-size: 24px;
      line-height: 32px;
    }

    body h4 {
      font-size: 20px;
      line-height: 28px;
    }
      body .digicert-body h3 {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
      }
      body .geotrust-body h1 {
        margin-top: -21px;
      }

      body .geotrust-body h2 {
        margin-top: -17px;
      }

      body .geotrust-body h3 {
        margin-top: -13px;
      }

      body .geotrust-body h4 {
        margin-top: -14px;
      }

      body .geotrust-body p {
        font-size: 16px;
        line-height: 24px;
        margin-top: -11px;
      }
  }

body {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

.geotrust-body h1 {
    color: #0174c3;font-family: 'Roboto-Bold', sans-serif;font-stretch: normal;
  }

.geotrust-body h2 {
    font-weight: revert;font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
  }

.geotrust-body .tableRowGrid h5,
    .geotrust-body .tableRowGrid h6 {
      font-weight: revert;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
    }

.geotrust-body ul.circle {
    padding-left: 20px;
    list-style: unset !important;
  }

.geotrust-body ul.circle li {
      list-style: unset !important;
    }

.geotrust-body {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

.background-text {
  text-transform: uppercase;
  font-size: 265px;
  color: #e9eef1;
  z-index: 0;
  line-height: 1;
  margin-top: -26px;
  margin-bottom: -47px;font-family: 'Roboto Condensed', sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wght" 400;font-weight: normal;
}

.ff-rregular {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
}

.ff-medium {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.icon-size--small {
      height: 8px;
      width: 8px;
    }

.icon-size--normal {
      height: 16px;
      width: 16px;
    }

.icon-size--normal.icon--credit-card {
        width: 20.57px;
      }

.icon-size--normal.icon--paypal-logo {
        width: 62.57px;
      }

.icon-size--medium {
      height: 25px;
      width: 25px;
    }

.icon-color--default {
      fill: #353535;
    }

.icon-color--white {
      fill: #fff;
    }

.icon-color--blue {
      fill: #0174c3;
    }

.icon-color--medium-dark-gray {
      fill: #334147;
    }

.icon-color--medium-dark-gray:hover,
      .icon-color--medium-dark-gray:focus,
      .icon-color--medium-dark-gray:active {
        fill: #0174c3;
      }

.icon-wrapper {
    display: flex;
    gap: calc(16px / 2);
  }

.icon {
  display: inline-block;
}

.icon--color-dark {
      fill: #000000;
    }

.icon--color-light {
      fill: #fff;
    }

.icon--information {
    fill: #0f9dff;
  }

&amp;--quantity {
  display: flex;
}

i.blue-tick {
    content: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/blue-tick.png);
  }

i.closeX {
    content: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/close.png);
  }

i.closeX.white {
      width: 30px;
      height: 30px;
      content: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/close-white.png);
    }

i.language {
    content: url('../../../content/dam/digicert/images/navigation/header/LanguageIcon_MainNavigation.png');
  }

i.language.active {
    content: url('../../../content/dam/digicert/images/navigation/header/LanguageIcon_MainNavigation_Hover.png');
  }

i.search {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs), 1);
    width: 18px;
    height: 18px;
    border: 2px solid;
    border-radius: 100%;
    margin-top: -4px;
  }

i.search::after {
      content: '';
      display: block;
      box-sizing: border-box;
      position: absolute;
      border-radius: 3px;
      width: 2px;
      height: 9px;
      background: currentColor;
      transform: rotate(-45deg);
      top: 12px;
      left: 15px;
    }

i.search.active {
    content: url('../../../content/dam/digicert/images/navigation/header/SearchIcon_MainNavigation_Hover.png');
  }

i.white-search-right {
    content: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/search-white.png);
  }

i.user {
    content: url('/content/dam/digicert/images/navigation/header/' + 'LoginIcon_MainNavigation_Hover.png');
  }

i.user.active {
    content: url('/content/dam/digicert/images/navigation/header/' + 'LoginIcon_MainNavigation_Hover.png');
  }

i.hamburger {
    content: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/MenuIcon_MobileNav_Blue.png);
    align-self: center;
  }

i.hamburger:hover,
    i.hamburger.active {
      content: url('../../../content/dam/digicert/images/navigation/header/mobile/MenuIcon_MobileNav_Blue.png');
    }

i.left-arrow {
    content: url('../../../content/dam/digicert/images/navigation/header/DropDownArrow_MainNavigation.png');
    transform: rotate(90deg);
  }

i.left-arrow:hover {
      content: url('../../../content/dam/digicert/images/navigation/header/DropDownArrow_MainNavigation_Blue.png');
    }

i.contact {
    content: url('../../../content/dam/digicert/images/navigation/header/ContactIcon_MainNavigation.png');
  }

i.contact.active {
    content: url('../../../content/dam/digicert/images/navigation/header/ContactIcon_MainNavigation_Hover.png');
  }

i.Number-1 {
    content: url('../../../content/dam/digicert/icons/Number-1.png');
  }

i.Number-2 {
    content: url('../../../content/dam/digicert/icons/Number-2.png');
  }

i.Number-3 {
    content: url('../../../content/dam/digicert/icons/Number-3.png');
  }

i.play-btn {
    content: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/play.png);
  }

i.blue-linkedIn {
    content: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/social-linkedin.png);
  }

i.blue-twitter {
    content: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/social-x.png);
  }

i.blue-facebook {
    content: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/social-facebook.png);
  }

i.blue-email {
    content: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/social-email.png);
  }

i.blue-rss {
    content: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/social-rss.png);
  }

i.arrow {
    content: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/arrow.png);
  }

i.arrow.right {
      rotate: 180deg;
    }

.defaultImg {
  background: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/default-image.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-color: #0174c3;
}

.arrow-updated {
  border-style: solid;
  border-color: #353535;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  height: 2px;
  width: 2px;
}

.arrow-updated.right {
    transform: rotate(-45deg);
  }

.arrow-updated.left {
    transform: rotate(135deg);
  }

.arrow-updated.up {
    transform: rotate(-135deg);
    margin-top: 4px;
  }

.arrow-updated.down {
    transform: rotate(45deg);
    margin-top: -4px;
  }

.hamburger {
  margin-top: 5px;
  margin-left: -12px;
  margin-right: -12px;
}

.hamburger svg {
    height: 50px;
    width: 50px;
  }

.hamburger svg .line {
      fill: none;
      stroke: black;
      stroke-width: 4px;
      stroke-linecap: square;
      stroke-linejoin: square;
      transform-origin: 50%;
      transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms;
    }

.hamburger .line {
    transform-origin: 50%;
    transition: transform 400ms 100ms;
  }

.hamburger.active .line {
      transition: stroke-dasharray 500ms, stroke-dashoffset 500ms, transform 500ms;
      transition: transform 400ms;
    }

.hamburger.active .line1 {
      transform: translateX(18px) translateY(-3px) rotate(-45deg) scale(0.7);
    }

.hamburger.active .line2 {
      transform: translateX(-18px) translateY(-3px) rotate(45deg) scale(0.7);
    }

.hamburger.active .line3 {
      transform: translateY(0px) rotate(45deg) scale(0.7);
    }

.hamburger.active .line4 {
      transform: translateY(0px) rotate(-45deg) scale(0.7);
    }

.hamburger.active .line5 {
      transform: translateX(18px) translateY(3px) rotate(45deg) scale(0.7);
    }

.hamburger.active .line6 {
      transform: translateX(-18px) translateY(3px) rotate(-45deg) scale(0.7);
    }

.icon-size--small {
      height: 8px;
      width: 8px;
    }

.icon-size--normal {
      height: 16px;
      width: 16px;
    }

.icon-size--normal.icon--credit-card {
        width: 20.57px;
      }

.icon-size--normal.icon--paypal-logo {
        width: 62.57px;
      }

.icon-size--medium {
      height: 25px;
      width: 25px;
    }

.icon-color--default {
      fill: #353535;
    }

.icon-color--white {
      fill: #fff;
    }

.icon-color--blue {
      fill: #0174c3;
    }

.icon-color--medium-dark-gray {
      fill: #334147;
    }

.icon-color--medium-dark-gray:hover,
      .icon-color--medium-dark-gray:focus,
      .icon-color--medium-dark-gray:active {
        fill: #0174c3;
      }

.icon-wrapper {
    display: flex;
    gap: calc(16px / 2);
  }

.blockImg {
  display: block;
}

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

.image {
  display: block;
  position: relative;
}

.image--width-auto {
      height: auto;
    }

.image--width-full {
      width: 100%;
    }

.image--width-flex, .media__figure--layered-content-blade .image {
      flex-grow: 999;
      flex-shrink: 0;
      height: auto;
      object-fit: cover;
      width: 100%;
    }

.image--background { background-repeat: no-repeat; }

.image[role="img"] .image__content {
      position: relative;
      z-index: 100;
    }

.image[role="img"] .image__color {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      z-index: 0;
    }

.image-component{
    display: block;
    width: 100%;
    overflow: hidden;
  }

.image-component .cmp-image__image.left{
        float: left;
        width: 250px;
        margin: 10px 0;
      }

.image-component .cmp-image__image.right{
        float: right;
        width: 250px;
        margin: 10px 0;
      }

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

.image-component{
      display: flex;
      justify-content: center
  }
    }

.blockImg {
  display: block;
}

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

.input__field__native {
    border-style: solid;
    border-width: 2px;
    font-size: 1rem;
  }

.input__field__native:is(::-webkit-inner-spin-button),
    .input__field__native:is(::-webkit-calendar-picker-indicator) {
      opacity: 0;
    }

.input__field__native:is(::-ms-clear) {
      display: none;
    }

.input__field__native--default:is(::placeholder, :-ms-input-placeholder, ::-ms-input-placeholder), .input__field__native--white:is(::placeholder, :-ms-input-placeholder, ::-ms-input-placeholder) {
        font-family: var(--font-name--default);
        font-size: 1rem;
      }

.input__field__native--default {
      background-color: #fff;
      padding: 1rem;
    }

.input__field__native--default:is(::placeholder, :-ms-input-placeholder, ::-ms-input-placeholder) {
        color: #c1cbd3;
      }

.input__field__native--default:focus {
        box-shadow: 0 0 0 1px #0174c3 inset;
      }

.input__field__native--white {
      background-color: #fff;
      padding: 0.5rem 1rem;
    }

.input__field__native--white-outline {
        background-color: transparent;
        border-color: #fff !important;
        border-radius: 20px !important;
        border-width: 2px !important;
        color: #fff !important;
        height: auto !important;
        padding: 0.5rem 1rem;
      }

.input__field__native--white-outline::placeholder {
          color: #fff !important;
        }

.input__field__native--white-outline:focus {
          box-shadow: 0 0 0 1px #fff inset;
        }

.input--style-default.input-number .input__field__native:is(:hover, :active, :focus), .input--style-labelless.input-number .input__field__native:is(:hover, :active, :focus) {
          background-image: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/up-down.svg);
          background-position: calc(100% - 5px) center;
          background-repeat: no-repeat;
          background-size: 20px;
        }

.input--style-default.input-radio .field__label,
        .input--style-default.input-radio .input__field__native,
        .input--style-default.input-checkbox .field__label,
        .input--style-default.input-checkbox .input__field__native,
        .input--style-labelless.input-radio .field__label,
        .input--style-labelless.input-radio .input__field__native,
        .input--style-labelless.input-checkbox .field__label,
        .input--style-labelless.input-checkbox .input__field__native {
          min-height: auto;
        }

.input--style-default.input-radio .field__error-message, .input--style-default.input-checkbox .field__error-message, .input--style-labelless.input-radio .field__error-message, .input--style-labelless.input-checkbox .field__error-message {
          flex-basis: 100%;
        }

.input--style-default.input-radio .field__label:before, .input--style-labelless.input-radio .field__label:before {
          background-image: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/radio-unchecked.svg);
          border-radius: 32px;
        }

.input--style-default.input-radio .input__field__native:checked + .field__label:before, .input--style-labelless.input-radio .input__field__native:checked + .field__label:before {
          background-image: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/radio-checked.svg);
        }

.input--style-default.input-checkbox .field__label:before, .input--style-labelless.input-checkbox .field__label:before {
          background-image: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/checkbox-unchecked.svg);
        }

.input--style-default.input-checkbox .input__field__native:checked + .field__label:before, .input--style-labelless.input-checkbox .input__field__native:checked + .field__label:before {
          background-image: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/checkbox-checked.svg);
        }

.input--style-quantity input {
        border: none;
        font-size: 0.8125rem;
        width: 1.25rem;
      }

.input--style-quantity input[type="number"] {
          appearance: textfield;
        }

.input--color-white {
      color: #fff;
    }

.input-radio,
  .input-checkbox {
    position: relative;
  }

.input-radio:focus-within .field__label:before, .input-checkbox:focus-within .field__label:before {
        outline: 0;
        box-shadow: 0 0 0 2px #5c676c inset;
      }

.input-radio .field__label:before, .input-checkbox .field__label:before { content: ''; }

.input-radio .input__field__native, .input-checkbox .input__field__native {
      cursor: pointer;
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
    }

.field--quantity {
    display: flex;
  }

.field--quantity__icon {
      display: block;
      width: 1rem;
    }

.field--quantity__icon--wrap {
        align-items: center;
        display: flex;
      }

.field--quantity__icon--before,
      .field--quantity__icon--after {
        color: #0f9dff;
        cursor: pointer;
        padding: 8px 6px;
        text-align: center;
      }

.link {
  cursor: pointer;
  text-decoration: underline;
}

.link:is(:hover, :active, :focus) {
    text-decoration: none;
  }

.link--color-default {      color: #0174c3;    }

.link--color-gray-medium {      color: #48565e;    }

.link--color-gray-dark {      color: #334147;    }

.link--color-black, .background--color_light-blue .rich-text a:not(.button), .background--color_electric-blue .rich-text a:not(.button), .background--color_gray .rich-text a:not(.button), .background--color_gray-light .rich-text a:not(.button), .background--color_gray-extra-light .rich-text a:not(.button), .background--color_yellow .rich-text a:not(.button), .background--color_red .rich-text a:not(.button), .background--color_orange .rich-text a:not(.button), .background--color_green .rich-text a:not(.button), .background--color_light-blue .cmp-text a:not(.button), .background--color_electric-blue .cmp-text a:not(.button), .background--color_gray .cmp-text a:not(.button), .background--color_gray-light .cmp-text a:not(.button), .background--color_gray-extra-light .cmp-text a:not(.button), .background--color_yellow .cmp-text a:not(.button), .background--color_red .cmp-text a:not(.button), .background--color_orange .cmp-text a:not(.button), .background--color_green .cmp-text a:not(.button) {      color: #000000;    }

.link--color-white, .background--color_dc-blue .rich-text a:not(.button), .background--color_dc-dark-blue .rich-text a:not(.button), .background--color_black .rich-text a:not(.button), .background--color_gray-dark .rich-text a:not(.button), .background--color_dc-gray-medium .rich-text a:not(.button), .background--color_dc-blue .cmp-text a:not(.button), .background--color_dc-dark-blue .cmp-text a:not(.button), .background--color_black .cmp-text a:not(.button), .background--color_gray-dark .cmp-text a:not(.button), .background--color_dc-gray-medium .cmp-text a:not(.button) {      color: #fff;    }

.link--style-icon-circle {
        border-radius: 50%;
        display: inline-flex;
        padding: 0.875rem;
      }

.link--style-caret {
      font-size: 1rem;
    }

.link--style-caret:after {
        content: '  \003E';
      }

.link--weight-light {
    }

.link--weight-regular {
    }

.link--weight-medium {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
    }

.link--weight-bold {
    }

.hover { cursor: pointer; }

.txt-u-animate {
  display: inline-block;
  padding-bottom: 2px;
  text-decoration: none;
}

.txt-u-animate::after {
    background-color: #0f9dff;
    content: '';
    display: block;
    height: 2px;
    height: 2px;
    transition: width .5s;
    width: 0;
  }

.txt-u-animate:hover::after {
    width: 100%;
  }

.txt-u-animate:hover::after, .txt-u-animate:focus::after {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }

.text-color--white .txt-u-animate::after {
      background-color: #fff;
    }

.list--blank {
    list-style-type: none;
    padding: 0;
  }

.list--inline {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 18px;
  }

.list--inline &gt; * {
      align-items: center;
      display: inline-flex;
    }

.list--inline .icon--paypal-logo {
      margin-left: 18px;
    }

.list--inline .icon--credit-card {
      margin-right: 8px;
    }

.list, .pdp__container .list &gt; ul, .rich-text ol, .rich-text ul, .cmp-text ol, .cmp-text ul {
  display: grid;
  gap: 15px;
}

.list--style-type-blank {
        list-style: none;
        padding: 0;
      }

.list--style-type-unordered {
        list-style-type: disc;
        padding-left: 1em;
      }

.list .list--style-type-unordered, .pdp__container .list &gt; ul .list--style-type-unordered {
          list-style-type: circle;
        }

.list--style-type-ordered {
        list-style-type: decimal;
        padding-left: 1em;
      }

.list--style-type-definition .list__item--style-term {
            }

.list--style-type-definition .list__item--style-description {
              padding-bottom: 1em;
            }

.list--style-type-definition .list__item--style-description:last-of-type {
                padding-bottom: 0;
              }

.list--style-inline {
      display: flex;
      flex-wrap: wrap;
      padding-left: 0;
    }

.list--style-inline .list__item {
        margin-left: 1rem;
      }

.list--style-inline.list--style-type-blank .list__item {
          margin-left: 0;
        }

.list--style-ordered {
      list-style-type: decimal;
      padding-left: 1em;
    }

.list--style-ordered-custom {
        line-height: 38px;
        list-style-type: none;
      }

.list--style-ordered-custom li {
          counter-increment: customlistcounter;
          display: table;
        }

.list--style-ordered-custom li:before {
            content: counter(customlistcounter, decimal-leading-zero) ' |';
            display: table-cell;
            text-align: left;
            width: clamp(
              2.8125rem,
              1.9528619528619529rem + 3.1986531986531985vw,
              4rem
            );
          }

.list--style-checklist, .product-element__what-is-included ul {
      display: grid;
      gap: 15px;
    }

.list--style-checklist li, .product-element__what-is-included ul li {
        padding-left: 1.25rem;
        position: relative;
      }

.list--style-checklist li:before, .product-element__what-is-included ul li:before {
          color: #5FAD4F;
          content: '✓';
          left: 0;
          margin-right: 0.625rem;
          position: absolute;
        }

.list--style-watermark {
      grid-template-columns: repeat(auto-fit, minmax(35ch, 1fr));
      column-gap: 4rem;
      row-gap: 1.875rem;
    }

.list__item--style-watermark {
        counter-increment: step;
        min-height: 6.875rem;
        position: relative;
      }

.list__item--style-watermark:before {
          color: #c1cbd3;
          content: counter(step);
          font-size: 7.5rem;
          font-size: calc(7.5rem + 4.375 * ((100vw - NaNrem) / NaN));
          height: 16.5625rem;
          line-height: 0.85;
          opacity: 0.35;
          position: absolute;
          width: 7.8125rem;
          z-index: -1;font-family: 'Roboto Condensed', sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wght" 500;font-weight: normal;
        }

@media screen and (min-width: 1024px) {

	.list__item--style-watermark:before {
		font-size: 11.875rem;
	}
}

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

	.list__item--style-watermark:before {
		font-size: 7.5rem;
	}
}

.list, .pdp__container .list &gt; ul, .rich-text ol, .rich-text ul, .cmp-text ol, .cmp-text ul {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

.description ul,
  .static-html-container ul,
  .description ol,
  .static-html-container ol {
    list-style: revert;
    padding-left: revert;
  }

ul.clearfix, ol.clearfix {
    margin: 0;
    padding: 0;
    list-style: none;
  }

.list-style--dropdown &gt; ul {
      display: grid;
      grid-row-gap: 40px;
      list-style: none;
      padding-right: 25px;
      margin-top: 40px;
    }

.list-style--dropdown &gt; ul li {
        margin-top: -6px;
        margin-bottom: -5px;
      }

.list-style--dropdown &gt; ul li.active {
          color: #0174c3;
        }

.list-style--dropdown &gt; ul li.active ul {
            list-style: none;
            display: block;
            margin-top: 10px;
          }

.list-style--dropdown &gt; ul li.active ul li {
              color: #353535;
            }

.list-style--dropdown &gt; ul &gt; li {
        color: #909ca5;
        cursor: pointer;
      }

.list-style--dropdown &gt; ul ul {
        list-style: none;
        padding: 0;
        display: none;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
      }

.list-style--dropdown &gt; ul span {
        background: url('../../../content/dam/digicert/icons/Drop-Down.png') no-repeat center;
        width: 15px;
        height: 12px;
        display: inline-block;
        margin-left: 13px;
      }

.list-style--dropdown &gt; ul span.not-active {
          transform: rotate(-90deg);
        }

.list-style--dropdown &gt; ul {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.list-style--tick-mark {
    list-style-image: url('../../../content/dam/digicert/icons/correct-tick.png');
  }

.list-style--tick-mark li {
      margin-bottom: 0 !important;
    }

ul[data-column-count='2'],
ol[data-column-count='2'] {
  column-count: 2;
  grid-template-columns: 50% 50%;
}

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

ul[data-column-count='2'],
ol[data-column-count='2'] {
    grid-template-columns: 100%
}
  }

@media only screen and (min-width: 1024px) {
    ul.dcolumn2, ol.dcolumn2 {
      grid-template-columns: 50% 50%;
    }
  }

.list--blank {
    list-style-type: none;
    padding: 0;
  }

.list--inline {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 18px;
  }

.list--inline &gt; * {
      align-items: center;
      display: inline-flex;
    }

.list--inline .icon--paypal-logo {
      margin-left: 18px;
    }

.list--inline .icon--credit-card {
      margin-right: 8px;
    }

.select,
select {
  min-height: 40px;
  position: relative;
}

.select .arrow-down, select .arrow-down {
      background-image: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/select-arrow.svg);
    }

.select .arrow-up, select .arrow-up {
      background-image: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/select-close.svg);
    }

.select .ss-single-selected.ss-disabled .arrow-down, .select .ss-multi-selected.ss-disabled .arrow-down, select .ss-single-selected.ss-disabled .arrow-down, select .ss-multi-selected.ss-disabled .arrow-down {
          background-image: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/select-arrow--gray.svg);
        }

.select .ss-single-selected.ss-disabled .arrow-up, .select .ss-multi-selected.ss-disabled .arrow-up, select .ss-single-selected.ss-disabled .arrow-up, select .ss-multi-selected.ss-disabled .arrow-up {
          background-image: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/select-close--gray.svg);
        }

.select .ss-content .ss-list .ss-option.ss-highlighted,
  .select .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected,
  select .ss-content .ss-list .ss-option.ss-highlighted,
  select .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
    background-color: #eef0f2;
    color: #334147;
  }

.ss-main .ss-values .ss-single {
        margin: auto 0;
      }

.product-element .ss-content .ss-search { display: none !important; }

.separator.tablet,
  .separator.mobile,
  .cmp-separator.tablet,
  .cmp-separator.mobile {
    display: none;
  }

@media only screen and (max-width: 768px) {
    .separator.mobile, .cmp-separator.mobile {
      display: block;
    }
  }

@media only screen and (min-width: 768px) and (max-width: 768px) {
    .separator.tablet, .cmp-separator.tablet {
      display: block;
    }
  }

@media only screen and (max-width: 1024px) {
    .separator.desktop, .cmp-separator.desktop {
      display: none;
    }
  }

.table {
  background-color: #fff;
}

.table__root {
    border-spacing: 0;
  }

.table__head {
    display: table-header-group;
  }

.table caption {
    text-align: left;
    padding: 0.875rem;
  }

.table small {
    font-size: 90%;
  }

.table--style-default .table__head {
        text-transform: uppercase;
      }

.table--size-default,
    .table--size-auto {
      overflow-x: auto;
      overflow-y: hidden;
      text-align: left;
    }

.table--size-default .table__root {
        min-width: 40em;
      }

.table--size-default .table__header,
      .table--size-default .table__data {
        min-width: 12em;
      }

.table--size-auto {
      display: inline-block;
    }

.table--size-auto .table__root,
      .table--size-auto .table__header,
      .table--size-auto .table__data {
        min-width: auto;
      }

.table--responsive-stacked .table__root, .table--responsive-stacked-inline .table__root {
        border-collapse: separate;
      }

.table--responsive-stacked .table__data, .table--responsive-stacked-inline .table__data {
        display: table-cell;
      }

.table--responsive-stacked .table__data:empty, .table--responsive-stacked-inline .table__data:empty {
          display: none;
        }

.table--responsive-stacked .table__foot .table__data:not(:first-of-type)::before, .table--responsive-stacked-inline .table__foot .table__data:not(:first-of-type)::before {
            content: attr(data-heading);
            color: #000000;
            display: none;
            font-weight: 500;
            margin-bottom: 0.5em;
          }

.table--responsive-stacked .table__body .table__data:first-of-type, .table--responsive-stacked-inline .table__body .table__data:first-of-type {
            background-color: transparent;
          }

.table--responsive-stacked .table__body .table__data:not(:first-of-type)::before, .table--responsive-stacked-inline .table__body .table__data:not(:first-of-type)::before {
            content: attr(data-heading);
            color: #000000;
            display: none;
            font-weight: 500;
            margin-bottom: 0.5em;
          }

.table--inline .table--responsive-stacked .table__body .table__data:not(:first-of-type), .table--inline .table--responsive-stacked .table__foot .table__data:not(:first-of-type), .table--inline .table--responsive-stacked-inline .table__body .table__data:not(:first-of-type), .table--inline .table--responsive-stacked-inline .table__foot .table__data:not(:first-of-type) {
            text-align: left;
          }

.table--inline .table--responsive-stacked .table__body .table__data:not(:first-of-type)::before, .table--inline .table--responsive-stacked .table__foot .table__data:not(:first-of-type)::before, .table--inline .table--responsive-stacked-inline .table__body .table__data:not(:first-of-type)::before, .table--inline .table--responsive-stacked-inline .table__foot .table__data:not(:first-of-type)::before {
              left: 2%;
              position: absolute;
            }

table.RichText * + * {
  margin-top: 0;
}

table, caption, tbody, tfoot, thead, tr, th, td {
  border-collapse: separate;
  border: revert-layer;
  vertical-align: revert;
}

table {
  color: #353535;
  background-color: white;
  position: relative;
}

table td,
  table th {
    padding: 20px;
    border-color: #d3dce3;
    font-size: 14px;
    font-weight: 300;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
  }

table td &gt; *:last-child, table caption &gt; *:last-child {
      margin-bottom: 0;
    }

table caption {
    padding-bottom: 60px;
  }

table.theme-1 {
    margin-bottom: 60px;
    background-color: #fff;
  }

table.theme-1 th,
    table.theme-1 td {
      border-top: 1px solid #d2dde3;
      border-left: 1px solid #d2dde3;
    }

table.theme-1 th:last-child, table.theme-1 td:last-child {
        border-right: 1px solid #d2dde3;
      }

table.theme-1 thead .bottomBtn {
        position: absolute;
        left: 0;
        bottom: 30px;
        margin: 0 auto;
        width: 100%;
      }

table.theme-1 thead .button-Container {
        margin: 0 auto;
        margin-top: 30px;
      }

table.theme-1 thead tr:first-child th {
          position: relative;
          width: 50%;
        }

table.theme-1 thead tr:first-child th:first-child {
            padding-top: 53px;
            height: calc(440px - (53px - 20px));
            max-height: calc(440px - (53px - 20px));
          }

table.theme-1 thead tr:first-child th:last-child {
            height: 23px;
            background-color: #0174c3;
            border-color: #0174c3;
            color: #fff;
            padding: 0px;
          }

table.theme-1 thead tr:first-child th:last-child &gt; * {
              font-size: 14px;
              text-transform: uppercase;
            }

table.theme-1 thead tr:last-child th {
          position: relative;
          background-color: #e9eef1;
          padding: 30px 70px;
          background-clip: padding-box;
        }

table.theme-1 tbody tr td:first-child {
            text-transform: uppercase;
            width: 25%;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
          }

table.theme-1 tbody tr td {
          font-size: 14px;
}

table.theme-1 tbody tr td ol {
            padding-left: 27px;
          }

table.theme-1 tbody tr td ol li {
              padding-left: 20px;
            }

table.theme-1 tbody tr td ol,
          table.theme-1 tbody tr td ul {
            font-size: 14px;
          }

table.theme-1 tbody tr td ol li, table.theme-1 tbody tr td ul li {
              margin-bottom: 0px;
            }

table.theme-1 tbody tr td ol li:last-child, table.theme-1 tbody tr td ul li:last-child {
                margin-bottom: 0;
              }

table.theme-1 tbody tr td ol,
          table.theme-1 tbody tr td ul {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

table.theme-1 tbody tr td {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

table.theme-1 tbody tr:last-child td {
            border-bottom: 1px solid #d3dce3;
          }

table.theme-1 {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

table tr.multiYear {
    border-top: 2px solid #0a74c3;
    border-bottom: 2px solid rgb(10, 116, 195);
    border-left: 12px solid rgb(10, 116, 195);
    border-right: 12px solid rgb(10, 116, 195);
    position: relative;
    transform: scale(1);
  }

table tr.multiYear td:first-child {
        background: #fff;
        left: -4px;
        top: 1px;
        bottom: 1px;
        position: absolute;
        width: calc(25% - 40px);
        border: none;
      }

table tr.multiYear td:last-child {
        background-color: #e9eef1;
        right: -4px;
        top: 1px;
        bottom: 1px;
        position: absolute;
        width: calc(25% - 42px);
        border: none;
      }

.table .table-section .row:last-child .col {
          border-bottom-width: 1px;
          border-bottom-style: solid;
        }

.table .table-section .row.multiYearRow {
        border: 2px solid #0174c3;
      }

.table .table-section .row.multiYearRow .col {
          border-top-width: 0px;
        }

.table .table-section .row.multiYearRow .col:last-child {
            border-right-width: 0px;
          }

.table .table-section .row .col {
        border-left-width: 1px;
        border-left-style: solid;
        border-top-width: 1px;
        border-top-style: solid;
      }

.table .table-section .row .col:not(:first-child) .cmp-text {
            display: grid;
            align-content: center;
          }

.table .table-section .row .col:last-child {
          border-right-width: 1px;
          border-right-style: solid;
        }

.table .table-section .cmp-text {
      position: relative;
    }

.geotrust-body .table_new .table_main .table_row .tableRowGrid {
          border-color: #f47121;
        }

.geotrust-body .table_new .table_main .table_row .tableRowGrid &gt; div {
            border-color: #f47121;
          }

.geotrust-body .table_new .table_main .table_row .tableRowGrid &gt; div:last-child {
            background-color: unset;
          }

.geotrust-body .table_new .table_main .table_row .cmp-text {
          display: grid;
          height: calc(100% - 40px);
          align-items: center;
        }

.geotrust-body .table_new .table_main .table_row .cmp-text .topBanner + * {
              padding-top: 23px;
              margin: 0px;
            }

.geotrust-body .table_new .table_main .table_row:last-child .tableRowGrid {
            border-bottom: 1px solid #f47121;
          }

.table_new .table_main {
    background-color: white;
  }

.table_new .table_main:not(.editor)[id^="compare-chart-table"] {
        display: none;
      }

.table_new .table_main.editor {
      padding: 60px 0px;
    }

.table_new .table_main .table_row:last-child .tableRowGrid {
          border-bottom: 1px solid #abb6bf;
        }

.table_new .table_main .table_row .tableRowGrid {
        border-top: 1px solid #abb6bf;
      }

.table_new .table_main .table_row .tableRowGrid .section {
          margin: 0;
        }

.table_new .table_main .table_row .tableRowGrid &gt; div:nth-child(1) .table_pricing_dropdown &gt; ul {
              z-index: 8;
            }

.table_new .table_main .table_row .tableRowGrid &gt; div:nth-child(2) .table_pricing_dropdown &gt; ul {
              z-index: 7;
            }

.table_new .table_main .table_row .tableRowGrid &gt; div:nth-child(3) .table_pricing_dropdown &gt; ul {
              z-index: 6;
            }

.table_new .table_main .table_row .tableRowGrid &gt; div:nth-child(4) .table_pricing_dropdown &gt; ul {
              z-index: 5;
            }

.dropdown-selectbtn {
  position: relative;
  width: 100%;
  text-align: center;
}

.dropdown-selectbtn .big-dropdown-selectbtn,
  .dropdown-selectbtn .dropdown-selectbtn-content {
    text-align: left;
  }

.dropdown-selectbtn .big-dropdown-selectbtn h6, .dropdown-selectbtn .dropdown-selectbtn-content h6 {
      display: grid;
      grid-template-columns: auto;
      font-size: 16px !important;
    }

.dropdown-selectbtn .big-dropdown-selectbtn {
    max-width: 240px;
    width: 100%;
    min-height: 55px;
    background: url(clientlib-site/css/var(--digicert-arrow-icon-gray)) no-repeat right white;
    background-position-x: right;
    background-position-x: 95%;
    border: 1px solid #d2dce3;
    border-radius: 7px;
    padding: 10px;
  }

.dropdown-selectbtn .dropdown-selectbtn-content {
    width: 100%;
    box-shadow: 0 8px 1pc 0 rgba(0, 0, 0, 0.2);
    max-width: 240px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

.dropdown-selectbtn .dropdown-selectbtn-content,
.table_pricing_dropdown ul li &gt; ul {
  display: none;
  position: absolute;
  background-color: #fff;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  z-index: 5;
}

.dropdown-selectbtn .dropdown-selectbtn-content a,
.table_pricing_dropdown ul ul &gt; li {
  display: block;
  padding: 10px;
  cursor: pointer;
}

.dropdown-selectbtn .dropdown-selectbtn-content a:hover, .table_pricing_dropdown ul ul &gt; li:hover {
    color: white;
    background-color: #0f9dff;
  }

.table_pricing_dropdown {
  display: grid;
  position: relative;
  text-align: left;
  max-width: 240px;
  width: 100%;
  margin: 0 auto;
}

.table_pricing_dropdown &gt; ul {
    background: url(clientlib-site/css/var(--digicert-arrow-icon-gray)) no-repeat right white;
    background-position-x: right;
    background-position-x: 95%;
    margin-bottom: 0px !important;
    border-radius: 7px;
    padding: 10px;
  }

.table_pricing_dropdown ul {
    display: grid;
    font-size: 16px !important;
    min-height: 35px;
    border: 1px solid #d2dce3;
  }

.table_pricing_dropdown ul li {
      display: block;
      position: relative;
      align-self: center;
    }

.table_pricing_dropdown ul li &gt; ul {
        width: calc(100% + 20px);
        left: -11px;
        top: 48px;
      }

.table_pricing_dropdown ul {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.tableRowGrid {
  display: grid;
}

.tableRowGrid .cmp-text {
    height: calc(100% - 40px);
    padding: 20px;
  }

.tableRowGrid .cmp-text hr {
      margin: 20px -20px;
      border: 1px solid #abb6bf;
      border-top: none;
    }

.tableRowGrid .cmp-text .btn-container {
      max-width: max-content;
      min-width: 201px;
      margin: 30px auto 0;
    }

.tableRowGrid &gt; div {
    position: relative;
  }

.tableRowGrid.Col1 {
    grid-template-columns: 100%;
  }

.tableRowGrid.Col2 {
    grid-template-columns: 50% 50%;
  }

.tableRowGrid.Col2.all .tr1 {
      grid-column: 1/3;
    }

.tableRowGrid.Col2.onefour {
      grid-template-columns: 1fr 3.3fr;
    }

.tableRowGrid.Col3 {
    grid-template-columns: repeat(3, calc(100% / 3));
  }

.tableRowGrid.Col3.all .tr1 {
      grid-column: 1/4;
    }

.tableRowGrid.Col3.onetotwo .tr1 {
        grid-column: 1/2;
      }

.tableRowGrid.Col3.onetotwo .tr2 {
        grid-column: 2/4;
      }

.tableRowGrid.Col3.twotoone .tr1 {
        grid-column: 1/3;
      }

.tableRowGrid.Col3.twotoone .tr2 {
        grid-column: 3/4;
      }

.tableRowGrid.Col4.all .tr1 {
      grid-column: 1/5;
    }

.tableRowGrid.Col4.threetoone .tr1 {
        grid-column: 1/4;
      }

.tableRowGrid.Col4.threetoone .tr2 {
        grid-column: 4/5;
      }

.tableRowGrid.Col4.oneonetwo .tr1 {
        grid-column: 1/2;
      }

.tableRowGrid.Col4.oneonetwo .tr2 {
        grid-column: 2/3;
      }

.tableRowGrid.Col4.oneonetwo .tr3 {
        grid-column: 3/5;
      }

.tableRowGrid.Col4.onetwoone .tr1 {
        grid-column: 1/2;
      }

.tableRowGrid.Col4.onetwoone .tr2 {
        grid-column: 2/4;
      }

.tableRowGrid.Col4.onetwoone .tr3 {
        grid-column: 4/5;
      }

.tableRowGrid.Col4.twooneone .tr1 {
        grid-column: 1/3;
      }

.tableRowGrid.Col4.twooneone .tr2 {
        grid-column: 3/4;
      }

.tableRowGrid.Col4.twooneone .tr3 {
        grid-column: 4/5;
      }

.tableRowGrid.Col5 {
    grid-template-columns: 20% 20% 20% 20% 20%;
  }

.tableRowGrid.Col5.all .tr1 {
      grid-column: 1/6;
    }

.tableRowGrid &gt; div {
    border-left: 1px solid #abb6bf;
  }

.tableRowGrid &gt; div:last-child {
      border-right: 1px solid #abb6bf;
    }

.textarea .input__field__native {
    outline: none;
    min-width: 200px;
    max-width: 100%;
    min-height: 40px;
  }

.video--style-default &gt; * {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
      }

.video--ratio-default {position: relative;
    }

.video--ratio-default:before {
    content: '';
    display: block;
    padding-top: 56.25%;
    position: relative;
    z-index: 1;
  }

.video--ratio-wide {position: relative;
    }

.video--ratio-wide:before {
    content: '';
    display: block;
    padding-top: 42.857142857142854%;
    position: relative;
    z-index: 1;
  }

.video--ratio-tall {position: relative;
    }

.video--ratio-tall:before {
    content: '';
    display: block;
    padding-top: 75%;
    position: relative;
    z-index: 1;
  }

i.play-btn {
  position: absolute;
  cursor: pointer;
  z-index: 999;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
}

.videoPlayer,
.videoPoster {
  max-width: 100%;
  cursor: pointer;
}

.imgHoverAnimate,
.videoHoverAnimate {
  transform: scale(1);
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
  cursor: pointer;
}

.imgHoverAnimate:hover, .videoHoverAnimate:hover {
    transform: scale(1.1);
  }

.video-component .white-box {
    z-index: 0;
    height: 100%;
    grid-row: 1;
  }

.video-component .container {
    display: grid;
    grid-row: 1;
    z-index: 1;
    grid-column: 1/-1;
  }

.video-component .container .iframe-video {
      cursor: pointer;
    }

.video-component .container .img-container {
      position: relative;
    }

.video-component .container .img-container.media__figure:empty {
        display: none;
      }

.video-component .container .img-container img {
        max-width: 100%;
      }

.video-component .container .img-container .left i.play-btn {
          transform: translate(-50%, -50%);
        }

.video-component .container .next-title {
      display: grid;
    }

.video-component .container .next-title .navigator {
        font-size: 14px;
      }

.video-component .container .next-title .navigator span.goto--previous,
        .video-component .container .next-title .navigator span.goto--next {
          cursor: pointer;
        }

.video-component .container .next-title .navigator span.goto--previous:hover, .video-component .container .next-title .navigator span.goto--next:hover {
            color: #0f9dff;
          }

.video-component .container .next-title .navigator {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.video-component .container .next-title .title {
        display: -webkit-box;
        line-clamp: 3;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
      }

.video-component i.play-btn {
    pointer-events: none;
  }

.video-component .up-next {
    display: grid;
    font-size: 16px;
    position: relative;
  }

.video-component .up-next .label-upnext {
      font-size: 14px;
    }

.video-component .up-next {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

@media (max-width: 767px) {
    .video-component .white-box {
      grid-column: 1/5;
    }

    .video-component .container .img-container .iframe-video iframe {
      min-height: 300px;
    }
}

@media (max-width: 1024px) {
    .video-component .container {
      grid-gap: 40px;
    }

      .video-component .container .img-container {
        grid-row: 2;
        margin: 0 -4.5%;
        justify-self: center;
      }

        .video-component .container .img-container .iframe-video {
          position: relative;
          width: 100%;
        }

          .video-component .container .img-container .iframe-video iframe {
            width: 100%;
            min-height: 415px;
          }

      .video-component .container .content-container {
        padding: 0px 8%;
        grid-row: 1;
      }

      .video-component .container .up-next {
        grid-row: 3;
        padding: 0 8%;
        grid-gap: 10px;
      }

        .video-component .container .up-next .image-text {
          display: grid;
          grid-gap: 20px;
        }

          .video-component .container .up-next .image-text .next-image {
            position: relative;
            width: 80%;
            margin: auto;
          }

            .video-component .container .up-next .image-text .next-image img {
              max-width: 100%;
            }

          .video-component .container .up-next .image-text .next-title {
            grid-gap: 20px;
            width: 80%;
            margin: auto;
          }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .video-component .white-box {
      grid-column: 1/9;
    }

    .video-component .img-container {
      overflow: hidden;
    }

    .video-component .container .img-container .iframe-video iframe {
      min-height: 415px;
    }
}

@media (min-width: 1025px) {
      .video-component .white-box.left {
        grid-column: 3/13;
      }

      .video-component .white-box.right {
        grid-column: 1/10;
      }

    .video-component .container {
      grid-column-gap: 5.7%;
    }

      .video-component .container.left {
        grid-template-columns: 1.7fr 1fr;
        padding-right: 40px;
      }

        .video-component .container.left .img-container {
          grid-column: 1;
        }

        .video-component .container.left .content-container {
          grid-column: 2;
        }

      .video-component .container.right {
        grid-template-columns: 1fr 1.7fr;
        padding-left: 40px;
      }

        .video-component .container.right .img-container {
          grid-column: 2;
        }

        .video-component .container.right .content-container {
          grid-column: 1;
        }

        .video-component .container.right .up-next {
          grid-column: 1;
        }

      .video-component .container .img-container {
        grid-row: 1/3;
        overflow: hidden;
      }

        .video-component .container .img-container .iframe-video {
          position: relative;
          height: 100%;
        }

          .video-component .container .img-container .iframe-video iframe {
            width: 100%;
            min-height: 415px;
          }

      .video-component .container .up-next {
        grid-gap: 5px;
        grid-column: 2/3;
        align-self: end;
        max-height: 140px;
        height: 100%;
      }

        .video-component .container .up-next .image-text {
          display: grid;
          grid-template-columns: 1fr 1fr;
          grid-gap: 30px;
          overflow: hidden;
        }

          .video-component .container .up-next .image-text img,
          .video-component .container .up-next .image-text video {
            max-width: 100%;
          }

          .video-component .container .up-next .image-text .next-image {
            position: relative;
            align-self: center;
          }

            .video-component .container .up-next .image-text .next-image i {
              width: 25px;
              height: 25px;
              margin-left: -12px;
              margin-top: -12px;
            }

          .video-component .container .up-next .image-text .next-title {
            grid-template-columns: auto;
            grid-gap: 20px;
          }

            .video-component .container .up-next .image-text .next-title .navigator {
              align-self: end;
            }
}

.imgHoverAnimate,
.videoHoverAnimate {
  transform: scale(1);
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
  cursor: pointer;
}

.imgHoverAnimate:hover, .videoHoverAnimate:hover {
    transform: scale(1.1);
  }

.video-tag .white-box {
    z-index: 0;
    height: 100%;
    grid-row: 1;
  }

.video-tag .tags {
    display: flex;
    flex-direction: row;
    gap: 15px;
    margin: 10px 0 0 0px;
    padding: 0px;
    list-style-type: none;
  }

.video-tag .tags li {
      padding: 2px 15px;
      border: 1px solid #737373;
      color: #737373;
      font-size: 14px;
      line-height: 18px;
    }

.video-tag .container {
    display: grid;
    grid-row: 1;
    z-index: 1;
  }

.video-tag .container .iframe-video {
      cursor: pointer;
    }

.video-tag .container .img-container {
      display: flex;
      position: relative;
    }

.video-tag .container .img-container img {
        max-width: 100%;
      }

.video-tag .container .img-container .left i.play-btn {
          transform: translate(-50%, -50%);
        }

.video-tag .container .next-title {
      display: grid;
    }

.video-tag .container .next-title .navigator {
        font-size: 14px;
      }

.video-tag .container .next-title .navigator span.goto--previous,
        .video-tag .container .next-title .navigator span.goto--next {
          cursor: pointer;
        }

.video-tag .container .next-title .navigator span.goto--previous:hover, .video-tag .container .next-title .navigator span.goto--next:hover {
            color: #0f9dff;
          }

.video-tag .container .next-title .navigator {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.video-tag i.play-btn {
    pointer-events: none;
  }

.video-tag .up-next {
    display: grid;
    font-size: 16px;
    position: relative;
  }

.video-tag .up-next .label-upnext {
      font-size: 14px;
    }

.video-tag .up-next {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

@media (max-width: 767px) {
    .video-tag .white-box {
      grid-column: 1/5;
    }

    .video-tag .container .img-container .iframe-video iframe {
      min-height: 300px;
    }
}

@media (max-width: 1024px) {
    .video-tag .container {
      grid-gap: 40px;
    }

      .video-tag .container .img-container {
        grid-row: 2;
        margin: 0 -4.5%;
        justify-self: center;
      }

        .video-tag .container .img-container .iframe-video {
          position: relative;
          width: 100%;
        }

          .video-tag .container .img-container .iframe-video iframe {
            width: 100%;
            min-height: 415px;
          }

      .video-tag .container .content-container {
        padding: 0px 8%;
        grid-row: 1;
      }

      .video-tag .container .up-next {
        grid-row: 3;
        padding: 0 8%;
        grid-gap: 10px;
      }

        .video-tag .container .up-next .image-text {
          display: grid;
          grid-gap: 20px;
        }

          .video-tag .container .up-next .image-text .next-image {
            position: relative;
            width: 80%;
            margin: auto;
          }

            .video-tag .container .up-next .image-text .next-image img {
              max-width: 100%;
            }

          .video-tag .container .up-next .image-text .next-title {
            grid-gap: 20px;
            width: 80%;
            margin: auto;
          }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .video-tag .white-box {
      grid-column: 1/9;
    }

    .video-tag .img-container {
      overflow: hidden;
    }

    .video-tag .container .img-container .iframe-video iframe {
      min-height: 415px;
    }
}

@media (min-width: 1025px) {
      .video-tag .white-box.left {
        grid-column: 3/13;
      }

      .video-tag .white-box.right {
        grid-column: 1/10;
      }

    .video-tag .container {
      grid-column-gap: 5.7%;
    }

      .video-tag .container.left {
        grid-template-columns: 1.7fr 1fr;
        padding-right: 40px;
      }

        .video-tag .container.left .img-container {
          grid-column: 1;
        }

        .video-tag .container.left .content-container {
          grid-column: 2;
        }

      .video-tag .container.right {
        grid-template-columns: 1fr 1.7fr;
        padding-left: 40px;
      }

        .video-tag .container.right .img-container {
          grid-column: 2;
        }

        .video-tag .container.right .content-container {
          grid-column: 1;
        }

        .video-tag .container.right .up-next {
          grid-column: 1;
        }

      .video-tag .container .img-container {
        grid-row: 1/3;
        overflow: hidden;
      }

        .video-tag .container .img-container .iframe-video {
          position: relative;
          height: 100%;
        }

          .video-tag .container .img-container .iframe-video iframe {
            width: 100%;
            min-height: 415px;
          }

      .video-tag .container .up-next {
        grid-gap: 5px;
        grid-column: 2/3;
        align-self: end;
        max-height: 140px;
        height: 100%;
      }

        .video-tag .container .up-next .image-text {
          display: grid;
          grid-template-columns: 1fr 1fr;
          grid-gap: 30px;
          overflow: hidden;
        }

          .video-tag .container .up-next .image-text img,
          .video-tag .container .up-next .image-text video {
            max-width: 100%;
          }

          .video-tag .container .up-next .image-text .next-image {
            position: relative;
            align-self: center;
          }

            .video-tag .container .up-next .image-text .next-image i {
              width: 25px;
              height: 25px;
              margin-left: -12px;
              margin-top: -12px;
            }

          .video-tag .container .up-next .image-text .next-title {
            grid-template-columns: auto;
            grid-gap: 20px;
          }

            .video-tag .container .up-next .image-text .next-title .navigator {
              align-self: end;
            }
}

.video-list .comp-title {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
  }

.video-list .container {
    display: flex;
    justify-content: space-between;
    gap: 40px;
  }

.video-list .container .cell {
      position: relative;
      width: 100%;
    }

.video-list .container .cell .image-Container {
        overflow: visible;
        position: relative;
      }

.video-list .container .cell .image-Container img {
          width: 100%;
        }

.video-list .container .cell .image-Container .img {
          height: 141px;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
        }

.video-list .container .cell .content-Container {
        display: flex;
        flex-direction: column;
        width: 100%;
      }

.video-list .container .cell .content-Container .tags {
          font-size: 12px;
          font-weight: 600;
          padding-top: 5px;
        }

.video-list .container .cell .content-Container h4.title {
          font-size: 18px;
          font-weight: 600;
          margin: 10px 0 3px;
          line-height: 22px;
        }

.video-list .container .cell .content-Container .description {
          margin: 0px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          -ms-box-orient: vertical;
          box-orient: vertical;
          -webkit-line-clamp: 3;
          -moz-line-clamp: 3;
          -ms-line-clamp: 3;
          line-clamp: 3;
          overflow: hidden;
          max-height: 137px;
          font-size: 14px;
        }

.video-list .container .cell .content-Container .description p {
            font-size: 14px;
            line-height: 20px;
          }

.video-list .container .cell .content-Container .description p:last-child:last-child {
                margin: 0px;
              }

.video-list .container .cell .content-Container .description .btn-container {
            bottom: 35px;
            justify-content: center;
            left: 0px;
            max-width: 100%;
            width: 100%;
          }

@media only screen and (max-width: 1024px) {
  .video-list {
    padding-left: 10px;
    padding-right: 10px;
  }

    .video-list .container {
      flex-direction: column;
    }

      .video-list .container .cell {
        margin: 0px;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
      }

        .video-list .container .cell .image-Container,
        .video-list .container .cell .content-Container {
          width: 50%;
          flex-grow: 1;
        }
}

.animation-hover--slide-text-up {
  transition: transform 0.1s ease-in-out;
}

.animation-hover--slide-text-up:hover {
  transform: translate(0px, -10px);
}

.zoomInOnHover img,
  .zoomInOnHover video,
  .hoverZoomInAnimation img,
  .hoverZoomInAnimation video {
    transition: transform 0.2s;
  }

.hoverZoomInAnimation:hover {
  opacity: 0.7;
}

.hoverZoomInAnimation:hover img {
    transform: scale(1.1);
  }

@keyframes bouncingArrow {
  from { transform: translateY(50%); }

  65% { transform: translateY(0); }

  to { transform: translateY(50%); }
}

.skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
}

.skeleton-text {
    width: 100%;
    height: .5rem;
    margin-bottom: .25rem;
    border-radius: .125rem;
  }

.skeleton-text:last-child {
      margin-bottom: 0;
      width: 80%;
    }

@keyframes skeleton-loading {
  0% { background-color: hsl(200,20%,70%); }

  100% { background-color: hsl(200,20%,95%); }
}


[class*="background"][class*="-opacity"] {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


[class*="background"][class*="-opacity"]:after {
    z-index: calc(100 + 1);
  }


[class*="background"][class*="-opacity"]:before {
    z-index: calc(100 - 1);
  }


[class*="background"][class*="-opacity"]:before,
  [class*="background"][class*="-opacity"]:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block !important;
    border-radius: inherit;
  }


[class*="background"][class*="-opacity"] &gt; * {
    position: relative;
    z-index: calc(100 + 2);
  }

.border {
  border-style: solid;
}

.border--none {
    border: none;
  }

.border__style--product {
      border-style: solid;
    }

.border__thickness--small {
      border-width: 1px;
    }

.border__thickness--medium {
      border-width: 6px;
    }

.border__thickness--large {
      border-width: 23px;
    }

.border__color--light-gray {
      border-color: #ccc;
      border-top-width: 6px;
    }

.border__color--dark-gray {
      border-color: #6e6e6e;
      border-top-width: 6px;
    }

.border__color--blue {
      border-color: #0174c3;
      border-top-width: 23px;
    }

.border--product {
    box-shadow: 0 23px 0 0 #0174c3 inset;
  }

.border--reset {
  border: none;
}

.border {
  border-style: solid;
}

.border--none {
    border: none;
  }

.border__style--product {
      border-style: solid;
    }

.border__thickness--small {
      border-width: 1px;
    }

.border__thickness--medium {
      border-width: 6px;
    }

.border__thickness--large {
      border-width: 23px;
    }

.border__color--light-gray {
      border-color: #ccc;
      border-top-width: 6px;
    }

.border__color--dark-gray {
      border-color: #6e6e6e;
      border-top-width: 6px;
    }

.border__color--blue {
      border-color: #0174c3;
      border-top-width: 23px;
    }

.border--product {
    box-shadow: 0 23px 0 0 #0174c3 inset;
  }

.flex, .product-element__actions {
  display: flex;
  gap: 10px;
}

.flex--wrap, .product-element__actions {
    flex-wrap: wrap;
  }

.flex--justify-content-between {
        justify-content: space-between;
      }

.flex--align-items-center {
        align-items: center;
      }

.flex, .product-element__actions {
  display: flex;
}

.flex--inline {
    display: inline-flex;
  }

.flex--wrap, .product-element__actions {
    flex-wrap: wrap;
  }

.flex--wrap-reverse {
      flex-wrap: wrap-reverse;
    }

.flex--column, .product-element__actions {
    flex-direction: column;
  }

.flex--column-reverse {
      flex-direction: column-reverse;
    }

.flex--column-equal-width &gt;*{
        flex-grow: 1;
        flex-basis: 0;
        min-width: 0;
      }

.flex--row {
    flex-direction: row;
  }

.flex--row-reverse {
      flex-direction: row-reverse;
    }

.flex--row-equal-width &gt;*{
        flex-grow: 1;
        flex-basis: 0;
      }

.flex, .product-element__actions {
  display: flex;
  gap: 10px;
}

.flex--wrap, .product-element__actions {
    flex-wrap: wrap;
  }

.flex--justify-content-between {
        justify-content: space-between;
      }

.flex--align-items-center {
        align-items: center;
      }

.grid {
  display: grid;
}

.grid-12 {
    display: grid;
  }

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

.grid-12 {
      grid-template-columns: repeat(4, calc((100% - (7.035% * 3)) / 4));
      grid-column-gap: 7.035%
  }

      .grid-12 .fgd-width {
        grid-column: 1/-1;
      }
    }

@media only screen and (min-width: 431px) and (max-width: 767px) {

.grid-12 {
      grid-template-columns: repeat(4, 18.97%);
      grid-column-gap: 8%
  }

      .grid-12 .fgd-width {
        grid-column: 1/-1;
      }
    }

@media only screen and (min-width: 768px) and (max-width: 1024px) {

.grid-12 {
      margin: 0;
      grid-template-columns: repeat(8, 9.088%);
      grid-column-gap: 3.85%
  }

      .grid-12 .fgd-width {
        grid-column: 1/-1;
      }
    }

@media only screen and (min-width: 1025px) and (max-width: 1369px) {

.grid-12 {
      grid-template-columns: repeat(12, 5.984% [col_start]);
      grid-column-gap: 2.55%;
      margin: 0 2.44%
  }

      .grid-12 .fgd-width {
        grid-column: 1/13;
      }
    }

@media only screen and (min-width: 1370px) {

.grid-12 {
      grid-template-columns: repeat(12, 70px [col-start]);
      grid-column-gap: 30px;
      margin: 0 30px
  }

      .grid-12 .fgd-width {
        grid-column: 1/-1;
        margin: 0 -30px;
      }
    }

.grid--gap-10 {
      gap: 10px;
    }

.grid--gap-20 {
      gap: 20px;
    }

.grid--gap-30 {
      gap: 30px;
    }

.grid--gap-40 {
      gap: 40px;
    }

.inline-grid {
  display: grid;
  grid-auto-flow: column;
}

@media only screen and (max-width: 768px) {
    .grid-12 .mgdcol-1-5 {
      grid-column: 1/-1;
    }

    .grid-12 .mgdcol-2-5 {
      grid-column: 2/5;
    }
  }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .grid-12 .tgdcol-1-9 {
      grid-column: 1/-1;
    }

    .grid-12 .tgdcol-3-9 {
      grid-column: 3/9;
    }
  }

@media only screen and (max-width: 1024px) {
    .grid-12 .mtgd-col--1--1 {
      grid-column: 1/-1;
    }
  }

@media only screen and (min-width: 1024px) {
    .grid-12 .gdcol-1-13 {
      grid-column: 1/13;
    }

    .grid-12 .gdcol-2-12,
    .grid-12 .gd-col-2-12 {
      grid-column: 2/12;
    }

    .grid-12 .gdcol-2-13 {
      grid-column: 2/13;
    }

    .grid-12 .gdcol-3-13 {
      grid-column: 3/13;
    }

    .grid-12 .gdcol-4-12 {
      grid-column: 4/12;
    }

    .grid-12 .dgd-col--2-12 {
      grid-column: 2/12;
    }

    .grid-12 .dgd-col--6-13 {
      grid-column: 6/13;
    }

    .grid-12 .dgd-row--1 {
      grid-row: 1;
    }
  }

.grid-12 .full-gdcol {
    grid-column: 1/-1;
  }

@media only screen and (min-width: 1024px) and (max-width: 1369px) {
  .fgdgap {
    margin-left: -2.55%;
    margin-right: -2.55%;
  }

    .fgdgap-left,
    .fgdgap-lt {
      margin-left: -2.55%;
    }

    .fgdgap-right,
    .fgdgap-rt {
      margin-right: -2.55%;
    }

    .fgdgap-center {
      margin-left: -2.98%;
      margin-right: -2.98%;
    }
}

@media only screen and (min-width: 1370px) {
  .fgdgap {
    margin-left: -30px;
    margin-right: -30px;
  }

    .fgdgap-lt,
    .fgdgap-left {
      margin-left: -30px;
    }

    .fgdgap-rt,
    .fgdgap-right {
      margin-right: -30px;
    }
}

.grid {
  display: grid;
}

.grid--reverse {
    direction: rtl;
  }

.grid--auto-fit {
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  }

.grid--auto-fill {
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
  }

.grid {
  display: grid;
}

.html .grid {
    padding: 30px 0;
  }

.grid-12 {
    display: grid;
  }

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

.grid-12 {
      grid-template-columns: repeat(4, calc((100% - (7.035% * 3)) / 4));
      grid-column-gap: 7.035%
  }

      .grid-12 .fgd-width {
        grid-column: 1/-1;
      }
    }

@media only screen and (min-width: 431px) and (max-width: 767px) {

.grid-12 {
      grid-template-columns: repeat(4, 18.97%);
      grid-column-gap: 8%
  }

      .grid-12 .fgd-width {
        grid-column: 1/-1;
      }
    }

@media only screen and (min-width: 768px) and (max-width: 1024px) {

.grid-12 {
      margin: 0;
      grid-template-columns: repeat(8, 9.088%);
      grid-column-gap: 3.85%
  }

      .grid-12 .fgd-width {
        grid-column: 1/-1;
      }
    }

@media only screen and (min-width: 1025px) and (max-width: 1369px) {

.grid-12 {
      grid-template-columns: repeat(12, 5.984% [col_start]);
      grid-column-gap: 2.55%;
      margin: 0 2.44%
  }

      .grid-12 .fgd-width {
        grid-column: 1/13;
      }
    }

@media only screen and (min-width: 1370px) {

.grid-12 {
      grid-template-columns: repeat(12, 70px [col-start]);
      grid-column-gap: 30px;
      margin: 0 30px
  }

      .grid-12 .fgd-width {
        grid-column: 1/-1;
        margin: 0 -30px;
      }
    }

.grid--gap-10 {
      gap: 10px;
    }

.grid--gap-20 {
      gap: 20px;
    }

.grid--gap-30 {
      gap: 30px;
    }

.grid--gap-40 {
      gap: 40px;
    }

.inline-grid {
  display: grid;
  grid-auto-flow: column;
}

@media only screen and (max-width: 768px) {
    .grid-12 .mgdcol-1-5 {
      grid-column: 1/-1;
    }

    .grid-12 .mgdcol-2-5 {
      grid-column: 2/5;
    }
  }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .grid-12 .tgdcol-1-9 {
      grid-column: 1/-1;
    }

    .grid-12 .tgdcol-3-9 {
      grid-column: 3/9;
    }
  }

@media only screen and (max-width: 1024px) {
    .grid-12 .mtgd-col--1--1 {
      grid-column: 1/-1;
    }
  }

@media only screen and (min-width: 1024px) {
    .grid-12 .gd-col-2-12,
    .grid-12 .gd-col-2--12 {
      grid-column: 2/12;
    }

    .grid-12 .gdcol-1-13 {
      grid-column: 1/13;
    }

    .grid-12 .gdcol-1-12 {
      grid-column: 1/12;
    }

    .grid-12 .gdcol-1-11 {
      grid-column: 1/11;
    }

    .grid-12 .gdcol-1-10 {
      grid-column: 1/10;
    }

    .grid-12 .gdcol-1-9 {
      grid-column: 1/9;
    }

    .grid-12 .gdcol-1-8 {
      grid-column: 1/8;
    }

    .grid-12 .gdcol-1-7 {
      grid-column: 1/7;
    }

    .grid-12 .gdcol-1-6 {
      grid-column: 1/6;
    }

    .grid-12 .gdcol-1-5 {
      grid-column: 1/5;
    }

    .grid-12 .gdcol-1-4 {
      grid-column: 1/4;
    }

    .grid-12 .gdcol-1-3 {
      grid-column: 1/3;
    }

    .grid-12 .gdcol-1-2 {
      grid-column: 1/2;
    }

    .grid-12 .gdcol-2-13 {
      grid-column: 2/13;
    }

    .grid-12 .gdcol-2-12 {
      grid-column: 2/12;
    }

    .grid-12 .gdcol-2-11 {
      grid-column: 2/11;
    }

    .grid-12 .gdcol-2-10 {
      grid-column: 2/10;
    }

    .grid-12 .gdcol-2-9 {
      grid-column: 2/9;
    }

    .grid-12 .gdcol-2-8 {
      grid-column: 2/8;
    }

    .grid-12 .gdcol-2-7 {
      grid-column: 2/7;
    }

    .grid-12 .gdcol-2-6 {
      grid-column: 2/6;
    }

    .grid-12 .gdcol-2-5 {
      grid-column: 2/5;
    }

    .grid-12 .gdcol-2-4 {
      grid-column: 2/4;
    }

    .grid-12 .gdcol-2-3 {
      grid-column: 2/3;
    }

    .grid-12 .gdcol-3-13 {
      grid-column: 3/13;
    }

    .grid-12 .gdcol-3-12 {
      grid-column: 3/12;
    }

    .grid-12 .gdcol-3-11 {
      grid-column: 3/11;
    }

    .grid-12 .gdcol-3-10 {
      grid-column: 3/10;
    }

    .grid-12 .gdcol-3-9 {
      grid-column: 3/9;
    }

    .grid-12 .gdcol-3-8 {
      grid-column: 3/8;
    }

    .grid-12 .gdcol-3-7 {
      grid-column: 3/7;
    }

    .grid-12 .gdcol-3-6 {
      grid-column: 3/6;
    }

    .grid-12 .gdcol-3-5 {
      grid-column: 3/5;
    }

    .grid-12 .gdcol-3-4 {
      grid-column: 3/4;
    }

    .grid-12 .gdcol-4-13 {
      grid-column: 4/13;
    }

    .grid-12 .gdcol-4-12 {
      grid-column: 4/12;
    }

    .grid-12 .gdcol-4-11 {
      grid-column: 4/11;
    }

    .grid-12 .gdcol-4-10 {
      grid-column: 4/10;
    }

    .grid-12 .gdcol-4-9 {
      grid-column: 4/9;
    }

    .grid-12 .gdcol-4-8 {
      grid-column: 4/8;
    }

    .grid-12 .gdcol-4-7 {
      grid-column: 4/7;
    }

    .grid-12 .gdcol-4-6 {
      grid-column: 4/6;
    }

    .grid-12 .gdcol-4-5 {
      grid-column: 4/5;
    }

    .grid-12 .gdcol-5-13 {
      grid-column: 5/13;
    }

    .grid-12 .gdcol-5-12 {
      grid-column: 5/12;
    }

    .grid-12 .gdcol-5-11 {
      grid-column: 5/11;
    }

    .grid-12 .gdcol-5-10 {
      grid-column: 5/10;
    }

    .grid-12 .gdcol-5-9 {
      grid-column: 5/9;
    }

    .grid-12 .gdcol-5-8 {
      grid-column: 5/8;
    }

    .grid-12 .gdcol-5-7 {
      grid-column: 5/7;
    }

    .grid-12 .gdcol-5-6 {
      grid-column: 5/6;
    }

    .grid-12 .gdcol-6-13 {
      grid-column: 6/13;
    }

    .grid-12 .gdcol-6-12 {
      grid-column: 6/12;
    }

    .grid-12 .gdcol-6-11 {
      grid-column: 6/11;
    }

    .grid-12 .gdcol-6-10 {
      grid-column: 6/10;
    }

    .grid-12 .gdcol-6-9 {
      grid-column: 6/9;
    }

    .grid-12 .gdcol-6-8 {
      grid-column: 6/8;
    }

    .grid-12 .gdcol-6-7 {
      grid-column: 6/7;
    }

    .grid-12 .gdcol-7-13 {
      grid-column: 7/13;
    }

    .grid-12 .gdcol-7-12 {
      grid-column: 7/12;
    }

    .grid-12 .gdcol-7-11 {
      grid-column: 7/11;
    }

    .grid-12 .gdcol-7-10 {
      grid-column: 7/10;
    }

    .grid-12 .gdcol-7-9 {
      grid-column: 7/9;
    }

    .grid-12 .gdcol-7-8 {
      grid-column: 7/8;
    }

    .grid-12 .gdcol-8-13 {
      grid-column: 8/13;
    }

    .grid-12 .gdcol-8-12 {
      grid-column: 8/12;
    }

    .grid-12 .gdcol-8-11 {
      grid-column: 8/11;
    }

    .grid-12 .gdcol-8-10 {
      grid-column: 8/10;
    }

    .grid-12 .gdcol-8-9 {
      grid-column: 8/9;
    }

    .grid-12 .gdcol-9-13 {
      grid-column: 9/13;
    }

    .grid-12 .gdcol-9-12 {
      grid-column: 9/12;
    }

    .grid-12 .gdcol-9-11 {
      grid-column: 9/11;
    }

    .grid-12 .gdcol-9-10 {
      grid-column: 9/10;
    }

    .grid-12 .gdcol-10-13 {
      grid-column: 10/13;
    }

    .grid-12 .gdcol-10-12 {
      grid-column: 10/12;
    }

    .grid-12 .gdcol-10-11 {
      grid-column: 10/11;
    }

    .grid-12 .gdcol-11-13 {
      grid-column: 11/13;
    }

    .grid-12 .gdcol-11-12 {
      grid-column: 11/12;
    }

    .grid-12 .gdcol-12-13 {
      grid-column: 12/13;
    }

    .grid-12 .dgd-col--1-8 {
      grid-column: 1/8;
    }

    .grid-12 .dgd-col--1-6 {
      grid-column: 1/6;
    }

    .grid-12 .dgd-col--2-12 {
      grid-column: 2/12;
    }

    .grid-12 .dgd-col--6-13 {
      grid-column: 6/13;
    }

    .grid-12 .dgd-row--1 {
      grid-row: 1;
    }
  }

.grid-12 .full-gdcol {
    grid-column: 1/-1;
  }

@media only screen and (min-width: 1024px) and (max-width: 1369px) {
  .fgdgap {
    margin-left: -2.55%;
    margin-right: -2.55%;
  }

    .fgdgap-left,
    .fgdgap-lt {
      margin-left: -2.55%;
    }

    .fgdgap-right,
    .fgdgap-rt {
      margin-right: -2.55%;
    }

    .fgdgap-center {
      margin-left: -2.98%;
      margin-right: -2.98%;
    }
}

@media only screen and (min-width: 1370px) {
  .fgdgap {
    margin-left: -30px;
    margin-right: -30px;
  }

    .fgdgap-lt,
    .fgdgap-left {
      margin-left: -30px;
    }

    .fgdgap-rt,
    .fgdgap-right {
      margin-right: -30px;
    }
}

.max-width-100 { max-width: 100%;	}

.max-height-100 { max-height: 100%; }

.whitepaperpage {
  background: #f4f4f4;
  background-image: none;
  margin-top: 80px;
}

.whitepaperpage .header {
    position: fixed !important;
    top: 0 !important;
    width: 100vw !important;
    z-index: 5 !important;
  }

.grid {
  display: grid;
}

.grid-12 {
    display: grid;
  }

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

.grid-12 {
      grid-template-columns: repeat(4, calc((100% - (7.035% * 3)) / 4));
      grid-column-gap: 7.035%
  }

      .grid-12 .fgd-width {
        grid-column: 1/-1;
      }
    }

@media only screen and (min-width: 431px) and (max-width: 767px) {

.grid-12 {
      grid-template-columns: repeat(4, 18.97%);
      grid-column-gap: 8%
  }

      .grid-12 .fgd-width {
        grid-column: 1/-1;
      }
    }

@media only screen and (min-width: 768px) and (max-width: 1024px) {

.grid-12 {
      margin: 0;
      grid-template-columns: repeat(8, 9.088%);
      grid-column-gap: 3.85%
  }

      .grid-12 .fgd-width {
        grid-column: 1/-1;
      }
    }

@media only screen and (min-width: 1025px) and (max-width: 1369px) {

.grid-12 {
      grid-template-columns: repeat(12, 5.984% [col_start]);
      grid-column-gap: 2.55%;
      margin: 0 2.44%
  }

      .grid-12 .fgd-width {
        grid-column: 1/13;
      }
    }

@media only screen and (min-width: 1370px) {

.grid-12 {
      grid-template-columns: repeat(12, 70px [col-start]);
      grid-column-gap: 30px;
      margin: 0 30px
  }

      .grid-12 .fgd-width {
        grid-column: 1/-1;
        margin: 0 -30px;
      }
    }

.grid--gap-10 {
      gap: 10px;
    }

.grid--gap-20 {
      gap: 20px;
    }

.grid--gap-30 {
      gap: 30px;
    }

.grid--gap-40 {
      gap: 40px;
    }

.inline-grid {
  display: grid;
  grid-auto-flow: column;
}

@media only screen and (max-width: 768px) {
    .grid-12 .mgdcol-1-5 {
      grid-column: 1/-1;
    }

    .grid-12 .mgdcol-2-5 {
      grid-column: 2/5;
    }
  }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .grid-12 .tgdcol-1-9 {
      grid-column: 1/-1;
    }

    .grid-12 .tgdcol-3-9 {
      grid-column: 3/9;
    }
  }

@media only screen and (max-width: 1024px) {
    .grid-12 .mtgd-col--1--1 {
      grid-column: 1/-1;
    }
  }

@media only screen and (min-width: 1024px) {
    .grid-12 .gdcol-1-13 {
      grid-column: 1/13;
    }

    .grid-12 .gdcol-2-12,
    .grid-12 .gd-col-2-12 {
      grid-column: 2/12;
    }

    .grid-12 .gdcol-2-13 {
      grid-column: 2/13;
    }

    .grid-12 .gdcol-3-13 {
      grid-column: 3/13;
    }

    .grid-12 .gdcol-4-12 {
      grid-column: 4/12;
    }

    .grid-12 .dgd-col--2-12 {
      grid-column: 2/12;
    }

    .grid-12 .dgd-col--6-13 {
      grid-column: 6/13;
    }

    .grid-12 .dgd-row--1 {
      grid-row: 1;
    }
  }

.grid-12 .full-gdcol {
    grid-column: 1/-1;
  }

@media only screen and (min-width: 1024px) and (max-width: 1369px) {
  .fgdgap {
    margin-left: -2.55%;
    margin-right: -2.55%;
  }

    .fgdgap-left,
    .fgdgap-lt {
      margin-left: -2.55%;
    }

    .fgdgap-right,
    .fgdgap-rt {
      margin-right: -2.55%;
    }

    .fgdgap-center {
      margin-left: -2.98%;
      margin-right: -2.98%;
    }
}

@media only screen and (min-width: 1370px) {
  .fgdgap {
    margin-left: -30px;
    margin-right: -30px;
  }

    .fgdgap-lt,
    .fgdgap-left {
      margin-left: -30px;
    }

    .fgdgap-rt,
    .fgdgap-right {
      margin-right: -30px;
    }
}

.hide {
  display: none !important;
}

.hide--full {
    display: none;
  }

.hide--visibility {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

.hidden {
  display: none !important;
}

.dhide {
  display: none;
}

.margin {
  margin: #0174c3;
}

.padding {
  padding: #0174c3;
}

@media (min-width: 768px) {
    .vspacebtncomp-80 {
      padding: 80px 0;
    }

      .vspacebtncomp-80-top {
        padding-top: 80px;
      }

      .vspacebtncomp-80-bottom {
        padding-bottom: 80px;
      }

      .vspacebtncomp-80-right {
        padding-right: 80px;
      }

      .vspacebtncomp-80-left {
        padding-left: 80px;
      }
}

.vspacebtncomp {
  padding: 60px 0;
}

.vspacebtncomp-heroimage {
    padding: 60px 0 80px 0;
  }

@media only screen and (min-width: 768px) and (max-width: 1024px) {

.vspacebtncomp-heroimage {
      padding: 0 0 60px 0
  }
    }

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

.vspacebtncomp-heroimage {
      padding: 0 0 60px 0
  }
    }

.vspacebtncomp-top {
    padding-top: 60px;
  }

.vspacebtncomp-bottom {
    padding-bottom: 60px;
  }

.vspacebtncomp-60 {
    padding: 60px 0;
  }

.vspacebtncomp-60-top {
      padding-top: 60px;
    }

.vspacebtncomp-60-bottom {
      padding-bottom: 60px;
    }

.vspacebtncomp-60-right {
      padding-right: 60px;
    }

.vspacebtncomp-60-left {
      padding-left: 60px;
    }

.vspacebtncomp .vspacebtncomp-80 {
    padding: 80px 0;
  }

.geotrust-body .vspacebtncomp-heroimage {
      padding: 20px 0 60px 0;
    }

@media (max-width: 768px) {

.geotrust-body .vspacebtncomp {
      padding-top: 20px;
      padding-bottom: 20px
  }

      .geotrust-body .vspacebtncomp-heroimage {
        padding-top: 20px;
        padding-bottom: 20px;
      }

      .geotrust-body .vspacebtncomp-top {
        padding-top: 20px;
      }

      .geotrust-body .vspacebtncomp-bottom {
        padding-bottom: 20px;
      }
    }

.geotrust-body .vspacebtncomp-80-top {
        padding-top: 30px;
      }

.geotrust-body .vspacebtncomp-80-bottom {
        padding-bottom: 30px;
      }

.parallax {
  position: relative;
}

.parallax .scene {
    border-top: 10px #c1cbd3 solid;
    border-bottom: 10px #c1cbd3 solid;
    background-color: #fff;
    height: 100vh;
    position: sticky;
    top: 0;
    margin: auto;
    width: calc(100% - 100px);
  }

.parallax--act-transition--stack .act {
        position: relative;
        padding: 50px 0;
      }

.parallax--act-transition--slide .act {
        position: relative;
        padding: 50px 0;
      }

.parallax--act-transition--slide .act + .act {
          margin-top: -100vh;
        }

.parallax--act-transition--fade .act:first-child {
          animation: act-fade-out 1s linear;
          opacity: 1;
        }

.parallax--act-transition--fade .act {

        position: relative;
        padding: 50px 0;
        animation: act-fade-over 1s linear;
        animation-play-state: paused;
        animation-delay: calc(var(--act-scroll) * -1s);
        animation-iteration-count: 1;
        animation-fill-mode: both;
        opacity: 0;
}

.parallax--act-transition--fade .act + .act {
          margin-top: -300vh;
        }

.parallax--scene-transition--fade .act:first-child .scene {
          animation: scene-fade-out 1s linear;
        }

.parallax--scene-transition--fade .scene {
        animation: scene-fade-over 1s linear;
        animation-play-state: paused;
        animation-delay: calc(var(--act-scroll) * -1s);
        animation-iteration-count: 1;
        animation-fill-mode: both;
      }

.parallax--scene-transition--across .scene {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        overflow: hidden;
      }

.parallax--scene-transition--across .scene &gt; * {
          animation: scene-slide-across 1s linear;
          animation-play-state: paused;
          animation-delay: calc(var(--act-scroll) * -1s);
          animation-iteration-count: 1;
          animation-fill-mode: both;
          transform: translateX(0%);
        }

@keyframes act-fade-out {
  0% {
    opacity: 1;
  }

  95% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes act-fade-over {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  60% {
    opacity: 1;
  }

  85% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes scene-fade-out {
  0% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes scene-fade-over {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes scene-slide-across {
  0% {
    transform: translateX(0%);
  }

  30% {
    transform: translateX(0%);
  }

  90% {
    transform: translateX(calc(-100% + 80vw));
  }

  100% {
    transform: translateX(calc(-101% + 80vw));
  }
}

body.noscroll {
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}

.scroll {
  padding-right: 40px;
}

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
  position: relative;
}

.ps__rail-x {
    display: none;
    opacity: 1;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    bottom: 0px;
    position: absolute;
  }

.ps__rail-y {
    display: none;
    opacity: 1;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 10px;
    right: 0;
    position: absolute;
  }

.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute;
  }

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute;
  }

.ps--active-x &gt; .ps__rail-x,
  .ps--active-y &gt; .ps__rail-y {
    display: block;
    background-color: transparent;
  }

.ps:hover &gt; .ps__rail-x,
  .ps:hover &gt; .ps__rail-y,
  .ps--focus &gt; .ps__rail-x,
  .ps--focus &gt; .ps__rail-y,
  .ps--scrolling-x &gt; .ps__rail-x,
  .ps--scrolling-y &gt; .ps__rail-y {
    opacity: 1;
  }

.ps .ps__rail-x:hover,
  .ps .ps__rail-y:hover,
  .ps .ps__rail-x:focus,
  .ps .ps__rail-y:focus,
  .ps .ps__rail-x.ps--clicking,
  .ps .ps__rail-y.ps--clicking {
    background-color: #eee;
    opacity: 1;
  }

.ps__rail-x:hover &gt; .ps__thumb-x,
  .ps__rail-x:focus &gt; .ps__thumb-x,
  .ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
  }

.ps__rail-y:hover &gt; .ps__thumb-y,
  .ps__rail-y:focus &gt; .ps__thumb-y,
  .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #999;
  }

@supports (-ms-overflow-style: none) {
    .ps {
      overflow: auto !important;
    }
  }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
      overflow: auto !important;
    }
  }

.boxShadow {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
}

[class*="__text--height"] {
  transition: line-height 0.15s;
}

.direction-rtl { direction: rtl; }

.direction-ltr { direction: ltr; }

.text-color--blue {
      color: #0f9dff;
    }

.text-color--white {
      color: #fff;
    }

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

.text-align--left {
      text-align: left;
    }

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

.text.section {
    line-height: normal;
  }

.section {
  margin-top: 20px;
}

.txt-uppercase,
.text-Uppercase,
.txt-upper {
  text-transform: uppercase;
}

.txt-lowercase,
.text-Lowercase,
.txt-lower {
  text-transform: Lowercase;
}

.txt-center {
  text-align: center;
}

.txt-center { text-align: center; }

.vAlignTop {
    align-self: flex-start;
  }

.vAlignBottom {
    align-self: flex-start;
  }

.vAlignCenter {
    align-self: center;
  }

.accordion .expand__trigger { cursor: pointer; }

.accordion .expand__target {
      box-shadow: 0px 4px 12px 0px rgba(0,1,1,.15);
      overflow: hidden;
    }

.accordion--direction-vertical .expand__trigger {
        background-color: #e9eef1;
        border-bottom: 1px solid #e9eef1;
        color: #334147;
        font-weight: normal;
        padding: 1.25rem calc(1.25rem * 2);
      }

.accordion--direction-vertical .expand__trigger .icon {
          fill: #334147;
          margin-left: 16px;
        }

.accordion--direction-vertical .expand__trigger:hover {
          color: #334147;
        }

.accordion--direction-vertical .expand__trigger:hover .icon {
            fill: #334147;
          }

.accordion--direction-vertical .expand__target {
        background-color: #fff;
        padding: 1.25rem;
      }

.accordion--direction-vertical .expand-state--closed .expand__target {
          padding: 0;
        }

.accordion--direction-vertical .expand-state--open .expand__trigger {
          color: #334147;
        }

.accordion--direction-vertical .expand-state--open .expand__trigger .icon {
            fill: #334147;
          }

.accordion--direction-vertical .expand-state--open .expand__target {
          transition: padding-top 0.5s, padding-bottom 0.5s, max-height 0.2s 0.2s ease-out;
        }

.accordion--direction-vertical-spread {
      }

.accordion--direction-vertical-spread .expand:not(:last-child) {
          margin-bottom: 1rem;
        }

.accordion--direction-horizontal .expand__target {
        background-color: #fff;
        padding: 1.25rem;
      }

.accordion--direction-horizontal .expand-state--open .expand__trigger {
          color: #334147;
        }

.accordion--direction-horizontal .expand-state--open .expand__trigger .icon {
            fill: #334147;
          }

.alert {
  border-radius: 5px;
}

.alert--style-default {
      background-color: #e0e5e9;
      border: 1px solid #909ca5;
      color: #334147;
    }

.alert--style-default .icon {
        fill: #334147;
        stroke: #334147;
      }

.alert--style-error {
      background-color: #feeeeb;
      border: 1px solid #f95738;
      color: #f95738;
    }

.alert--style-error .icon {
        fill: #f95738;
        stroke: #f95738;
      }

.alert--style-success {
      background-color: #f7fbf6;
      border: 1px solid #5FAD4F;
      color: #5FAD4F;
    }

.alert--style-success .icon {
        fill: #5FAD4F;
        stroke: #5FAD4F;
      }

.alert--style-warning {
      background-color: #fdf4d7;
      border: 1px solid #c4a94b;
      color: #334147;
    }

.alert--style-warning .icon {
        fill: #909ca5;
        stroke: #909ca5;
      }

.alert--type-inline .alert-icon {
        margin-right: 1rem;
      }

.alert--type-inline .button {
        position: relative;
      }

.alert--type-inline .button:before {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 100;
        }

.alert--type-inline .icon {
        stroke-width: 2px;
        position: relative;
        z-index: 0;
      }

.backtotop {
  background: #fff;
  border: 2px solid #48565e;
  border-radius: 25px;
  bottom: 10px;
  color: #48565e;
  cursor: pointer;
  display: none;
  height: 40px;
  position: fixed;
  right: calc(50% - 62.5px);
  width: 125px;
  z-index: 999;
}

.backtotop .arrow-updated {
    width: 0;
    height: 0;
    padding: 4px;
  }

.backtotop:is(:hover, :active, :focus) {
    background: #48565e;
    border-color: #48565e;
    color: #fff;
  }

.backtotop:is(:hover, :active, :focus) .arrow-updated {
      border-color: #fff;
    }

.digicert-body .backtotop {
    border-color: #6e6e6e;
    color: #6e6e6e;
  }

.digicert-body .backtotop:hover {
      background: #6e6e6e;
      color: #fff;
    }

.digicert-body .backtotop:hover i.arrow-updated {
        border-color: #fff;
      }

.geotrust-body .backtotop {
    border-color: #f37121;
    color: #f37121;
  }

.geotrust-body .backtotop:hover {
      background: #f37121;
      color: #fff;
    }

.geotrust-body .backtotop:hover i.arrow-updated {
        border-color: #fff;
      }

.backtotop {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.arrow-updated {
  border-style: solid;
  border-color: #48565e;
  border-width: 0 2px 2px 0;
  display: inline-block;
  height: 2px;
  padding: 4px;
  width: 2px;
}

.arrow-updated.right {
    transform: rotate(-45deg);
  }

.arrow-updated.left {
    transform: rotate(135deg);
  }

.arrow-updated.up {
    transform: rotate(-135deg);
    margin-top: 4px;
  }

.arrow-updated.down {
    transform: rotate(45deg);
    margin-top: -4px;
  }

.background-box .design1 .background-block {
        grid-row: 1;
        background-color: #e9eef1;
        z-index: 0;
      }

.background-box .design1 .white-box {
        z-index: 1;
        grid-row: 1;
        background-color: transparent;
        box-shadow: none;
        grid-column: 2/11;
      }

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

.background-box .design1 .white-box {
          grid-column: 1/5
      }
        }

@media only screen and (min-width:768px) and (max-width:1024px) {

.background-box .design1 .white-box {
          grid-column: 2/8
      }
        }

.background-box .design2 .background-text {
        display: block;
        grid-row: 1;
        grid-column: 2/12;

      }

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

.background-box .design2 .background-text {
          grid-column: 1/5;
          font-size: 20vw;
          margin-bottom: -6vw;
          margin-top: -3vw;
          text-align: right

      }
        }

@media only screen and (min-width:768px) {

.background-box .design2 .background-text {
          margin-right: 0

      }
        }

@media only screen and (min-width:768px) and (max-width:1024px) {

.background-box .design2 .background-text {
          grid-column: 2/9

      }
        }

.background-box .design2 .white-box {
        grid-row: 2;
        z-index: 1;
        grid-column: 1/11;
        margin-top: -15px;
      }

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

.background-box .design2 .white-box {
          grid-column: 1/5
      }

          .background-box .design2 .white-box .cmp-text {
            margin: 6px 8% 60px;
          }
        }

@media only screen and (min-width:768px) and (max-width:1024px) {

.background-box .design2 .white-box {
          grid-column: 1/8
      }

          .background-box .design2 .white-box .cmp-text {
            margin: 20px 20%;
          }
        }

.blog-author .cmp-text &gt; h1 {
      display: none;
    }

.blog-author {
  display: grid;
}

.blog-author__figure {
    display: inline-flex;
    flex-flow: column;
    max-width: 15.625rem;
    width: 100%;
  }

.blog-author__image {
    flex-grow: 999;
    flex-shrink: 0;
    max-height: 15.625rem;
    max-width: 15.625rem;
    object-fit: cover;
  }

.blog-list-container .card {
    height: 100%;
  }

.card .blog_card {
    width: 100%;
    max-width: 383px;
    max-height: 500px;
    cursor: pointer;
    position: relative;
  }

.card .blog_card a.blogURL {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
    }

.card .blog_card .img-container {
      height: 144px;
      overflow: hidden;
    }

.card .blog_card .img-container img {
        display: block;
        height: 144px;
        width: 100%;
        transition: transform 0.4s ease-out;
        object-fit: cover;
      }

.card .blog_card .description {
      display: grid;
      grid-template-rows: auto;
      grid-gap: 20px;
      position: relative;
      height: 100%;
      overflow: hidden;
    }

.card .blog_card .description .blogCategoryAndDate {
        position: absolute;
        top: 40px;
        z-index: 1;
        max-height: 28px;
        min-height: 14px;
      }

.card .blog_card .description .blogCategoryAndDate .blogCategory li.active {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -ms-box-orient: vertical;
            box-orient: vertical;
            -webkit-line-clamp: 2;
            -moz-line-clamp: 2;
            -ms-line-clamp: 2;
            line-clamp: 2;
            line-height: 1.1;
            overflow: hidden;
            height: 36px;
            margin-top: -5px;
          }

.card .blog_card .description .blogCategoryAndDate .blogCategory {

          width: 100%;
          overflow-wrap: break-word;
          display: flex;
}

.card .blog_card .description .blogCategoryAndDate small {
          line-height: 18px;
        }

.card .blog_card .description .blogCategoryAndDate,
      .card .blog_card .description .blogAuthor {
        display: grid;
        grid-template-columns: calc(100% - 75px) 75px;
      }

.card .blog_card .description .blogCategoryAndDate .blogCategory, .card .blog_card .description .blogAuthor .blogCategory {
          justify-self: flex-start;
        }

.card .blog_card .description .blogCategoryAndDate .blogCategory a:hover, .card .blog_card .description .blogAuthor .blogCategory a:hover {
            text-decoration: underline;
          }

.card .blog_card .description .blogCategoryAndDate .blogDate, .card .blog_card .description .blogAuthor .blogDate {
          justify-self: flex-end;
          line-height: 14px;
        }

.card .blog_card .description .blogAuthor {
        position: absolute;
        bottom: 24px;
        align-items: flex-end;
        height: 38px;
      }

.card .blog_card .description .blogAuthor a {
          color: #909ca5;
        }

.card .blog_card .description .blogAuthor a:hover {
            color: #0f9dff;
          }

@media (max-width: 1024px) {

.card .blog_card .description .blogAuthor .social-icons {
            display: grid;
            grid-template-columns: auto auto
        }
          }

@media (min-width: 1025px) {

.card .blog_card .description .blogAuthor .social-icons {
            display: none
        }
          }

.card .blog_card .description .blogAuthor .social-icons {

          justify-self: flex-end;
          align-self: center;
          margin-bottom: -15px;
          grid-gap: 5px;
}

.card .blog_card .description .blogAuthor .social-icons i {
            width: 38px;
            height: 38px;
          }

.card .blog_card .description .rte-desc {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        box-orient: vertical;
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
        -ms-line-clamp: 3;
        line-clamp: 3;
        line-height: inherit;
        overflow: hidden;
      }

@media (max-width: 430px) {
      .card .blog_card .description {
        padding: 60px 8% 115px;
      }

        .card .blog_card .description .blogAuthor,
        .card .blog_card .description .blogCategoryAndDate {
          left: 8%;
        }

        .card .blog_card .description .blogCategoryAndDate {
          width: calc(100% - 16%);
        }
}

@media (min-width: 430px) {
      .card .blog_card .description {
        padding: 71px 30px;
        height: 256px;
        box-sizing: border-box;
      }

        .card .blog_card .description .blogCategoryAndDate,
        .card .blog_card .description .blogAuthor {
          left: 30px;
          width: calc(100% - 60px);
        }
}

.card .blog_card:hover {
    box-shadow: 0 4px 12px 0 rgba(0, 1, 1, 0.3);
  }

.card .blog_card:hover .img-container img {
      transform: scale(1.1);
    }

.card .blog_card:hover .blogCategory li.active {
      color: #0f9dff;
      text-decoration: underline;
    }

.card .blog_card:hover .descriptionBox .description .blogCategoryAndDate,
        .card .blog_card:hover .descriptionBox .description .rte-desc,
        .card .blog_card:hover .descriptionBox .description .blogAuthor &gt; a {
          opacity: 0.7;
        }

.card .blog_card:hover .descriptionBox .blogAuthor .social-icons {
        z-index: 105;
        display: flex !important;
      }

.cmp-container &gt; *:first-child .vspacebtncomp-80-top.mt-80 {
      margin-top: 80px;
    }

.blogHeroImage .whiteBox.hover,
  .blogHeroImage .whiteBox:hover {
    box-shadow: 0 4px 12px 0 rgba(0, 1, 1, 0.3);
  }

.blogHeroImage .whiteBox:hover,
  .blogHeroImage .content-container:hover {
    cursor: pointer;
  }

.blogHeroImage .whiteBox:hover ~ .content-container .img-container img, .blogHeroImage .whiteBox.hover ~ .content-container .img-container img {
      transform: scale(1.1);
    }

.blogHeroImage .whiteBox:hover ~ .content-container .description .rte-desc,
      .blogHeroImage .whiteBox:hover ~ .content-container .description .category_and_date,
      .blogHeroImage .whiteBox:hover ~ .content-container .description .blogAuthor .author-name a,
      .blogHeroImage .whiteBox.hover ~ .content-container .description .rte-desc,
      .blogHeroImage .whiteBox.hover ~ .content-container .description .category_and_date,
      .blogHeroImage .whiteBox.hover ~ .content-container .description .blogAuthor .author-name a {
        opacity: 0.7;
      }

.blogHeroImage .whiteBox:hover ~ .content-container .description .blogCategory li.active, .blogHeroImage .whiteBox.hover ~ .content-container .description .blogCategory li.active {
        text-decoration: underline;
        color: #0f9dff;
      }

.blogHeroImage .whiteBox:hover ~ .content-container .description .blogAuthor .social-icons, .blogHeroImage .whiteBox.hover ~ .content-container .description .blogAuthor .social-icons {
          display: block;
        }

.blogHeroImage .breadcrumb {
    margin: 0 auto;
  }

@media (max-width: 767px) {

.blogHeroImage .breadcrumb {
      padding: 20px 0
  }
    }

@media (min-width: 768px) and (max-width: 1024px) {

.blogHeroImage .breadcrumb {
      padding: 30px 0
  }
    }

@media (min-width: 1024px) {

.blogHeroImage .breadcrumb {
      width: 79%;
      padding: 40px 0
  }
    }

.blogHeroImage .whiteBox {
    z-index: 1;
    grid-row: 2;
  }

.blogHeroImage .content-container {
    z-index: 1;
    display: grid;
    position: relative;
  }

.blogHeroImage .content-container .blogURL {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1;
    }

.blogHeroImage .content-container .description {
      display: grid;
      grid-template-rows: max-content;
      grid-template-columns: auto 80px;
      grid-gap: 30px;
      word-wrap: anywhere;
    }

.blogHeroImage .content-container .description .rte-desc {
        grid-column: 1/3;
      }

.blogHeroImage .content-container .description .social-share {
        display: grid;
        grid-template-columns: max-content max-content;
        align-self: end;
        margin-bottom: -15px;
        grid-gap: 5px;
        justify-self: end;
      }

.blogHeroImage .content-container .description .authorLink {
        align-self: end;
      }

.blogHeroImage .content-container .img-container {
      position: relative;
      overflow: hidden;
      width: 100%;
    }

.blogHeroImage .content-container .img-container video,
      .blogHeroImage .content-container .img-container img {
        transform: scale(1);
        transition: transform 0.4s ease-out;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

.blogHeroImage .content-container:hover {
      cursor: pointer;
    }

.blogHeroImage .blogAuthor--center {
    display: grid;
    padding-top: 40px;
    align-items: center;
  }

.blogHeroImage .blogAuthor--center .author_info {
      display: grid;
      align-items: center;
    }

.blogHeroImage .blogAuthor--center .author_info .author-pic img {
          width: 80px;
          height: 80px;
          border-radius: 50%;
          object-fit: cover;
        }

@media (max-width: 767px) {

.blogHeroImage .blogAuthor--center .author_info {
        grid-template-columns: max-content auto
    }

        .blogHeroImage .blogAuthor--center .author_info .author-info {
          grid-template-columns: auto;
          grid-gap: 5px;
        }
      }

.blogHeroImage .blogAuthor--center .social-icons {
      display: grid;
      grid-template-columns: max-content max-content max-content max-content;
      grid-gap: 10px;
    }

@media (max-width: 767px) {

.blogHeroImage .blogAuthor--center {
      grid-column: 1/5;
      grid-gap: 20px
  }

      .blogHeroImage .blogAuthor--center .author_info {
        grid-gap: 40px;
      }

      .blogHeroImage .blogAuthor--center .social-icons {
        justify-self: flex-start;
      }
    }

@media (min-width: 768px) and (max-width: 1023px) {

.blogHeroImage .blogAuthor--center {
      grid-column: 1/9;
      grid-template-columns: auto auto
  }

      .blogHeroImage .blogAuthor--center .social-icons {
        justify-self: flex-end;
      }
    }

@media (min-width: 1024px) {

.blogHeroImage .blogAuthor--center {
      grid-column: 2/12;
      grid-template-columns: auto auto;
      grid-row: 3
  }

      .blogHeroImage .blogAuthor--center .social-icons {
        justify-self: flex-end;
      }
    }

@media (max-width: 430px) {
    .blogHeroImage .blogAuthor--center {
      grid-template-columns: auto;
    }
  }

@media (min-width: 430px) and (max-width: 767px) {
    .blogHeroImage .blogAuthor--center {
      grid-template-columns: auto auto;
    }
  }

@media (min-width: 768px) {
      .blogHeroImage .blogAuthor--center .author_info {
        grid-template-columns: max-content auto;
        grid-gap: 60px;
      }

        .blogHeroImage .blogAuthor--center .author_info .author-info {
          display: grid;
          grid-template-columns: max-content max-content max-content;
          grid-gap: 30px;
        }
  }

.blog-list-filter {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    margin-top: -20px;
    color: #909ca5;
  }

.blog-list-filter .nstories {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
    }

.blog-list-filter .sortby {
      justify-self: end;
    }

.blog-list-filter .sortby select {
        width: 135px;
        padding-left: 7px;
        background-color: #fff;
        margin: 0;
      }

.blog-list-container &gt; div {
      display: grid;
      grid-template-rows: auto;
      grid-gap: 40px;
      height: 100%;
    }

.blog-list-container &gt; div .loadMoreButton {
        margin-top: 0 !important;
        margin-left: auto;
        margin-right: auto;
      }

.blog-list-container &gt; div .container,
      .blog-list-container &gt; div .ExNews-container {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
      }

.blog-navigation .blog-subscriber, .blogNavigation .blog-subscriber {
    padding: 0;
  }

.blog-navigation input[type="email"], .blogNavigation input[type="email"] {
    width: auto;
  }

.blog-navigation .btn-container.horizontal &gt; *, .blogNavigation .btn-container.horizontal &gt; * {
        margin: 0;
      }

.blog-navigation a.btn,
  .blog-navigation button.btn,
  .blogNavigation a.btn,
  .blogNavigation button.btn {
    font-size: 1.125rem;
  }

.blog-navigation .closeX, .blogNavigation .closeX {
    grid-row: 1;
    grid-column: 4;
  }

.blog-navigation .fgd-width, .blogNavigation .fgd-width {
    align-content: center;
    grid-column: 1/-1;
  }

.blog-navigation .blogNav, .blogNavigation .blogNav {
    height: fit-content;
  }

.blog-navigation__menu, .blogNavigation__menu {
    align-items: center;
    display: grid;
  }

.blog-navigation .btn-container, .blogNavigation .btn-container {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.125rem;
    gap: 1.25rem;
    margin-top: 0;
  }

.blog-navigation .btn-container.horizontal .white, .blogNavigation .btn-container.horizontal .white {
        flex: unset;
        text-decoration: none;
      }

.blog-navigation .btn-container.horizontal .white:is(:hover, :active, :focus), .blogNavigation .btn-container.horizontal .white:is(:hover, :active, :focus) {
          text-decoration: underline;
        }

.blog-navigation__search, .blogNavigation__search {
    display: grid;
    grid-template-columns: max-content auto max-content;
    gap: 2.5rem;
    max-width: 1230px;
    margin: 0 auto;
  }

.blog-navigation__search-field .input__field__native, .blogNavigation__search-field .input__field__native {
        border: none;
        border-bottom: 1px solid #48565e;
        border-radius: unset;
        color: #334147;
        font-size: 3rem;
        padding: 1px 2px;
      }

.digicert-body .blog-navigation .submenu, .digicert-body .blogNavigation .submenu {
      border-top: 2px solid #e9eef1;
    }

.digicert-body .blog-navigation .submenu .topics, .digicert-body .blogNavigation .submenu .topics {
        color: #353535;
        display: grid;
        grid-template-columns: max-content max-content auto;
        grid-column-gap: 5%;
        padding-top: 30px;
      }

.digicert-body .blog-navigation .submenu .topics .media-container, .digicert-body .blogNavigation .submenu .topics .media-container {
          display: grid;
          grid-template-rows: max-content;
          grid-gap: 20px;
          grid-row: 2;
          grid-column: 1;
          padding-left: 70px;
        }

.digicert-body .blog-navigation .submenu .topics .media-container .container, .digicert-body .blogNavigation .submenu .topics .media-container .container {
            display: grid;
            height: max-content;
            justify-self: center;
            padding: 40px;
            background-color: #f4f6f8;
            width: 242px;
          }

.digicert-body .blog-navigation .submenu .topics .media-container .container video,
            .digicert-body .blog-navigation .submenu .topics .media-container .container img,
            .digicert-body .blogNavigation .submenu .topics .media-container .container video,
            .digicert-body .blogNavigation .submenu .topics .media-container .container img {
              max-width: 100%;
            }

.digicert-body .blog-navigation .submenu .topics .breakLine, .digicert-body .blogNavigation .submenu .topics .breakLine {
          grid-row: 2;
          grid-column: 2;
          border: 1px solid #e9eef1;
          background: #e9eef1;
          display: block;
          width: 100%;
          grid-column: 2;
        }

.digicert-body .blog-navigation .submenu .topics .topics-list, .digicert-body .blogNavigation .submenu .topics .topics-list {
          grid-row: 2;
          grid-column: 3;
          width: 100%;
          max-width: 970px;
        }

.digicert-body .blog-navigation .submenu .topics .topics-list ul.tagList, .digicert-body .blogNavigation .submenu .topics .topics-list ul.tagList {
            display: inline-block;
            column-count: 4;
          }

.digicert-body .blog-navigation .submenu .topics .topics-list ul.tagList li, .digicert-body .blogNavigation .submenu .topics .topics-list ul.tagList li {
              display: inline-block;
              width: 100%;
              font-size: 14px;
              padding-bottom: 10px;
              cursor: pointer;
            }

.digicert-body .blog-navigation .submenu .topics .topics-list ul.tagList li:hover, .digicert-body .blogNavigation .submenu .topics .topics-list ul.tagList li:hover {
                color: #0f9dff;
              }

.digicert-body .blog-navigation .submenu .topics .topics-list ul.tagList li a, .digicert-body .blogNavigation .submenu .topics .topics-list ul.tagList li a {
                color: #353535;
              }

.digicert-body .blog-navigation .submenu .topics .topics-list ul.tagList li, .digicert-body .blogNavigation .submenu .topics .topics-list ul.tagList li {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

.digicert-body .blog-navigation .submenu .topics .topic-footer, .digicert-body .blogNavigation .submenu .topics .topic-footer {
          grid-row: 3;
          grid-column: 1/5;
          background-color: #e9eef1;
          height: 60px;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 60px;
        }

.digicert-body .blog-navigation .submenu .topics .topic-footer &gt; *:last-child, .digicert-body .blogNavigation .submenu .topics .topic-footer &gt; *:last-child {
            margin: 0px;
          }

.digicert-body .blog-navigation .search, .digicert-body .blogNavigation .search {
      z-index: 106;
    }

.digicert-body .blog-navigation .search .blog-navigation__search, .digicert-body .blogNavigation .search .blog-navigation__search {
        display: grid;
        grid-template-columns: max-content auto max-content;
        grid-gap: 40px;
        align-items: center;
        max-width: 1230px;
        margin: 0px auto;
        padding: 60px 0px;
      }

.digicert-body .blog-navigation .search input[type='text'], .digicert-body .blogNavigation .search input[type='text'] {
        border-radius: unset;
        border: 0;
        border-bottom: 1px solid #909ca5;
        margin-bottom: 0;
        font-size: 3pc;
        padding-left: 0;
        height: 50px;
        width: 100%;
        color: #353535;
        caret-color: #353535;font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
      }

.digicert-body .blog-navigation .search i.search,
      .digicert-body .blog-navigation .search .closeX,
      .digicert-body .blogNavigation .search i.search,
      .digicert-body .blogNavigation .search .closeX {
        cursor: pointer;
      }

.digicert-body .blog-navigationOpenResult, .digicert-body .blogNavigationOpenResult {
      display: grid;
      grid-gap: 40px;
      align-items: center;
      grid-template-columns: auto;
      padding-bottom: 60px;
      padding-top: 40px;
    }

.digicert-body .blog-navigationOpenResult .blog-list-filter, .digicert-body .blogNavigationOpenResult .blog-list-filter {
        padding-bottom: 0px !important;
      }

.digicert-body .blog-navigationOpenResult .card, .digicert-body .blogNavigationOpenResult .card {
        margin-left: auto;
        margin-right: auto;
      }

.digicert-body .blog-navigationOpenResult .loadMoreButton, .digicert-body .blogNavigationOpenResult .loadMoreButton {
        margin-left: auto;
        margin-right: auto;
      }

@media (max-width: 1023px) {
      .digicert-body .blog-navigation .blogSearchInputField, .digicert-body .blogNavigation .blogSearchInputField {
        display: grid;
        align-items: center;
        padding: 50px 7%;
      }

        .digicert-body .blog-navigation .blogSearchInputField .search-page, .digicert-body .blogNavigation .blogSearchInputField .search-page {
          grid-gap: 20px !important;
        }

        .digicert-body .blog-navigation .blogSearchInputField .blogSearchResult, .digicert-body .blogNavigation .blogSearchInputField .blogSearchResult {
          padding-top: 60px;
          display: grid;
          grid-row-gap: 40px;
          justify-content: center;
        }

        .digicert-body .blog-navigation .blogSearchInputField .button-Container, .digicert-body .blogNavigation .blogSearchInputField .button-Container {
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 80px;
        }
    }

@media (min-width: 1024px) and (max-width: 1370px) {
        .digicert-body .blog-navigation .submenu .search .searchResult, .digicert-body .blogNavigation .submenu .search .searchResult {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          grid-gap: 40px;
        }

        .digicert-body .blog-navigation .submenu .search .blog-navigation__search, .digicert-body .blogNavigation .submenu .search .blog-navigation__search {
          padding: 4% 5%;
          display: grid;
          grid-row-gap: 40px;
        }
    }

@media (min-width: 1370px) {
        .digicert-body .blog-navigation .submenu .search .searchResult, .digicert-body .blogNavigation .submenu .search .searchResult {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr 1fr;
          grid-gap: 40px;
          max-width: 1230px;
          margin: 0 auto;
          padding-bottom: 60px;
        }

        .digicert-body .blog-navigation .submenu .search .blog-navigation__search, .digicert-body .blogNavigation .submenu .search .blog-navigation__search {
          display: grid;
          grid-row-gap: 40px;
          max-width: 1230px;
          margin: 0 auto;
        }
    }

.digicert-body .cmp-container .experiencefragment .cmp-container {
    margin: 0;
    padding: 0;
  }

.digicert-body .experiencefragment.sticky {
    z-index: 999;
  }

.digicert-body .experiencefragment.sticky .blogNavigation &gt; div {
        margin: 0px !important;
      }

.digicert-body .experiencefragment.sticky .blogNavigation {

      grid-template-columns: auto;
      margin: 0;
}

.digicert-body .experiencefragment.sticky,
  .digicert-body .experiencefragment.sticky .blogNavigation {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
  }

@media (max-width: 767px) {

.digicert-body .experiencefragment.sticky,
  .digicert-body .experiencefragment.sticky .blogNavigation {
      top: 80px;
  }
    }

@media (min-width: 768px) {

.digicert-body .experiencefragment.sticky,
  .digicert-body .experiencefragment.sticky .blogNavigation {
      top: 80px;
  }
    }

.digicert-body .experiencefragment.sticky,
  .digicert-body .experiencefragment.sticky .blogNavigation {

    overflow-y: auto;
    height: 70px;
    z-index: 1000;
}

@media (max-width: 767px) {
    .digicert-body .experiencefragment.sticky + * {
      padding-top: 80px;
    }

    .digicert-body .experiencefragment.sticky + .blog_NavigationOpenResult {
      padding-top: 220px;
    }
  }

@media (min-width: 768px) {
    .digicert-body .sticky + * {
      padding-top: 80px;
    }
  }

.blog-related-articles .article-list &gt; *:first-child, .blog_related_articles .article-list &gt; *:first-child {
    margin: -20px 0 40px;
  }

.article-list [role="list"] {
    font-size: 20px;
  }

.blog-subscriber .container {
    display: flex;
    gap: 1.875rem;
    padding: 42px 50px;
    align-items: center;
    color: #fff;
    box-sizing: border-box;
    max-width: 970px;
  }

.blog-subscriber .container.right {
      margin: 0 0 0 auto;
    }

.blog-subscriber .container.center {
      margin: 0 auto;
    }

.blog-subscriber .form {
    display: flex;
    flex-grow: 1;
    gap: 1rem;
  }

.blog-subscriber h2.title {
    margin: 0;
    font-size: 40px;
    line-height: 48px;
  }

.upnext {
  padding: 60px 0px;
  position: relative;
}

.upnext .white-box {
    z-index: 0;
    grid-row: 1;
  }

.upnext .wrapper {
    z-index: 1;
    grid-row: 1;
    padding: 20px 0px 40px;
  }

.upnext .container {
    display: grid;
    grid-template-columns: 29% auto;
    grid-gap: 40px;
  }

.upnext .container img {
      height: 141px;
      width: 100%;
      object-fit: cover;
    }

.upnext article {
    margin-right: 40px;
  }

.upnext article a.categoryLink {
      z-index: 2;
      position: relative;
    }

.upnext article .rte-desc {
      height: 98px;
      margin-top: 5px;
      overflow: hidden;
    }

.upnext article .rte-desc * {
        font-size: 26px !important;
        line-height: 35px !important;
        text-align: left !important;
        text-transform: unset;
        margin: 0;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
      }

a.blogLink {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

@media (max-width: 768px) {
    .upnext .blogArticle {
      max-width: 383px;
    }
}

.brand &gt; * {
    display: inline-block;
    vertical-align: middle;
  }

.brand__image--default {
      max-width: 7.75rem;
    }

.brand__image--geotrust {
      max-width: 10.625rem;
    }

.brand .brand__label {
    display: inline-block;
    margin: 0.75rem 0 0 1rem;
  }

.breadcrumb {
  color: #909ca5;
  font-family: 'Roboto-Regular', 'Open Sans', sans-serif;
  font-size: 0.875rem;
}

.breadcrumb .list, .breadcrumb .pdp__container .list &gt; ul {
    padding-left: 0;
  }

.breadcrumb .list--style-inline {
      gap: 6px;
      margin: revert;
    }

.breadcrumb .list__item:first-child:before {
          display: none;
        }

.breadcrumb .list__item:before {
        color: #000000;
        display: inline-block;
        margin-right: 6px;
        text-align: center;
        width: 0.75rem;
      }

.breadcrumb .link--color-gray-dark {
    color: #909ca5;
    font-family: 'Roboto-Medium', 'Open Sans', sans-serif;
    text-decoration: none;
  }

.breadcrumb .link--color-gray-dark:is(:hover, :active, :focus) {
      color: #0f9dff;
      text-decoration: underline;
    }

.breadcrumb .link--color-gray-dark[aria-current='page'] {
      color: inherit;
      font-family: 'Roboto-Regular', 'Open Sans', sans-serif;
      text-decoration: none;
    }

.breadcrumb .link--color-gray-dark[aria-current='page']:is(:hover, :active, :focus) {
        text-decoration: underline;
      }

.breadcrumb .active {
    opacity: 0.6;
  }

.breadcrumb--color-white {
      color: #fff;
    }

.breadcrumb--style-default .list__item:before {
          content: '&gt;';
          font-family: 'Roboto-Medium', 'Open Sans', sans-serif;
        }

.breadcrumb--style-arrows .list__item:before {
          content: '\21D2';
        }

.breadcrumb {
  display: inline-block;
  list-style: none;
  padding: 0;
}

.breadcrumb .breadcrumb-item {
  float: left;
}

.breadcrumb .breadcrumb-item small {
  color: rgb(144, 156, 165);
}

.breadcrumb .breadcrumb-item a small {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.breadcrumb .breadcrumb-item.active {
  opacity: 0.6;font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
}

.breadcrumb .breadcrumb-item a:hover small {
  color: #0f9dff;
  text-decoration: underline;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  display: inline-block;
  padding: 0 5px;
  content: "&gt;";
}

.card__body {
  }

.card--style-icon:is(:hover, :active, :focus) {
        background-color: #0789e1;
        box-shadow: -10px 10px 10px rgba(7,137,225, 0.1);
      }

.card__grid {
    justify-content: space-between;
    flex-wrap: wrap;
  }

.card__grid .card {
      display: flex;
      flex-direction: column;
    }

.card__grid .card__body {
        height: 100%;
      }

.card__grid--3-cols {
      display: grid;
      gap: 2.5rem;
      grid-template-columns: 1fr;
    }

.card--Medium {
    max-width: 383px;
    max-height: 400px;
  }

.card--Medium .card__icon {
      height: 141px;
    }

.card-description {
    padding: 30px;
    box-sizing: border-box;
  }

@media (min-width: 1024px) {

.simple_card {
    height: calc(100% - 30px)
}
  }

.simple_card .icon-headline {
    padding: 30px;
    height: 100%;
  }

.simple_card .icon-headline .headline {
      display: flex;
      grid-gap: 20px;
      height: 100%;
    }

.simple_card .icon-headline .headline .cmp-text {
        width: 100%;
        align-self: center;
        color: white;
      }

.simple_card .icon-headline .descriptionBox {
      margin: 10px 0;
    }

.simple_card .img-container img {
      width: 100%;
      height: 140px;
    }

@media (max-width: 1270px) {

.simple_card .img-container img {
        height: 200px
    }
      }

@media (max-width: 650px) {

.simple_card .img-container img {
        height: auto
    }
      }

.simple_card .description {
    padding-top: 20px;
  }

@media (max-width: 650px) {
      .column-ctrl-component .grid-12 .column-cntrl-section {
        grid-column: 1/5 !important;
      }

        .column-ctrl-component .grid-12 .column-cntrl-section .column-cntrl-section {
          grid-template-columns: repeat(1, 1fr) !important;
        }
            .column-ctrl-component .grid-12 .column-cntrl-section .column-cntrl-section .simple_card .button-Container {
              margin-top: 20px;
            }
}

.cluster-content {
  display: grid;
  grid-template-columns: 30% auto 66%;
  margin: 0 auto;
  grid-gap: 4%;
}

.cluster-content .content .text.vspacebtncomp-top {
    padding-top: 0px !important;
  }

.cluster-content i.arrow-updated {
    font-size: 24px;
    margin-left: 12.5px;
    cursor: pointer;
    width: 0;
    height: 0;
    padding: 4px !important;
  }

.cluster-content ul.menu li &gt; p {
        font-weight: 500;
        display: flex;
        align-items: center;
      }

.cluster-content ul.menu li ul.sub-menu li {
          word-break: keep-all;
        }

.cluster-content ul.menu li ul.sub-menu li a {
            font-size: 18px;
            max-width: 100%;
          }

.cluster-content ul.menu li ul.sub-menu li p {
            line-height: 1.3;
            margin-bottom: 15px;
          }

.cluster-content .visible-mobile {
    display: none;
  }

@media (max-width: 767px) {

.cluster-content .visible-mobile {
      display: block
  }
    }

.cluster-content ul.menu li ul.sub-menu li a:hover,
  .cluster-content ul.menu li ul.sub-menu li.active a {
    color: #0f9dff;
  }

.cluster-content ul.menu &gt; li &gt; p &gt; a:hover {
    text-decoration: underline;
  }

.cluster-content ul.menu li a {
  color: #353535;
}

.vr-line {
  border-right: 1px solid #353535;
}

.cluster-content ul.menu li ul {
  display: none;
}

.cluster-content ul.menu li.active ul {
  display: block;
}

.cluster-content ul.menu li ul.sub-menu li.active a::after {
  transform: scale(1);
}

.cluster-content ul.menu li ul.sub-menu li.active a,
.cluster-content ul.menu li ul.sub-menu li a:hover {
  color: #353535;
}

.cluster-content ul.menu li.active i.fa-angle-down {
  transform: rotate(180deg);
  transition: transform 0.5s ease-in-out;
}

.cluster-content ul.menu li.active i,
.cluster-content ul.menu li.active a[href='#dropdown-list-items'] {
  color: #0f9dff;
}

.cluster-content ul.menu &gt; li &gt; p &gt; a:hover {
  text-decoration: unset;
  color: #0f9dff;
}

@media (max-width: 767px) {
  .cluster-content {
    grid-template-columns: auto;
    grid-gap: 40px;
    width: 100%;
    margin: 60px 0px;
  }

    .cluster-content .vr-line {
      display: none;
    }

    .cluster-content ul.menu li ul.sub-menu li a {
      width: unset;
      overflow-wrap: break-word;
      word-wrap: break-word;
      hyphens: auto;
    }
}

@media (min-width: 767px) and (max-width: 1024px) {
    .cluster-content .content {
      width: unset;
      overflow-wrap: break-word;
      word-wrap: break-word;
      hyphens: auto;
    }
}

@media (min-width: 1024px) {
  .cluster-content {
    width: 79%;
    padding: 60px 0px;
    min-width: 900px;
  }
}

.description-cta ul {
    padding-left: 20px;
  }

.white-box,
.whiteBox {
  background-color: #fff;
  box-shadow: 0px 4px 12px 0px rgba(0, 1, 1, 0.15);
}

.cmp-bullet-two-col ul {
    column-gap: 0px;
  }

.expand {
  display: flex;
}

.expand__trigger {
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    text-align: start;
    width: 100%;
  }

.expand__target {
    padding: 0 8px;
  }

.expand-state--open .expand__target {
        max-height: 4000px;
      }

.expand-state--closed .expand__target {
        overflow: hidden;
        max-height: 0;
      }

.expand {
  flex-direction: column;
}

.expand-align--bottom {
    flex-direction: column-reverse;
  }

.expand-align--top {
    flex-direction: column;
  }

.expand-align--right {
    flex-direction: row;
  }

.expand-align--left {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

.expand .icon {
    margin: auto 0;
  }

.feed-reader,
.feedReader {
  margin: 60px 0;
}

.feed-reader article, .feedReader article {
    color: #353535;
  }

.feed-reader article h2, .feedReader article h2 {
      margin-bottom: 10px;
    }

.feed-reader article h6, .feedReader article h6 {
      margin-bottom: 20px;
      color: #909ca5;
      font-size: 14px;
    }

.feed-reader article h5, .feedReader article h5 {
      margin-bottom: 0;
    }

.feed-reader article.title h5, .feedReader article.title h5 {
        margin-bottom: 20px;
      }

.feed-reader article:not(.title), .feedReader article:not(.title) {
      margin-top: 60px;
    }

.file-card {
  text-decoration: none;
  transition: box-shadow 0.5s;
}

.file-card--default:is(:hover, :active, :focus) {
      box-shadow: 0 0 0 2px #909ca5;
    }

.file-card--default .button--link {
      padding: 0.5rem 1rem;
    }

.generator {
  width: 60%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.2);
  padding: 50px 100px;
  box-sizing: border-box;
  margin: auto;
}

.generator .cmp-image {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

.generator .cmp-image .cmp-image__image {
      width: 60%;
      margin: 0 auto;
    }

.generator .cmp-image .textfield {
      border: none;
      width: 100%;
      display: flex;
      padding: 10px 20px;
      background-color: #fff;
      color: #000000;
      margin-bottom: 30px;
      max-width: 100%;
      border-radius: 0;
    }

.generator .cmp-image .d-flex {
      display: flex;
    }

.generator .cmp-image .d-flex .btn {
        border-radius: 0px;
        padding: 10px 20px;
        min-width: 150px;
        font-weight: 600;
        font-size: 16px;
        background-color: dodgerblue;
        border: none;
        color: #fff;
      }

.generator .cmp-image .just-center {
      justify-content: center;
    }

.header__description {
    font-size: clamp(1.25rem, 1.069rem + 0.6734vw, 1.5rem);
  }

.image-video .cmp-image__image.objfit-contain {
        object-fit: contain;
      }

.image-video .cmp-image__image.objfit-cover {
        object-fit: cover;
      }

.image-video .cmp-image__image.objfit-fill {
        object-fit: fill;
      }

.image-video .cmp-image__image.objfit-inherit {
        object-fit: inherit;
      }

.image-video .cmp-image__image.objfit-none {
        object-fit: none;
      }

#customer-logos .image-video .cmp-image__image.objfit-none {
          object-fit: unset;
        }

.image-video .cmp-image__image.objfit-revert {
        object-fit: revert;
      }

.image-video .cmp-image__image.objfit-scale-down {
        object-fit: scale-down;
      }

.image-video .cmp-image__image.objfit-unset {
        object-fit: unset;
      }

.image-video .iframePoster {
    cursor: pointer;
  }

.image-video .media-container.showPlayBtn {
    position: relative;
  }

.image-video .media-container.showPlayBtn img {
      display: block;
    }

.image-video .media-container.showPlayBtn:after,
    .image-video .media-container.showPlayBtn:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      cursor: pointer;
    }

.image-video .media-container.showPlayBtn:after {
      width: 0;
      height: 0;
      border: 16px solid transparent;
      border-left: 20px solid #fff;
      -webkit-filter: drop-shadow(0 0 2 rgba(0, 0, 0, 0.25));
    }

.image-video .media-container.showPlayBtn:before {
      width: 60px;
      height: 60px;
      border: 3px solid #fff;
      border-radius: 50%;
      box-shadow: 0 0 4px rgba(black, 0.18);
      background: rgba(black, 0.42);
    }

.image-video .media-container.showPlayBtn:hover:before {
        background: rgba(black, 0.7);
      }

#customer-logos .column-ctrl-component {
    margin-bottom: 50px;
  }

#customer-logos .image.section {
    width: 80%;
    margin: 40px auto 60px;
  }

.jump-nav__container {
    padding: 30px;
  }

.jump-nav__container:empty {
      display: none;
    }

.jump-nav__list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5625rem;
    column-gap: 3.125rem;
    justify-content: center;
  }

.jump-nav__link {
    padding: 10px 0;
    text-decoration: none;
  }

.jump-nav__link:is(:hover, :active, :focus) {
      text-decoration: underline;
    }

.jump-Container {
  margin: 5px auto;
}

.graphic-text-and-carousel-content .descriptionBox {
      color: #353535;
      font-size: 21px;
      background-color: #fff;
      box-shadow: 0 4px 9pt 0 rgba(0, 1, 1, 0.15);
    }

.graphic-text-and-carousel-content .descriptionBox .description h2,
        .graphic-text-and-carousel-content .descriptionBox .description h1 {
          margin-bottom: 30px;
        }

.graphic-text-and-carousel-content .descriptionBox .description h3,
        .graphic-text-and-carousel-content .descriptionBox .description h4,
        .graphic-text-and-carousel-content .descriptionBox .description h5,
        .graphic-text-and-carousel-content .descriptionBox .description h6,
        .graphic-text-and-carousel-content .descriptionBox .description p {
          margin-top: 0;
          margin-bottom: 17px;
        }

.graphic-text-and-carousel-content .descriptionBox .description &gt; *:last-child {
          margin-bottom: 0px;
        }

.graphic-text-and-carousel-content .descriptionBox .description ul {
          display: grid;
          grid-gap: 20px;
        }

.graphic-text-and-carousel-content .descriptionBox {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

.list-container .container, .listcontainer .container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
  }

.media--order-reversed {
    direction: rtl;
  }

.media--order-reversed .media__body {
      direction: ltr;
    }

.media--text-and-image .media__figure {
        flex: 1;
      }

.media--text-and-image .media__body {
        flex: 2;
      }

.media--layered-content-blade {
    display: grid;
  }

.media--card {
    container-type: inline-size;
    display: grid;
    gap: 40%;
  }

@container (width &gt; 50ch) {

.media--card {
      grid-template-columns: repeat(2, 1fr)
  }
    }

.media__figure--cover {
      display: inline-flex;
      width: 100%;
    }

.media__figure--cover .image {
        flex-grow: 999;
        flex-shrink: 0;
        height: 100%;
        object-fit: cover;
        width: 100%;
      }

.media__figure--layered-content-blade .image {
        display: block;
        max-width: 100%;
        width: 100%;
      }

.media__body {
    flex: 1;
  }

.media__footer {
    height: fit-content;
  }

.media__footer {
    height: fit-content;
  }

.media-card .multimedia_card {
    margin: auto;
    max-width: 370px;
  }

.media-card .multimedia_card .media-container {
      height: 140px;
      overflow: hidden;
      position: relative;
    }

.media-card .multimedia_card .media-container img {
        height: 100%;
        width: 100%;
      }

.media-card .multimedia_card .descriptionBox {
      position: relative;
      padding: 36px 30px 40px 30px;
      height: calc(480px - 140px - 76px);
    }

.media-card .multimedia_card .descriptionBox .description {
        height: 100%;
        overflow: hidden;
      }

.media-card .multimedia_card .descriptionBox .description .blogCategoryAndDate,
        .media-card .multimedia_card .descriptionBox .description .blogAuthor {
          display: grid;
          grid-template-columns: auto auto;
          color: #909ca5;
          margin-bottom: 25px;
          font-size: 14px;
          text-transform: uppercase;
        }

.media-card .multimedia_card .descriptionBox .description .blogCategoryAndDate .blogCategory, .media-card .multimedia_card .descriptionBox .description .blogAuthor .blogCategory {
            justify-self: flex-start;
          }

.media-card .multimedia_card .descriptionBox .description .blogCategoryAndDate .blogCategory a:hover, .media-card .multimedia_card .descriptionBox .description .blogAuthor .blogCategory a:hover {
              text-decoration: underline;
            }

.media-card .multimedia_card .descriptionBox .description .blogCategoryAndDate .blogDate, .media-card .multimedia_card .descriptionBox .description .blogAuthor .blogDate {
            justify-self: flex-end;
          }

.media-card .multimedia_card .descriptionBox .description .blogCategoryAndDate,
        .media-card .multimedia_card .descriptionBox .description .blogAuthor {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.media-container.showPlayBtn {
  position: relative;
}

.media-container.showPlayBtn img { display: block; }

.media-container.showPlayBtn:after,
  .media-container.showPlayBtn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
  }

.media-container.showPlayBtn:after {
    width: 0;
    height: 0;
    border: 16px solid transparent;
    border-left: 20px solid #fff;
    margin-top: -18px;
    margin-left: -7px;
    -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.25));
    z-index: 10;
  }

.media-container.showPlayBtn:before {
    margin-top: -34px;
    margin-left: -34px;
    width: 60px;
    height: 60px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.18);
    background: rgba(0, 0, 0, 0.42);
    z-index: 9;
  }

.media-container.showPlayBtn:hover:before {
      background: rgba(0, 0, 0, 0.7);
    }

.modal {
  -webkit-overflow-scrolling: touch;
  bottom: 0;
  left: 0;
  padding: 4.6875rem 3rem 1.5rem 3rem;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  transition: opacity 0.2s, z-index 0s 0.2s;
  white-space: nowrap;
  width: 100%;
  height: 100%;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    overflow: hidden;
    vertical-align: middle;
    width: 0;
  }

.modal .card__header {
    bottom: 100%;
    position: absolute;
    width: 100%;
  }

.modal .card__body {
    min-height: 40px;
  }

.modal.hidden {
    left: -999rem;
    top: -999rem;
  }

.modal.hidden .modal-inner--width {
      transform: scale(0);
    }

.modal--title-hidden {
    padding: 3rem 3rem 1.5rem 3rem;
  }

.modal--title-hidden .modal-close {
      position: absolute;
      right: 5px;
      top: -35px;
    }

.modal-inner {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    white-space: normal;
    width: 100%;
  }

.modal-inner--width {
      height: 100%;
      margin: auto;
      position: relative;
      transform: scale(1);
      transition: all 0.15s;
      width: 100%;
    }

.modal--overlay-false {
    background: transparent !important;
  }

.modal.overflowing .card,
    .modal.overflowing .card__body,
    .modal.overflowing .scrollblock,
    .modal.overflowing .modal-inner,
    .modal.overflowing .modal-inner--width,
    .modal.overflowing .modal-inner--height,
    .modal.overflowing .card__body {
      height: 100%;
      min-height: 100px;
    }

.modal.overflowing .card__body {
      overflow: hidden;
    }

.modal.overflowing .scrollblock {
      min-height: 40px;
      overflow-x: hidden;
      overflow-y: scroll;
    }

.modal--default {
    background: rgba(var(--color-red), 0.25);
  }

.modal--default .modal-content {
      background: var(--color-white);
      position: relative;
    }

.modal-close {
    background-color: transparent;
    border: none;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    padding: 0;
    z-index: calc([object Object] .content + 2);
  }

.modal-close:before {
      content: '';
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: [object Object] .content;
    }

.modal-close:is(:hover, :active, :focus) {
      background-color: transparent;
    }

.popupModal {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(97, 97, 97, 0.8);
  z-index: 99999;
  display: grid;
}

.popup {
  width: 60%;
  align-self: center;
  justify-self: center;
}

.closeVideoPlayer {
  position: absolute;
  right: 10%;
  top: 10%;
}

.closeVideoPlayer i {
    cursor: pointer;
  }

.nav-tree {
  font-size: 16px;
  max-width: 500px;
  width: auto;
}

.nav-tree--list .link {
      text-decoration: none;
    }

.nav-tree--list .link:hover {
        color: #909ca5;
      }

.nav-tree--list li {
      margin-left: 0.5rem;
    }

.nav-tree--expandable section {
      padding: 0;
    }

.nav-tree--expandable h5 &gt; .expand__trigger {
      background-color: #e9ebed;
    }

.nav-tree--expandable ul {
      margin-left: 8px;
    }

.nav-tree--expandable .list__item {
      margin-top: 24px;
    }

.nav-tree--expandable section {
      margin-left: 24px;
    }

.navigation {
  background-color: #f0f2f4;
}

.navigation .toggle-wrapper {
    display: flex;
    padding: 0 [object Object] .default;
    align-items: center;
  }

.navigation .toggle-menu {
    padding: [object Object] .x-small;
  }

.navigation .toggle-menu:hover {
      fill: #334147;
    }

.navigation--default {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

.navigation--default .brand {
      margin: 0 1rem;
    }

.navigation--default .navigation--primary {
      align-items: center;
      display: flex;
      flex: 1;
      flex-direction: column;
      width: 100%;
    }

.navigation--default .navigation--primary .list__item {
        display: inline-block;
        align-items: center;
        height: 100%;
        width: 100%;
      }

.navigation--default .navigation--primary-link {
        align-items: center;
        color: #000000;
        display: flex;
        height: 100%;
        padding: [object Object] .default 32px;
        text-decoration: none;
      }

.navigation--default .navigation--primary-link:hover {
          color: #334147;
        }

.navigation--default .navigation--primary-control .control-chevron::before {
          border-style: solid;
          border-width: 2px 2px 0 0;
          content: '';
          display: inline-block;
          height: 4px;
          width: 4px;
          left: 8px;
          position: relative;
          transform: rotate(-45deg);
          color: #909ca5;
          margin-bottom: 3px;
        }

.navigation--default .navigation--primary-control .control-chevron::before {
          top: 0;
          transform: rotate(135deg);
        }

.navigation--vertical .toggle-collapse {
      display: none;
    }

.navigation--vertical .list__item .icon {
        fill: #000000;
        margin: 0 [object Object] .default;
      }

.navigation--vertical .list__item .link {
        color: #000000;
        display: flex;
        overflow: hidden;
        padding: [object Object] .default;
        text-decoration: none;
        white-space: nowrap;
      }

.navigation--vertical .list__item .link &gt; span {
          margin: auto 0;
        }

.navigation--vertical .list__item .link:hover {
          color: #334147;
        }

.navigation--vertical .list__item .link:hover .icon {
            fill: #334147;
          }

.navigation--submenu {
    background-color: #fff;
  }

.navigation--submenu .navigation--submenu-link {
      align-items: center;
      color: #000000;
      display: flex;
      height: 100%;
      padding: [object Object] .default;
      text-decoration: none;
    }

.navigation--submenu .navigation--submenu-link:hover {
        color: #334147;
      }

.digicert-body .cmp-navigation--mobile {
      border-top: solid #abb6bf 1px;
      margin-top: 15px;
      padding-top: 15px;
    }

.digicert-body .cmp-navigation &gt; .cmp-navigation__group {
      display: flex;
      flex-direction: column;
      background-color: #fff;
      margin: 0;
      padding: 0;
    }

.digicert-body .cmp-navigation__item &gt; .cmp-navigation__item-link,
    .digicert-body .cmp-navigation .mobile-text-set .cmp-navigation__item-link {
      display: block;
      color: #000000;
      padding: 10px 22px 10px 0;
      position: relative;
      font-size: 18px;
    }

.digicert-body .cmp-navigation__item &gt; .cmp-navigation__item-link img, .digicert-body .cmp-navigation .mobile-text-set .cmp-navigation__item-link img {
        display: none;
      }

.digicert-body .cmp-navigation__item &gt; .cmp-navigation__item-link,
    .digicert-body .cmp-navigation .mobile-text-set .cmp-navigation__item-link {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.digicert-body .cmp-navigation__item &gt; .cmp-navigation__item-link:after {
          content: ' ';
          width: 17px;
          height: 10px;
          position: absolute;
          right: 0;
          top: 17px;
          background-image: url('../../../content/dam/digicert/images/navigation/header/DropDownArrow_MainNavigation.png');
        }

.digicert-body .cmp-navigation__item--level-0 {
        width: 100%;
      }

.digicert-body .cmp-navigation__item .nav-container {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
      }

.digicert-body .cmp-navigation__item .nav-container__wrapper {
          display: flex;
          align-items: stretch;
          flex-direction: column-reverse;
        }

.digicert-body .cmp-navigation__item .nav-container {

        z-index: 1004;
}

.digicert-body .cmp-navigation__item .nav-container .section-1 {
          padding: 15px 7.5% 25px;
        }

.digicert-body .cmp-navigation__item .nav-container .section-2 {
          padding: 20px 7.5% 30px;
          background: #e9eef1;
        }

.digicert-body .cmp-navigation__item .nav-container .section-2 .description p {
              margin-top: 0;
              margin-bottom: 30px;
            }

.digicert-body .cmp-navigation__item .nav-container .section-2 .graphic-Container {
            display: none;
          }

.digicert-body .cmp-navigation__item .nav-container .cmp-nav-section-1 {
          display: flex;
          width: 100%;
          flex-direction: column;
        }

.digicert-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .cmp-navigation__item-link {
            font-weight: 400;
            font-size: 14px;
            color: #000000;
            position: relative;
            margin: 11px 0 6px;
            display: inline-block;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;position: relative;padding-bottom: 5px;
          }

.digicert-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .cmp-navigation__item-link:hover:after {
      width: 100%;
    }

.digicert-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .cmp-navigation__item-link:after {
    display: block;
    content: ' ';
    width: 0%;
    transition: all 0.3s ease-in-out;
    height: 2px;
    background: #0f9dff;
    position: absolute;
    left: 0;
    bottom: 0;
  }

.digicert-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .child-1 {
            border-bottom: 1px solid #abb6bf;
            padding-bottom: 15px;
            margin-bottom: 15px;
          }

.digicert-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .child-1:last-child {
              border: 0;
              margin: 0;
              padding: 0;
            }

.digicert-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .child-1 &gt; .cmp-navigation__item-link {
              display: block;
              position: relative;
              font-size: 16px;
            }

.digicert-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .child-1 &gt; .cmp-navigation__item-link:after {
                background-color: transparent;
                content: ' ';
                width: 17px;
                height: 10px;
                position: absolute;
                right: 0;
                left: auto;
                top: 7px;
                background-image: url('../../../content/dam/digicert/images/navigation/header/DropDownArrow_MainNavigation.png');
                transform: rotate(180deg);
              }

.digicert-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .child-1 &gt; .cmp-navigation__item-link.cmp-navigation__item-link--closed:after {
                  transform: rotate(0deg);
                }

.digicert-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .child-1 &gt; .cmp-navigation__item-link {font-family: 'Roboto-Bold', sans-serif;font-stretch: normal;
}

.digicert-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .not-bold &gt; .cmp-navigation__item-link {
              display: block;
              position: relative;
              font-weight: 400;
              font-size: 14px;
            }

.digicert-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .not-bold &gt; .cmp-navigation__item-link.cmp-navigation__item-link--closed:after {
                  transform: rotate(0deg);
                }

.digicert-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .not-bold &gt; .cmp-navigation__item-link {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

.digicert-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .child-3 {
            padding-left: 20px;
          }

.digicert-body .cmp-navigation__item.active &gt; .cmp-navigation__item-link {
          color: #1276c0;
        }

.digicert-body .cmp-navigation__item.active &gt; .cmp-navigation__item-link:after {
            background-image: url('../../../content/dam/digicert/images/navigation/header/DropDownArrow_MainNavigation_Blue.png');
          }

.geotrust-body .cmp-navigation--mobile {
      border-top: solid #abb6bf 1px;
      margin-top: 15px;
      padding-top: 15px;
    }

.geotrust-body .cmp-navigation &gt; .cmp-navigation__group {
      display: flex;
      flex-direction: column;
      background-color: #fff;
      margin: 0;
      padding: 0;
    }

.geotrust-body .cmp-navigation__item &gt; .cmp-navigation__item-link,
    .geotrust-body .cmp-navigation .mobile-text-set .cmp-navigation__item-link {
      display: block;
      color: #000000;
      padding: 10px 22px 10px 0;
      position: relative;
      font-size: 18px;
    }

.geotrust-body .cmp-navigation__item &gt; .cmp-navigation__item-link img, .geotrust-body .cmp-navigation .mobile-text-set .cmp-navigation__item-link img {
        display: none;
      }

.geotrust-body .cmp-navigation__item &gt; .cmp-navigation__item-link,
    .geotrust-body .cmp-navigation .mobile-text-set .cmp-navigation__item-link {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.geotrust-body .cmp-navigation__item &gt; .cmp-navigation__item-link:after {
          content: ' ';
          width: 17px;
          height: 10px;
          position: absolute;
          right: 0;
          top: 17px;
          background-image: url('../../../content/dam/digicert/images/navigation/header/DropDownArrow_MainNavigation.png');
        }

.geotrust-body .cmp-navigation__item--level-0 {
        width: 100%;
      }

.geotrust-body .cmp-navigation__item .nav-container {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
      }

.geotrust-body .cmp-navigation__item .nav-container__wrapper {
          display: flex;
          align-items: stretch;
          flex-direction: column-reverse;
        }

.geotrust-body .cmp-navigation__item .nav-container {

        z-index: 1004;
}

.geotrust-body .cmp-navigation__item .nav-container .section-1 {
          padding: 15px 7.5% 25px;
        }

.geotrust-body .cmp-navigation__item .nav-container .section-2 {
          padding: 20px 7.5% 30px;
          background: #fff-alt;
        }

.geotrust-body .cmp-navigation__item .nav-container .section-2 .description p {
              margin-top: 0;
              margin-bottom: 30px;
            }

.geotrust-body .cmp-navigation__item .nav-container .section-2 .graphic-Container {
            display: none;
          }

.geotrust-body .cmp-navigation__item .nav-container .cmp-nav-section-1 {
          display: flex;
          width: 100%;
          flex-direction: column;
        }

.geotrust-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .cmp-navigation__item-link {
            font-weight: 400;
            font-size: 14px;
            color: #575757;
            position: relative;
            margin: 11px 0 6px;
            display: inline-block;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;position: relative;padding-bottom: 5px;
          }

.geotrust-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .cmp-navigation__item-link:after {
    display: block;
    content: ' ';
    width: 0%;
    transition: all 0.3s ease-in-out;
    height: 2px;
    background: #f37121;
    position: absolute;
    left: 0;
    bottom: 0;
  };

.geotrust-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .cmp-navigation__item-link:hover:after {
      width: 100%;
    }

.geotrust-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .child-1 {
            border-bottom: 1px solid #abb6bf;
            padding-bottom: 15px;
            margin-bottom: 15px;
          }

.geotrust-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .child-1:last-child {
              border: 0;
              margin: 0;
              padding: 0;
            }

.geotrust-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .child-1 &gt; .cmp-navigation__item-link {
              display: block;
              position: relative;
              font-size: 16px;
            }

.geotrust-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .child-1 &gt; .cmp-navigation__item-link.cmp-navigation__item-link--closed:after {
                  transform: rotate(0deg);
                }

.geotrust-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .child-1 &gt; .cmp-navigation__item-link {font-family: 'Roboto-Bold', sans-serif;font-stretch: normal;
}

.geotrust-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .not-bold &gt; .cmp-navigation__item-link {
              display: block;
              position: relative;
              font-weight: 400;
              font-size: 14px;
            }

.geotrust-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .not-bold &gt; .cmp-navigation__item-link.cmp-navigation__item-link--closed:after {
                  transform: rotate(0deg);
                }

.geotrust-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .not-bold &gt; .cmp-navigation__item-link {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

.geotrust-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .child-3 {
            padding-left: 20px;
          }

.geotrust-body .cmp-navigation__item.active &gt; .cmp-navigation__item-link {
          color: #0f9dff;
        }

.geotrust-body .cmp-navigation__item.active &gt; .cmp-navigation__item-link:after {
            background-image: url('../../../content/dam/geotrust/images/nav/Blue_Drop_Down.png');
            background-repeat: no-repeat;
          }

.news-feature-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto 80px;
  max-width: 1230px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.news-feature-card .featureCard__featureAsset {
    background-color: grey;
    position: relative;
    width: 760px;
    height: 430px;
    margin: 40px 70px;
  }

.news-feature-card .featureCard__featureAsset img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.news-feature-card .featureCard__featureAsset .featureCard__text-overlay {
      position: absolute;
      bottom: 40px;
      left: 130px;
      right: 130px;
    }

.news-feature-card .featureCard__featureAsset .featureCard__text-overlay .featureCard__title {
        color: #353535;font-stretch: normal;font-family: 'FjallaOne-Bold', sans-serif;
      }

.news-feature-card .featureCard__featureAsset .featureCard__text-overlay .featureCard__description {
        color: #353535;
        margin: 32px 0 40px;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
      }

.news-feature-card .featureCard__CardSet {
    display: flex;
    flex-direction: column;
    flex: 1;
  }

.news-feature-card .featureCard__CardSet .featureCard__card {
      background: #fff;
      padding: 40px 70px;
      height: -webkit-fill-available;
      height: -moz-available;
      width: -webkit-fill-available;
      width: -moz-available;
      border-left: 1px solid #ccc;
    }

.news-feature-card .featureCard__CardSet .featureCard__card__title {
        font-size: 16px;
        line-height: 24px;
        color: #6e6e6e;
      }

.news-feature-card .featureCard__CardSet .featureCard__card__title {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.news-feature-card .featureCard__CardSet .featureCard__card__description {
        color: #353535;
        margin: 32px 0;
      }

.news-feature-card .featureCard__CardSet .featureCard__card__description {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

.news-feature-card .featureCard__CardSet .featureCard__card .cta {
        font-size: 20px;
        line-height: 28px;
        text-decoration: underline;
      }

.news-feature-card .featureCard__CardSet .featureCard__card .cta {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.news-feature-card .featureCard__CardSet .featureCard__card:last-child {
    border-top: 1px solid #ccc;
  }

.stackcard {
  display: flex;
  margin: 0 auto 40px;
  max-width: 1230px;
  max-height: 224px;
  height: 224px;
  background-color: white;
  box-shadow: 0 4px 9pt 0 rgba(0, 1, 1, 0.15);
}

.stackcard .stackcard__textbox {
    padding: 40px 70px;
  }

.stackcard .stackcard__textbox p {
      font-size: 16px;
      line-height: 20px;
      color: #6e6e6e;
    }

.stackcard .stackcard__textbox p {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.stackcard .stackcard__textbox h4 {
      color: #353535;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
    }

.stackcard .stackcard__textbox a {
      font-size: 20px;
      line-height: 24px;
      text-decoration: underline;
    }

.stackcard .stackcard__textbox a {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.stackcard .stackcard__image {
    min-width: 300px;
    height: auto;
    overflow: hidden;
  }

.stackcard .stackcard__image img {
      transform: scale(1);
      transition: transform 0.4s ease-out;
      object-fit: cover;
      width: 100%;
      height: 100%;
    }

.news-stacking-card {
  margin-bottom: 80px;
}

.stackcard:hover {
  box-shadow: 0 4px 12px 0 rgba(0, 1, 1, 0.3);
}

.stackcard:hover .stackcard__image img {
      transform: scale(1.1);
    }

.stackcard:hover .stackcard__textbox h4 {
      opacity: 0.7;
    }

body:not(#authorMode) .pencil-banner__container.fixed {
        position: fixed;
        width: 100%;
        z-index: 1000;
      }

.pencil-banner__container {
    align-content: center;
    background-color: #015A99;
    min-height: 70px;
  }

.pencil-banner__inner &gt; .btn-container {
      margin-top: 0;
    }

.product-demo-guide {
  margin: 60px 0px;
}

.product-demo-guide .product-guide-container {
    display: grid;
    position: relative;
    background-color: #fff;
  }

.product-demo-guide .product-guide-container.design1 {
      grid-template-columns: 65% 35%;
    }

.product-demo-guide .product-guide-container.design2 {
      grid-template-columns: 35% 65%;
    }

.product-demo-guide .product-guide-container.design2 .media {
        grid-column: 2;
      }

.product-demo-guide .product-guide-container.design2 .content {
        grid-column: 1;
      }

.product-demo-guide .product-guide-container .media {
      background-color: #f4f6f8;
      grid-row: 1/3;
      padding: 15% 7.5%;
    }

.product-demo-guide .product-guide-container .content {
      padding: 28% 14%;
    }

.product-demo-guide .product-guide-container .content .text {
        padding: 0;
      }

.product-demo-guide .product-guide-container .navigator {
      position: absolute;
      bottom: 30px;
      width: 25%;
      display: grid;
      grid-template-columns: max-content auto max-content;
    }

.product-demo-guide .product-guide-container .navigator span.goto--previous,
      .product-demo-guide .product-guide-container .navigator span.goto--next {
        cursor: pointer;
      }

.product-element__title--area {
        display: none;
      }

.product-element__actions {

      gap: 20px;
      justify-content: center;
    }

.product-element__cta {
      gap: 20px;
      justify-content: center;
    }

.pdp .product-element__cta {
        justify-content: start;
      }

.product-element__cta a.link--learn-more {
        width: 100%;
      }

.product-element__price,
    .product-element__monthly-price {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
    }

.product-element__what-is-included p {
        font-size: 1.125rem;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
      }

.product-element__what-is-included ul {
        font-size: 0.875rem;
      }

.product-element--default {
      display: flex;
      height: 100%;
    }

.product-element__quantity {
      display: flex;
      text-align: center;
    }

.progress-scroll {
  bottom: 0;
  display: flex;
  flex-direction: row;
  left: 0;
  position: absolute;
  top: 45px;
}

.progress-scroll-prog {
    background-color: #0174c3;
    border-radius: 5px;
    height: 0;
    width: 7px;
  }

.progress-scroll-numbers {
    color: #909ca5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 10px 0 10px 5px;
  }

.progress-scroll-numbers &gt; span {
      cursor: pointer;
      opacity: 0.7;
    }

.progress-scroll-numbers &gt; span.selected {
        color: #0174c3;
        opacity: 1;
      }

.progress-scroll.cq-Editable-dom {
    bottom: auto;
    padding-right: 15px;
  }

.section .row.grid__columns {
    display: grid;
    grid-gap: 10px;
  }

.section .row.grid__columns &gt; div:first-child {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: 250px;
      }

.section .row.grid__columns &gt; div:nth-child(2) {
        grid-column: 2;
        grid-row: 1 / span 1;
      }

.section .row.grid__columns &gt; div:nth-child(3) {
        grid-column: 2;
        grid-row: 2 / span 1;
      }

.section .row.grid__columns &gt; div:last-child {
        grid-column: 3;
        grid-row: 1 / span 1;
        width: 156px;
        display: flex;
        align-items: end;
      }

@media screen and (max-width: 768px) {
        .section .row.grid__columns &gt; div:first-child {
          grid-column: 1;
          grid-row: 3 / span 1;
          width: 100%;
        }

        .section .row.grid__columns &gt; div:nth-child(2) {
          grid-column: 1;
          grid-row: 1 / span 1;
        }

        .section .row.grid__columns &gt; div:nth-child(3) {
          grid-column: 1;
          grid-row: 4 / span 1;
        }

        .section .row.grid__columns &gt; div:last-child {
          grid-column: 1;
          grid-row: 2;
          width: 100%;
        }
      }

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

.section {
    width: 95%;
    margin: auto
}
  }

.social-share {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.social-share .comp-title {
    margin-bottom: 20px;
    font-size: 18px;
  }

.social-share .share-items-ver {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 5px 0;
  }

.social-share .share-items-ver .icon-with-text {
      display: flex;
      flex-direction: row;
      gap: 8px;
      font-size: 14px;
      color: #fff;
    }

.social-share .share-items-ver .icon-with-text img {
        width: 20px;
        height: 20px;
      }

.social-share .share-items-hor {
    margin-top: 10px;
    margin-right: 0px;
    display: block;
    width: 100%;
    margin-bottom: -14px;
  }

.social-share .share-items-hor .only-icon {
      display: inline-block;
      margin: 0 6px 10px 0;
    }

.social-share .share-items-hor .only-icon img {
        width: 45px;
      }

.social-share .share-items-hor .only-icon:last-child {
        margin-right: 0px;
      }

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

.social-share {
    flex-direction: row;
    width: 100%;
    justify-content: center;
    margin: 0px;
    display: flex;
    align-items: center;
    gap: 20px
}

    .social-share .share-items-ver {
      flex-direction: row;
      align-items: center;
      margin-right: 20px;
    }

    .social-share .share-items-hor {
      margin: 0px;
      width: auto;
    }
  }

.sticky-subNav &gt; div {
    background: #fff;
    border-bottom: 1px solid #abb6bf;
    margin-top: 60px;
    margin-bottom: 60px;
  }

.sticky-subNav .wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1230px;
    min-height: 70px;
  }

.sticky-subNav .wrapper .title {
      font-size: 18px;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
    }

.sticky-subNav .wrapper .nav-list {
      display: flex;
      align-items: center;
    }

.sticky-subNav .wrapper .nav-list ul {
        display: flex;
        flex-shrink: 0;
        font-family: Roboto-Regular;
      }

.sticky-subNav .wrapper .nav-list ul li a {
          color: #000;
        }

.sticky-subNav .wrapper .nav-list .btn-container {
        justify-self: end;
        margin: 0;
      }

@media only screen and (max-width: 768px) {
      .sticky-subNav .wrapper .title {
        font-size: 14px;
      }

      .sticky-subNav .wrapper .nav-list,
      .sticky-subNav .wrapper .nav-list ul a,
      .sticky-subNav .wrapper .nav-list .btn {
        font-size: 12px;
      }

      .sticky-subNav .wrapper .nav-list {
        margin-left: 30px;
        margin-right: 30px;
      }
  }

@media only screen and (max-width: 1024px) {
    .sticky-subNav .wrapper {
      flex-direction: column;
    }

      .sticky-subNav .wrapper .title,
      .sticky-subNav .wrapper .nav-list {
        height: 35px;
      }

      .sticky-subNav .wrapper .title {
        background-color: #f4f6f8;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .sticky-subNav .wrapper .nav-list {
        gap: 30px;
        overflow-x: scroll;
        scrollbar-width: none;
      }

          .sticky-subNav .wrapper .nav-list ul li {
            display: flex;
            align-items: center;
            height: 35px;
            padding: 0 15px;
          }

            .sticky-subNav .wrapper .nav-list ul li:first-child {
              padding-left: 0;
            }

          .sticky-subNav .wrapper .nav-list ul {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
	}

        .sticky-subNav .wrapper .nav-list .btn {
          padding: 3px 10px;
          min-width: max-content;
        }
  }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
      .sticky-subNav .wrapper .title {
        font-size: 16px;
      }

      .sticky-subNav .wrapper .nav-list,
      .sticky-subNav .wrapper .nav-list ul a,
      .sticky-subNav .wrapper .nav-list .btn {
        font-size: 14px;
      }

      .sticky-subNav .wrapper .nav-list {
        margin-left: 70px;
        margin-right: 70px;
        justify-content: space-between;
      }
  }

@media only screen and (min-width: 1025px) {
    .sticky-subNav .wrapper {
      align-items: center;
    }

      .sticky-subNav .wrapper .nav-list .btn-container .btn {
        min-width: 135px;
        min-height: 37px;
        max-width: max-content;
        box-sizing: border-box;
      }

    .sticky-subNav .wrapper,
    .sticky-subNav .wrapper .nav-list,
    .sticky-subNav .wrapper .nav-list ul {
      gap: 40px;
    }
  }

.sticky-subNav &gt; div:not(#authorMode) {
    display: none;
  }

.sticky-subNav.active &gt; div:not(#authorMode) {
      display: block !important;
      margin: 0;
      padding-top: 23px;
    }

body:not(#authorMode) .sticky-subNav.active {
    position: fixed;
    top: -90px;
    width: 100%;
    display: block !important;
    transition: top 0.3s;
    z-index: 11111;
  }

.table-of-contents-header {
    cursor: pointer;
  }

.tabs .hide &gt; * {
    display: none;
  }

.tabs .hide {
    display: none;
  }

.tabs--default .tabs__trigger {
      background-color: #c8ced2;
      border: 1px solid #909ca5;
      border-left: 2px solid #909ca5;
      border-right: 2px solid #909ca5;
      color: #000000;
      cursor: pointer;
      display: block;
      position: relative;
      text-align: center;
      text-decoration: none;
      width: 100%;
      z-index: 100;
    }

.tabs--default .tabs__trigger[aria-selected="true"] {
        color: #000000;
        background-color: #e3e6e9;
        border-color: #909ca5;
      }

.tabs--default .tabs__trigger[aria-selected="true"]:hover {
          background-color: #909ca5;
          border-color: #909ca5;
        }

.tabs--default .tabs__trigger:hover {
        background-color: #909ca5;
        border-color: #909ca5;
        color: #fff;
      }

.tabs--default .tabs__target {
      background-color: #fff;
      border: 1px solid #909ca5;
      border-left: 2px solid #909ca5;
      border-right: 2px solid #909ca5;
      height: 100%;
      position: relative;
      z-index: 0;
    }

.tabs--default .tabs__targets {
      border-top: 1px solid #909ca5;
      border-bottom: 1px solid #909ca5;
    }

.cmp-tabs__tablist {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}

.cmp-tabs__tab {
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  padding: 0.5rem 1rem;
  cursor: pointer;
}

.cmp-tabs__tabpanel {
  display: none;
}

.cmp-tabs__tabpanel--active {
    display: block;
  }

@media (max-width: 430px) {
    .tabs .cmp-tabs--manual {
      grid-column: 1/5;
    }
        .tabs .cmp-tabs--manual .cmp-tabs__tablist .cmp-tabs__tab {
          width: 100%;
          padding: 10px 5%;
          border-right: none;
        }

          .tabs .cmp-tabs--manual .cmp-tabs__tablist .cmp-tabs__tab--active {
            box-shadow: none;
          }

      .tabs .cmp-tabs--manual .cmp-tabs__tabpanel--active {
        padding: 30px 5%;
      }
}

@media (min-width: 430px) and (max-width: 767px) {
      .tabs .cmp-tabs--manual {
        grid-column: 1/5;
      }
          .tabs .cmp-tabs--manual .cmp-tabs__tablist .cmp-tabs__tab {
            width: 50%;
            padding: 15px 5%;
            border-right: none;
          }

            .tabs .cmp-tabs--manual .cmp-tabs__tablist .cmp-tabs__tab--active {
              box-shadow: none;
            }

        .tabs .cmp-tabs--manual .cmp-tabs__tabpanel--active {
          padding: 40px 5%;
        }
}

@media (min-width: 768px) and (max-width: 1024px) {
      .tabs .cmp-tabs--manual {
        grid-column: 2/8;
        margin: 0 -5%;
      }
          .tabs .cmp-tabs--manual .cmp-tabs__tablist .cmp-tabs__tab {
            width: 50%;
            padding: 15px 5%;
            border-right: none;
          }

            .tabs .cmp-tabs--manual .cmp-tabs__tablist .cmp-tabs__tab--active {
              box-shadow: none;
            }

        .tabs .cmp-tabs--manual .cmp-tabs__tabpanel--active {
          padding: 40px 60px;
        }
}

@media (min-width: 1025px) {
    .tabs .cmp-tabs--manual {
      grid-column: 2/12;
    }

      .tabs .cmp-tabs--manual ol {
        grid-column: 1/13;
        margin: 0;
      }

        .tabs .cmp-tabs--manual ol li:last-child {
          border-right: 2px solid #e9eef1;
          box-shadow: none;
          max-width: 246px;
          width: 25.1%;
        }

      .tabs .cmp-tabs--manual .cmp-tabs__tablist {
        display: flex;
      }

      .tabs .cmp-tabs--manual .cmp-tabs__tab {
        width: 25%;
        max-width: 242px;
        height: 73px;
        line-height: 2.8;
      }

      .tabs .cmp-tabs--manual .cmp-tabs__tabpanel--active {
        padding: 60px 100px;
      }

    .tabs__tab {
      border: none;
      line-height: 2.38;
      cursor: pointer;
    }

      .tabs__tab--active {
        color: #0f9dff;
      }
}


.geotrust-body .tabs .cmp-tabs--default .cmp-tabs__tab--active,
.geotrust-body .tabs .cmp-tabs--default .cmp-tabs__tab:hover {
  color: #1a75bb !important;
}

.tabs .cmp-tabs--default .title {
      margin-bottom: 60px;
    }

.tabs .cmp-tabs--default .cmp-tabs__tablist {
        margin: 0px;
        font-size: 16px;
        text-transform: uppercase;
        color: #909ca5;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
      }

.tabs .cmp-tabs--default .cmp-tabs__tab {
        line-height: 1 !important;
        outline: none;
        border: none;
        cursor: pointer;
      }

.tabs .cmp-tabs--default .cmp-tabs__tab--active,
        .tabs .cmp-tabs--default .cmp-tabs__tab:hover {
          color: #0f9dff;
        }

@media (max-width: 767px) {
      .tabs .cmp-tabs--default .title {
        grid-column: 1/5;
      }
        .tabs .cmp-tabs--default .cmp-tabs__tablist {
          display: grid;
          grid-row-gap: 15px;
          grid-column: 1/5;
        }

        .tabs .cmp-tabs--default .cmp-tabs__tab {
          padding: 0px;
        }

        .tabs .cmp-tabs--default .cmp-tabs__tabpanel {
          grid-column: 1/5;
          outline: none;
        }
}

@media (min-width: 768px) and (max-width: 1024px) {
      .tabs .cmp-tabs--default .title {
        grid-column: 1/9;
        justify-self: center;
      }
        .tabs .cmp-tabs--default .cmp-tabs__tablist {
          display: grid;
          grid-auto-flow: column;
          grid-gap: 30px;
          grid-column: 1/9;
          justify-content: center;
        }

        .tabs .cmp-tabs--default .cmp-tabs__tab {
          padding: 0px;
          text-align: center;
        }

        .tabs .cmp-tabs--default .cmp-tabs__tabpanel {
          grid-column: 1/9;
          outline: none;
        }
}

@media (min-width: 1025px) and (max-width: 1369px) {
      .tabs .cmp-tabs--default .title {
        grid-column: 6/13;
      }
        .tabs .cmp-tabs--default .cmp-tabs__tablist {
          grid-column: 1/13;
          justify-content: end;
          margin: 0 -2.44%;
        }

          .tabs .cmp-tabs--default .cmp-tabs__tablist li {
            padding: 0;
          }

            .tabs .cmp-tabs--default .cmp-tabs__tablist li:not(:last-child) {
              margin-right: 6.45%;
            }

        .tabs .cmp-tabs--default .cmp-tabs__tabpanel {
          grid-column: 1/13;
          margin: 0 -2.44%;
          outline: none;
        }
}

@media (min-width: 1370px) {
      .tabs .cmp-tabs--default .title {
        grid-column: 6/13;
      }
        .tabs .cmp-tabs--default .cmp-tabs__tablist {
          grid-column: 4/13;
          justify-content: end;
          margin: 0 -30px;
        }

          .tabs .cmp-tabs--default .cmp-tabs__tablist li {
            padding: 0;
          }

            .tabs .cmp-tabs--default .cmp-tabs__tablist li:not(:last-child) {
              margin-right: 60px;
            }

        .tabs .cmp-tabs--default .cmp-tabs__tabpanel {
          grid-column: 1/13;
          margin: 0 -30px;
          outline: none;
        }
}

.tabs .cmp-tabs--manual {
    box-shadow: 0px 4px 12px 0px rgba(0, 1, 1, 0.15);
    background-color: #fff;
  }

.tabs .cmp-tabs--manual .cmp-tabs__tablist {
      margin: 0px;
    }

.tabs .cmp-tabs--manual .cmp-tabs__tab {
      background-color: #e9eef1;
      border-right: 2px solid #abb6bf;
      cursor: pointer;
      text-align: center;
      font-size: 21px;
      outline: none;
    }

.tabs .cmp-tabs--manual .cmp-tabs__tab--active {
        box-shadow: 2px 0px 0px 0px rgba(0, 1, 1, 0.15);
        border-bottom: none;
        background-color: white;
        color: rgb(79, 183, 255);font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
      }

.tabs .cmp-tabs--manual .cmp-tabs__tab:last-child {
        border-right: none !important;
        box-shadow: none;
      }

.tabs .cmp-tabs--manual .cmp-tabs__tabpanel--active {
        position: relative;
        display: block;
      }

.tab-content img {
    width: 72px;
    object-fit: none;
    padding-bottom: 40px;
    border-bottom: 2px solid #abb6bf;
  }

.tab-content .description {
    margin-top: 35px;
  }

.tab-content .description h4, .tab-content .description h1, .tab-content .description h2, .tab-content .description h3, .tab-content .description h4, .tab-content .description h5, .tab-content .description h6 {
      margin-top: 0;
      margin-bottom: 25px;
    }

.tab-content .description p {
      line-height: 1.2;
      margin: 0;
      margin-top: -8px;
    }

.colored-tag-list .white-box {
    z-index: 0;
    height: 100%;
    grid-row: 1;
  }

.colored-tag-list .tags {
    display: flex;
    flex-direction: row;
    gap: 15px;
    margin: 10px 0 0 0px;
    padding: 0px;
    list-style-type: none;
    flex-wrap: wrap;
  }

.colored-tag-list .tags li {
      padding: 2px 15px;
      border: 1px solid #737373;
      color: #737373;
      font-size: 14px;
      line-height: 18px;
    }

.tippy {
  display: inline;
  line-height: 1.4;
}

.tippy-box {
    position: relative;
    background-color: #48515d;
    color: #fff;
    border-radius: 7px;
    font-size: 13px;
    line-height: 1.4;
    outline: 0;
    transition-property: transform, visibility, opacity;
  }

.tippy-box[data-animation=fade][data-state=hidden] {
      opacity: 0;
    }

.tippy-box[data-placement^=top]&gt;.tippy-arrow {
      bottom: 0;
    }

.tippy-box[data-placement^=top]&gt;.tippy-arrow:before, .tippy-box[data-placement^=top]&gt;.tippy-arrow:after {
        bottom: -7px;
        left: 0;
        border-width: 8px 8px 0;
        border-top-color: initial;
        transform-origin: center top;
      }

.tippy-box[data-placement^=bottom]&gt;.tippy-arrow {
      top: 0;
    }

.tippy-box[data-placement^=bottom]&gt;.tippy-arrow:before, .tippy-box[data-placement^=bottom]&gt;.tippy-arrow:after {
        top: -7px;
        left: 0;
        border-width: 0 8px 8px;
        border-bottom-color: initial;
        transform-origin: center bottom;
      }

.tippy-box[data-placement^=left]&gt;.tippy-arrow {
      right: 0;
    }

.tippy-box[data-placement^=left]&gt;.tippy-arrow:before, .tippy-box[data-placement^=left]&gt;.tippy-arrow:after {
        border-width: 8px 0 8px 8px;
        border-left-color: initial;
        right: -7px;
        transform-origin: center left;
      }

.tippy-box[data-placement^=right]&gt;.tippy-arrow {
      left: 0;
    }

.tippy-box[data-placement^=right]&gt;.tippy-arrow:before, .tippy-box[data-placement^=right]&gt;.tippy-arrow:after {
        left: -7px;
        border-width: 8px 8px 8px 0;
        border-right-color: initial;
        transform-origin: center right;
      }

.tippy-box[data-inertia][data-state=visible] {
      transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);
    }

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #48515d;
  }

.tippy-arrow:before, .tippy-arrow:after {
      content: "";
      position: absolute;
      border-color: transparent;
      border-style: solid;
    }

.tippy-content {
    position: relative;
    padding: 25px 20px;
    z-index: 1;
  }

.tippy__label {
    border-bottom: 1px dashed #353535;
  }

.tippy__content {
    display: none;
  }

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.hide-tooltip,
.tooltip__content {
  display: none;
}

[data-theme="info"] {
  position: relative;
  border: 1px solid #ccc;
  background-color: #fff;
  color: #353535;
  border-radius: 7px;
  font-size: 13px;
  line-height: 1.4;
  outline: 0;
  -webkit-transition-property: visibility,opacity,-webkit-transform;
  transition-property: visibility,opacity,-webkit-transform;
  transition-property: transform,visibility,opacity;
  transition-property: transform,visibility,opacity,-webkit-transform;
}

[data-theme="info"][data-placement^='top'] &gt; .tippy-arrow:before {
    border-top-color: #ccc;
    bottom: -8px;
    z-index: 1;
  }

[data-theme="info"][data-placement^='bottom'] &gt; .tippy-arrow:before {
    border-bottom-color: #ccc;
    top: -8px;
    z-index: 1;
  }

[data-theme="info"][data-placement^='left'] &gt; .tippy-arrow:before {
    border-left-color: #ccc;
    right: -8px;
    z-index: 1;
  }

[data-theme="info"][data-placement^='right'] &gt; .tippy-arrow:before {
    border-right-color: #ccc;
    z-index: 1;
    left: -8px;
  }

[data-theme="info"][data-placement^='top'] &gt; .tippy-arrow:after {
    border-top-color: #fff;
    border-width: 8px 8px 0;
    bottom: -7px;
    left: 0;
    z-index: 2;
  }

[data-theme="info"][data-placement^='bottom'] &gt; .tippy-arrow:after {
    border-bottom-color: #fff;
    border-width: 0 8px 8px;
    top: -7px;
    left: 0;
    z-index: 2;
  }

[data-theme="info"][data-placement^='left'] &gt; .tippy-arrow:after {
    border-left-color: #fff;
    border-width: 8px 0 8px 8px;
    right: -7px;
    bottom: 0;
    z-index: 2;
  }

[data-theme="info"][data-placement^='right'] &gt; .tippy-arrow:after {
    border-right-color: #fff;
    border-width: 8px 8px 8px 0;
    left: -7px;
    bottom: 0;
    z-index: 2;
  }

[data-theme="info"] .tippy-content &gt; .tooltip-monthly-price {
    margin-bottom: 15px;
  }

[data-theme="info"] .tippy-content &gt; .tooltip-monthly-price .tooltip-price {
      font-weight: bold;font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
    }

[data-theme="info"] .tippy-content &gt; .tooltip-monthly-price .tooltip-unit-of-measure {
      text-transform: capitalize;font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
    }

[data-theme="info"] .tippy-content &gt; .tooltip-monthly-price span{font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
    }

.all-up-chart {
  margin: 60px 0;
  text-align: center;
}

.all-up-chart .all-up-headers {
    background-color: #fff;
    display: flex;
    flex-wrap: nowrap;
  }

.all-up-chart .all-up-headers .all-up-head {
      border: 0 solid #d2dce3;
      border-bottom-width: 1px;
      border-right-width: 1px;
      border-top-width: 1px;
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: 20px;
      width: 0;
    }

.all-up-chart .all-up-headers .all-up-head .cmp-Button-primary-blue-filled {
        margin: auto auto 15px;
        min-width: 0;
        padding: 0 20px;
      }

.all-up-chart .all-up-headers .all-up-head h4 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px;
      }

.all-up-chart .all-up-headers .all-up-head.secure-pro h4 {
        margin: 0 -20px 20px;
      }

@media (max-width: 1120px) {

.all-up-chart .all-up-headers .all-up-head.secure-pro h4 {
          margin: 0 0 15px
      }
        }

.all-up-chart .all-up-headers .all-up-head:first-of-type {
        border-left-width: 1px;
      }

@media (min-width: 1121px) {
        .all-up-chart .all-up-headers .all-up-head.all-up-hovered {
          border-top: 2px solid #0174c3;
          color: #0174c3;
          margin-top: -1px;
        }

          .all-up-chart .all-up-headers .all-up-head.all-up-hovered.all-up-left {
            border-left: 2px solid #0174c3;
            margin-left: -2px;
          }

          .all-up-chart .all-up-headers .all-up-head.all-up-hovered.all-up-right {
            border-right: 2px solid #0174c3;
            margin-right: -1px;
          }
      }

@media (max-width: 1120px) {

.all-up-chart .all-up-headers {
      border: 2px solid #0174c3
  }

      .all-up-chart .all-up-headers .all-up-head {
        color: #0174c3;
        display: none;
        padding: 50px;
      }

        .all-up-chart .all-up-headers .all-up-head.active {
          display: flex;
        }
    }

.all-up-chart .all-up-content {
    background-color: #fff;
  }

.all-up-chart .all-up-content .all-up-row {
      display: flex;
    }

.all-up-chart .all-up-content .all-up-row .all-up-row-head,
      .all-up-chart .all-up-content .all-up-row .all-up-row-content {
        border: 0 solid #d2dce3;
        border-bottom-width: 1px;
        border-right-width: 1px;
        flex: 1;
      }

.all-up-chart .all-up-content .all-up-row .all-up-row-head {
        border-left-width: 1px;
        text-align: left;
        text-transform: uppercase;
      }

.all-up-chart .all-up-content .all-up-row .all-up-row-head h6 {
          font-size: 14px;
          line-height: 22px;
          margin: 20px 15px;
        }

@media (max-width: 1250px) {

.all-up-chart .all-up-content .all-up-row .all-up-row-head h6 {
            margin: 20px 10px
        }
          }

@media (max-width: 1200px) {

.all-up-chart .all-up-content .all-up-row .all-up-row-head h6 {
            margin: 20px 5px
        }
          }

@media (max-width: 1120px) {

.all-up-chart .all-up-content .all-up-row .all-up-row-head h6 {
            margin: 20px
        }
          }

@media (max-width: 1024px) {

.all-up-chart .all-up-content .all-up-row .all-up-row-head h6 {
            margin: 10px
        }
          }

@media (max-width: 480px) {

.all-up-chart .all-up-content .all-up-row .all-up-row-head h6 {
            margin: 10px 5px
        }
          }

.all-up-chart .all-up-content .all-up-row .all-up-row-head.tech-specs {
          flex: 1 7 0;
        }

@media (max-width: 1120px) {

.all-up-chart .all-up-content .all-up-row .all-up-row-head.tech-specs {
            flex: 1
        }
          }

.all-up-chart .all-up-content .all-up-row .all-up-row-content {
        align-items: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
      }

.all-up-chart .all-up-content .all-up-row .all-up-row-content .drop-down-prices {
          background: url('../../../content/dam/digicert/icons/Drop-Down-Arrow-gray.png') no-repeat 100% #fff;
          background-position-x: right;
          background-position: 90% 45%;
          border: 1px solid #d2dce3;
          border-radius: 7px;
          margin-top: 20px;
          padding: 10px;
          padding-right: 40px;
          position: relative;
        }

.all-up-chart .all-up-content .all-up-row .all-up-row-content .drop-down-prices .drop-down-price,
          .all-up-chart .all-up-content .all-up-row .all-up-row-content .drop-down-prices .drop-down-year {
            margin: 0;
            text-align: left;
          }

.all-up-chart .all-up-content .all-up-row .all-up-row-content .drop-down-prices .drop-down-prices-list {
            background-color: #fff;
            border-radius: 7px;
            -webkit-box-shadow: 0 8px 1pc 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 8px 1pc 0 rgba(0, 0, 0, 0.2);
            display: none;
            left: 0;
            margin-top: 1px;
            position: absolute;
            top: 100%;
            width: 100%;
            z-index: 3;
          }

.all-up-chart .all-up-content .all-up-row .all-up-row-content .drop-down-prices .drop-down-prices-list .drop-down-plan {
              cursor: pointer;
              padding: 10px;
            }

.all-up-chart .all-up-content .all-up-row .all-up-row-content .drop-down-prices .drop-down-prices-list .drop-down-plan:first-of-type {
                border-top-left-radius: 7px;
                border-top-right-radius: 7px;
              }

.all-up-chart .all-up-content .all-up-row .all-up-row-content .drop-down-prices .drop-down-prices-list .drop-down-plan:last-of-type {
                border-bottom-left-radius: 7px;
                border-bottom-right-radius: 7px;
              }

.all-up-chart .all-up-content .all-up-row .all-up-row-content .drop-down-prices .drop-down-prices-list .drop-down-plan:hover {
                background-color: #0f9dff;
                color: #fff;
              }

.all-up-chart .all-up-content .all-up-row .all-up-row-content .drop-down-prices .drop-down-prices-list:hover {
              display: block;
            }

.all-up-chart .all-up-content .all-up-row .all-up-row-content .drop-down-prices .drop-down-prices-list:hover.hover-off {
                display: none;
              }

.all-up-chart .all-up-content .all-up-row .all-up-row-content .drop-down-prices:hover .drop-down-prices-list {
              display: block;
            }

.all-up-chart .all-up-content .all-up-row .all-up-row-content .cmp-Button-primary-blue-filled {
          margin: 15px 0 20px;
          min-width: 0;
          padding: 0 20px;
        }

.all-up-chart .all-up-content .all-up-row .all-up-row-content img,
        .all-up-chart .all-up-content .all-up-row .all-up-row-content p {
          margin: 20px;
          max-width: 100%;
        }

@media (max-width: 1120px) {

.all-up-chart .all-up-content .all-up-row .all-up-row-content img,
        .all-up-chart .all-up-content .all-up-row .all-up-row-content p {
            margin: 10px
        }
          }

.all-up-chart .all-up-content .all-up-row .all-up-row-content p {
          font-size: 14px;
          line-height: 22px;
        }

.all-up-chart .all-up-content .all-up-row .all-up-row-content.tech-specs {
          display: flex;
          flex: 6 7 0;
          align-items: baseline;
          text-align: left;
        }

@media (max-width: 1120px) {

.all-up-chart .all-up-content .all-up-row .all-up-row-content.tech-specs {
            flex: 1
        }
          }

.all-up-chart .all-up-content .all-up-row.all-up-mobile-heads {
        color: #0174c3;
        display: none;
      }

.all-up-chart .all-up-content .all-up-row.all-up-mobile-heads p {
          font-size: 16px;
          margin: 10px;
          line-height: 24px;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
        }

@media (max-width: 1120px) {
        .all-up-chart .all-up-content .all-up-row .all-up-row-content {
          display: none;
        }

          .all-up-chart .all-up-content .all-up-row .all-up-row-content.active {
            display: flex;
          }

        .all-up-chart .all-up-content .all-up-row .all-up-row-content:nth-child(1) {
          display: flex;
        }

        .all-up-chart .all-up-content .all-up-row.all-up-mobile-heads {
          display: flex;
        }
      }

@media (min-width: 1121px) {
          .all-up-chart .all-up-content .all-up-row .all-up-hovered.all-up-left {
            border-left: 2px solid #0174c3;
            margin-left: -2px;
          }

          .all-up-chart .all-up-content .all-up-row .all-up-hovered.all-up-right {
            border-right: 2px solid #0174c3;
            margin-right: -1px;
          }
          .all-up-chart .all-up-content .all-up-row:nth-last-of-type(2) .all-up-hovered {
            border-bottom: 2px solid #0174c3;
            margin-bottom: -1px;
          }
    }

@media (max-width: 1120px) {

.all-up-chart .all-up-content {
      border: 2px solid #0174c3
  }
    }

.all-up-chart .mobile-carousel {
    display: none;
    justify-content: center;
    margin: 60px 0 40px;
  }

.all-up-chart .mobile-carousel .previous,
    .all-up-chart .mobile-carousel .next {
      cursor: pointer;
      height: 30px;
      margin: 0 10px;
      width: 20px;
    }

.all-up-chart .mobile-carousel .previous {
      background: url('../../../content/dam/digicert/images/components/delivery-group-2/GraphicAndTextCarousel1A-LeftNavigationArrow.png') 50%;
    }

.all-up-chart .mobile-carousel .next {
      background: url('../../../content/dam/digicert/images/components/delivery-group-2/GraphicAndTextCarousel1A-RightNavigationArrow.png') 50%;
    }

.all-up-chart .mobile-carousel .bubble {
      background-color: #909ca5;
      border-radius: 5px;
      cursor: pointer;
      height: 10px;
      margin: 10px;
      width: 10px;
    }

.all-up-chart .mobile-carousel .bubble:hover,
      .all-up-chart .mobile-carousel .bubble.active {
        background-color: #0f9dff;
      }

@media (max-width: 1120px) {

.all-up-chart .mobile-carousel {
      display: flex
  }
    }

.blogDate,
  .blogAuthor,
  .blog-read-min {
    color: #909ca5;
    font-size: 14px;
    text-transform: uppercase;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
  }

.blogAuthor a {
      position: relative;
      z-index: 1;
      color: #909ca5;
    }

.blogAuthor a:hover {
        color: #0f9dff;
      }

small.category {
  color: #0f9dff;
  text-transform: uppercase;
}

small.category:hover {
    text-decoration: underline;
  }

small.category {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.pubDate,
.blogCategory,
.pageName {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.pubDate,
.authorName {
  color: #909ca5;
}

a &gt; small.pageName:hover {
  color: #0f9dff;
}

small.pageName {
  color: #909ca5;
}

.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider&gt;.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel&gt;.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel&gt;.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel&gt;.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery&gt;.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery&gt;.tns-slide-active{position:relative;left:auto !important}.tns-gallery&gt;.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix&gt;div,.tns-vpfix&gt;li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct&gt;div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}.carousel-unslated {
  max-width: 1230px;
}.carousel-unslated__container {
    margin: 0 auto;
  }.carousel-unslated__controls {
    justify-content: center;
    gap: 15px;
  }.carousel-unslated__controls .carousel__button {
      padding: 0;
      min-width: 40px;
      min-height: 40px;
    }.carousel-unslated__controls .carousel__button .icon {
        max-width: 26px;
        max-height: 26px;
        fill: #909ca5;
      }.carousel-unslated__pagination:not(.carousel__pagination-custom),
  .carousel-unslated .tns-nav {
    text-align: center;
  }.carousel-unslated__pagination:not(.carousel__pagination-custom) button, .carousel-unslated .tns-nav button {
      background-color: #a4abaf;
      border: 1px solid;
      border-color: #a4abaf;
      border-radius: 50%;
      height: 0.625rem;
      margin: 0.3125rem;
      width: 0.625rem;
      cursor: pointer;
      padding: 0;
    }.carousel-unslated__pagination:not(.carousel__pagination-custom) .tns-nav-active, .carousel-unslated .tns-nav .tns-nav-active {
      background-color: #0f9dff;
      border-color: #0f9dff;
      color: #fff;
    }.carousel-unslated--autoplay-button {
    box-sizing: border-box;
    cursor: pointer;
  }.carousel-unslated--autoplay-button.button--primary {
      background: transparent;
    }.carousel-unslated__pagination-custom {
      text-align: center;
    }.carousel-unslated__pagination-custom .button {
        border-radius: 5px;
        padding: 10px 15px;
      }@media (max-width: 768px) {
  .cmp-carousel__item {
    grid-row: 1;
  }

  .cmp-carousel__actions {
    position: initial;
    grid-row: 2;
  }

    .cmp-carousel__actions.navType-dotted {
      margin: 15px 0;
    }
}@media (max-width: 1024px) {
    .cmp-carousel__actions .cmp-carousel__action--previous {
      margin-right: 15px;
    }

    .cmp-carousel__actions .cmp-carousel__action--next {
      margin-left: 15px;
    }
}@media (min-width: 1025px) {
    .cmp-carousel__actions .cmp-carousel__action--previous {
      margin-right: 2.44%;
    }

    .cmp-carousel__actions .cmp-carousel__action--next {
      margin-left: 2.44%;
    }
}.cmp-carousel__content {
    position: relative;
    display: grid;
    grid-template-columns: auto;
  }.cmp-carousel__content .cmp-carousel__item {
      grid-column: 1;
    }.cmp-carousel__item {
    display: none;
  }.cmp-carousel__item--active {
      display: block;
    }.cmp-carousel__indicators {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto 0px !important;
  }.cmp-carousel__indicators li {
      position: relative;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      margin: 0;
      margin-right: 15px;
      outline: none;
    }.cmp-carousel__indicators li:last-child {
        margin-right: 0px;
      }.cmp-carousel__indicators li {

      cursor: pointer;
      background-color: #909ca5;
}.cmp-carousel__indicators li.active {
      background-color: #0f9dff;
    }.cmp-carousel__actions {
  display: flex;
  align-self: flex-start;
}.cmp-carousel__actions.center {
    justify-content: center;
  }.cmp-carousel__actions.left {
    justify-content: left;
  }.cmp-carousel__actions.right {
    justify-content: right;
  }.cmp-carousel__actions button {
    background: transparent;
    border: transparent;
    padding: 0 !important;
    outline: none;
  }.cmp-carousel__actions button span.cmp-carousel__action-icon--right,
    .cmp-carousel__actions button span.cmp-carousel__action-icon--next {
      background: url('../../../content/dam/digicert/images/components/delivery-group-2/GraphicAndTextCarousel1A-LeftNavigationArrow.png') left top;
      width: 20px;
      height: 35px;
      display: block;
    }.cmp-carousel__actions button span.cmp-carousel__action-icon--next {
      transform: scaleX(-1);
    }.cmp-carousel__actions button span.cmp-carousel__action-text {
      display: none;
    }.cmp-carousel__actions.navType-numeric button span.cmp-carousel__action-icon--right,
        .cmp-carousel__actions.navType-numeric button span.cmp-carousel__action-icon--next {
          display: none !important;
        }.cmp-carousel__actions.navType-numeric button span.cmp-carousel__action-text {
          display: block !important;
          cursor: pointer;
        }.cmp-carousel__actions.navType-numeric ol.cmp-carousel__indicators {
        display: none;
      }.cmp-carousel__actions.navType-none,
    .cmp-carousel__actions.navType-dotted-line,
    .cmp-carousel__actions.navType-upnext {
      display: none !important;
    }.cmp-carousel__indicator--active {
  background-color: #0f9dff !important;
}.geotrust-body .cmp-carousel__indicators li.active {
        background-color: #f7a776;
      }.geotrust-body .cmp-carousel__indicator--active {
    background-color: #f7a776 !important;
  }.content-carousel .cmp-carousel__item {
    margin: 0px 60px;
  }.navType-content-carousel {
  position: absolute;
  width: 100% !important;
  height: 100%;
  display: grid !important;
  grid-template-columns: auto auto !important;
}.navType-content-carousel .cmp-carousel__action--previous {
    justify-self: flex-start;
    margin-top: 60px;
  }.navType-content-carousel .cmp-carousel__action--next {
    justify-self: flex-end;
    margin-top: 60px;
  }.navType-content-carousel .cmp-carousel__indicators {
    display: none;
  }.dotted-line-carousel {
  height: 10px;
  display: none;
}.dotted-line-carousel ul {
    width: 100%;
    display: flex;
    padding: 0;
    margin: 0;
    overflow: hidden;
    list-style: none;
    position: relative;
  }.dotted-line-carousel ul li {
      position: relative;
    }.dotted-line-carousel ul li span.bubble {
        border-radius: 50%;
        width: 12px;
        height: 12px;
        background-color: #d2dce3;
        display: block;
        z-index: 105;
        cursor: pointer;
      }.dotted-line-carousel ul li span.line {
        display: block;
        width: 100%;
        height: 3px;
        background: #d2dce3;
        margin-top: 5px;
        position: absolute;
        z-index: -1;
      }.dotted-line-carousel ul li span.line span {
          display: block;
          width: 0%;
          height: 100%;
          background: #0f9dff;
        }.dotted-line-carousel ul li span.line span.lineInProgress {
          animation: lineProgress 5000 ease;
          display: block;
        }.dotted-line-carousel ul li span.active {
        background-color: #0f9dff !important;
      }.dotted-line-carousel ul li span.beforeActive {
        background-color: #0f9dff !important;
      }.dotted-line-carousel ul li span.beforeActive:before {
          background: linear-gradient(
            to right,
            #0f9dff 100%,
            #d2dce3 0%
          );
        }@-webkit-keyframes lineProgress {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}@keyframes lineProgress {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}[class*='carousel'] nav span {
      color: #aaa;
      font-weight: bold;
    }[class*='carousel'] nav span.disabled {
        color: #aaa;
      }[class*='carousel'] nav span.disabled:hover {
          cursor: not-allowed;
        }[class*='carousel'] nav span.enabled {
        color: #0074d9;
      }[class*='carousel'] nav span.enabled:hover {
          cursor: pointer;
        }[class*='carousel'] nav.dotted {
      height: 40px;
    }[class*='carousel'] nav.dotted img {
        height: 30px;
        width: auto;
      }[class*='carousel'] nav.dotted .dot {
        height: 7px;
        width: 7px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        margin: 11px 5px;
      }[class*='carousel'] nav.dotted span.active {
        background-color: rgb(0, 150, 255);
      }.customer-carousel .img-container {
    z-index: 100;
  }.customer-carousel .img-container &gt; div {
      width: 0%;
      overflow: hidden;
      position: relative;
    }.customer-carousel .img-container &gt; div.revealAnimation {
        animation: reveal 2s ease forwards;
      }.customer-carousel .descriptionBox {
    box-shadow: 0px 4px 12px 0px rgba(0, 1, 1, 0.15);
    color: #fff;
    z-index: 101;
  }.customer-carousel .descriptionBox .description h6,
      .customer-carousel .descriptionBox .description h5 {
        margin-bottom: 35px;
        margin-top: 0;
      }.customer-carousel .descriptionBox .description h1,
      .customer-carousel .descriptionBox .description h2,
      .customer-carousel .descriptionBox .description h3,
      .customer-carousel .descriptionBox .description h4,
      .customer-carousel .descriptionBox .description p,
      .customer-carousel .descriptionBox .description span {
        margin-bottom: 40px;
        margin-top: 0;
      }.customer-carousel .descriptionBox .description &gt; :last-child {
        margin-bottom: 0;
      }.customer-carousel .descriptionBox,
  .customer-carousel .icon-container {
    opacity: 0;
    animation: fadeIn 2s 2s forwards;
  }@media (max-width: 430px) {
    .customer-carousel .icon-container {
      margin-bottom: 15px;
    }
      .customer-carousel .descriptionBox .description {
        padding: 30px;
      }
}@media (min-width: 430px) and (max-width: 1024px) {
    .customer-carousel .icon-container {
      margin-bottom: 15px;
    }
      .customer-carousel .descriptionBox .description {
        padding: 40px;
      }
}@media (max-width: 1024px) {
    .customer-carousel .vspacebtncomp {
      padding: 20px 0;
    }

    .customer-carousel .grid-12 {
      grid-row-gap: 0;
      grid-template-columns: auto;
      justify-items: center;
    }

    .customer-carousel .img-container,
    .customer-carousel .icon-container,
    .customer-carousel .descriptionBox {
      grid-column: 1/13;
    }

      .customer-carousel .img-container img, .customer-carousel .icon-container img, .customer-carousel .descriptionBox img {
        max-width: 100%;
      }

    .customer-carousel .icon-container {
      grid-row: 1;
    }

    .customer-carousel .descriptionBox {
      color: #fff;
      grid-row: 3;
      top: -10px;
      position: relative;
    }

    .customer-carousel .img-container {
      grid-row: 2;
      margin: 0 30px;
    }
}@media (min-width: 1025px) {
    .customer-carousel .img-container,
    .customer-carousel .icon-container,
    .customer-carousel .descriptionBox {
      grid-row: 1;
    }

      .customer-carousel .img-container img, .customer-carousel .icon-container img, .customer-carousel .descriptionBox img {
        max-width: 100%;
      }
      .customer-carousel .descriptionBox--right, .customer-carousel .img-container--right {
        grid-column: 6/13;
      }

      .customer-carousel .descriptionBox--left, .customer-carousel .img-container--left {
        grid-column: 1/8;
      }
}@media (min-width: 1025px) {
    .customer-carousel .play-btn {
      position: absolute;
      left: 46.25%;
      top: 43%;
      cursor: pointer;
    }

    .customer-carousel .videoPlayer {
      max-width: 100%;
      cursor: pointer;
    }

    .customer-carousel .img-container {
      position: relative;
    }
      .customer-carousel .img-container img, .customer-carousel .icon-container img, .customer-carousel .descriptionBox img {
        max-width: none;
      }

    .customer-carousel .descriptionBox {
      margin-top: 150px;
      height: max-content;
    }

      .customer-carousel .descriptionBox .description {
        padding: 60px 125px;
      }
      .customer-carousel .descriptionBox--right, .customer-carousel .img-container--right {
        margin-right: -30px;
      }

      .customer-carousel .descriptionBox--left, .customer-carousel .img-container--left {
        margin-left: -30px;
      }

    .customer-carousel .icon-container {
      margin-top: 17px;
    }

      .customer-carousel .icon-container--right {
        grid-column: 8/13;
      }

      .customer-carousel .icon-container--left {
        grid-column: 1/6;
      }
}@-webkit-keyframes reveal {
  from {
    width: 1%;
  }

  to {
    width: 100%;
  }
}@keyframes reveal {
  from {
    width: 1%;
  }

  to {
    width: 100%;
  }
}@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}@media (max-width: 430px) {
  .cardCarousel {
    padding: 30px 0;
    grid-row-gap: 30px;
  }

    .cardCarousel #slider {
      display: grid;
      grid-template-columns: auto;
      position: relative;
      grid-column: 1/5;
    }

      .cardCarousel #slider label {
        grid-row: 1;
        grid-column: 1/5;
        display: block;
        width: 100%;
        padding-top: 80%;
        position: relative;
        transition: transform 0.4s ease;
        margin: 0 auto;
      }

        .cardCarousel #slider label .cardData {
          display: flex;
          grid-template-columns: 50% 50%;
          overflow: hidden;
          position: absolute;
          top: 0;
          width: 100%;
          height: 100%;
        }
          .cardCarousel #slider label .cardData &gt; div {
            width: 280px;
          }

          .cardCarousel #slider label .cardData .descriptionBox {
            color: white;
            align-self: center;
          }
              .cardCarousel #slider label .cardData .descriptionBox .description h1,
              .cardCarousel #slider label .cardData .descriptionBox .description h2,
              .cardCarousel #slider label .cardData .descriptionBox .description h3,
              .cardCarousel #slider label .cardData .descriptionBox .description h4,
              .cardCarousel #slider label .cardData .descriptionBox .description h5,
              .cardCarousel #slider label .cardData .descriptionBox .description h6 {
                margin: 0;
                margin-bottom: 20px;
              }

          .cardCarousel #slider label .cardData .imageContainer {
            text-align: end;
          }

    .cardCarousel .navigator {
      grid-column: 1/5;
    }
}.cardCarousel [type='radio'] {
    display: none;
  }.cardCarousel #slider {
    perspective: 700px;
    transform-style: preserve-3d;
  }.cardCarousel #s1:checked ~ #slide4,
  .cardCarousel #s2:checked ~ #slide5,
  .cardCarousel #s3:checked ~ #slide1,
  .cardCarousel #s4:checked ~ #slide2,
  .cardCarousel #s5:checked ~ #slide3 {
    transform: translate3d(-125px, 0px, -125px);
  }.cardCarousel #s1:checked ~ #slide4:hover, .cardCarousel #s2:checked ~ #slide5:hover, .cardCarousel #s3:checked ~ #slide1:hover, .cardCarousel #s4:checked ~ #slide2:hover, .cardCarousel #s5:checked ~ #slide3:hover {
      transform: translate3d(-130px, 0px, -120px);
    }.cardCarousel #s1:checked ~ #slide5,
  .cardCarousel #s2:checked ~ #slide1,
  .cardCarousel #s3:checked ~ #slide2,
  .cardCarousel #s4:checked ~ #slide3,
  .cardCarousel #s5:checked ~ #slide4 {
    transform: translate3d(-60px, 0px, -60px);
  }.cardCarousel #s1:checked ~ #slide5:hover, .cardCarousel #s2:checked ~ #slide1:hover, .cardCarousel #s3:checked ~ #slide2:hover, .cardCarousel #s4:checked ~ #slide3:hover, .cardCarousel #s5:checked ~ #slide4:hover {
      transform: translate3d(-65px, 0, -55px);
    }.cardCarousel #s1:checked ~ #slide1,
  .cardCarousel #s2:checked ~ #slide2,
  .cardCarousel #s3:checked ~ #slide3,
  .cardCarousel #s4:checked ~ #slide4,
  .cardCarousel #s5:checked ~ #slide5 {
    transform: translate3d(0, 0, 0);
  }.cardCarousel #s1:checked ~ #slide2,
  .cardCarousel #s2:checked ~ #slide3,
  .cardCarousel #s3:checked ~ #slide4,
  .cardCarousel #s4:checked ~ #slide5,
  .cardCarousel #s5:checked ~ #slide1 {
    transform: translate3d(60px, 0px, -60px);
  }.cardCarousel #s1:checked ~ #slide2:hover, .cardCarousel #s2:checked ~ #slide3:hover, .cardCarousel #s3:checked ~ #slide4:hover, .cardCarousel #s4:checked ~ #slide5:hover, .cardCarousel #s5:checked ~ #slide1:hover {
      transform: translate3d(65px, 0, -55px);
    }.cardCarousel #s1:checked ~ #slide3,
  .cardCarousel #s2:checked ~ #slide4,
  .cardCarousel #s3:checked ~ #slide5,
  .cardCarousel #s4:checked ~ #slide1,
  .cardCarousel #s5:checked ~ #slide2 {
    transform: translate3d(125px, 0px, -125px);
  }.cardCarousel #s1:checked ~ #slide3:hover, .cardCarousel #s2:checked ~ #slide4:hover, .cardCarousel #s3:checked ~ #slide5:hover, .cardCarousel #s4:checked ~ #slide1:hover, .cardCarousel #s5:checked ~ #slide2:hover {
      transform: translate3d(130px, 0px, -120px);
    }@media (min-width: 768px) and (max-width: 1024px) {
  .cardcarousel {
    padding: 50px 0;
    grid-row-gap: 50px;
  }

    .cardcarousel #slider {
      display: grid;
      grid-template-columns: auto;
      position: relative;
      grid-column: 1/9;
    }

      .cardcarousel #slider label {
        grid-row: 1;
        grid-column: 1/9;
        display: block;
        margin: auto;
        width: 59.83%;

        max-width: 700px;
        padding-top: 39.745%;
        position: relative;
        cursor: pointer;
        transition: transform 0.4s ease;
      }

        .cardcarousel #slider label .cardData {
          display: flex;
          grid-template-columns: 50% 50%;
          margin: 70px;
          max-height: 345px;
          overflow: hidden;
          position: absolute;
          top: 0;
        }
          .cardcarousel #slider label .cardData &gt; div {
            width: 280px;
          }

          .cardcarousel #slider label .cardData .descriptionBox {
            color: white;
            align-self: center;
          }
              .cardcarousel #slider label .cardData .descriptionBox .description h1,
              .cardcarousel #slider label .cardData .descriptionBox .description h2,
              .cardcarousel #slider label .cardData .descriptionBox .description h3,
              .cardcarousel #slider label .cardData .descriptionBox .description h4,
              .cardcarousel #slider label .cardData .descriptionBox .description h5,
              .cardcarousel #slider label .cardData .descriptionBox .description h6 {
                margin: 0;
                margin-bottom: 20px;
              }

          .cardcarousel #slider label .cardData .imageContainer {
            text-align: end;
          }
}@media (min-width: 1024px) {
  .cardcarousel {
    padding: 60px 0;
    grid-row-gap: 60px;
  }

    .cardcarousel #slider {
      display: grid;
      grid-template-columns: auto;
      position: relative;
      grid-column: 1/13;
    }

      .cardcarousel #slider label {
        grid-row: 1;
        grid-column: 1/13;
        display: block;
        margin: auto;

        width: 700px;
        max-width: 700px;
        padding-top: 465px;
        position: relative;
        cursor: pointer;
        transition: transform 0.4s ease;
      }

        .cardcarousel #slider label .cardData {
          display: flex;
          grid-template-columns: 50% 50%;
          margin: 70px;
          max-height: 345px;
          overflow: hidden;
          position: absolute;
          top: 0;
        }
          .cardcarousel #slider label .cardData &gt; div {
            width: 280px;
          }

          .cardcarousel #slider label .cardData .descriptionBox {
            color: white;
            align-self: center;
          }
              .cardcarousel #slider label .cardData .descriptionBox .description h1,
              .cardcarousel #slider label .cardData .descriptionBox .description h2,
              .cardcarousel #slider label .cardData .descriptionBox .description h3,
              .cardcarousel #slider label .cardData .descriptionBox .description h4,
              .cardcarousel #slider label .cardData .descriptionBox .description h5,
              .cardcarousel #slider label .cardData .descriptionBox .description h6 {
                margin: 0;
                margin-bottom: 20px;
              }

          .cardcarousel #slider label .cardData .imageContainer {
            text-align: end;
          }

    .cardcarousel .navigator {
      grid-column: 1/13;
      color: #909ca5;
      text-align: center;
      margin-bottom: 0px;
    }

      .cardcarousel .navigator span.goto--previous,
      .cardcarousel .navigator span.goto--next {
        padding: 0 5px;
        cursor: pointer;
      }

        .cardcarousel .navigator span.goto--previous:hover, .cardcarousel .navigator span.goto--next:hover {
          color: #0f9dff;
        }
}

.certificate-validator {
  padding: 60px 0px;
}

.certificate-validator .file-wrapper {
    position: relative;
  }

.certificate-validator .file-wrapper .file-input {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 10;
      cursor: pointer;
      opacity: 0;
    }

.certificate-validator .file-wrapper .file-input--active + .file-content {
        background-color: #f7f7f7;
      }

.certificate-validator .file-wrapper .file-input--complete + .file-content,
      .certificate-validator .file-wrapper .file-input--active + .file-content {
        border: 3px dashed #0f9dff;
        padding: 68px;
      }

.certificate-validator .file-wrapper .file-content {
      position: relative;
      display: block;
      border: 1px solid #b6bfc7;
      padding: 70px;
    }

.certificate-validator table {
    border-collapse: collapse;
    width: 100%;
  }

.certificate-validator table thead tr th {
    font-size: 18px;
    padding: 10px 20px;
    text-align: start;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
  }

.certificate-validator table tbody tr td {
    padding: 10px 20px;
  }

.certificate-validator tr.WARNING {
    background-color: #fff3d1;
  }

.certificate-validator tr.ERROR {
    background-color: #ffdede;
  }

.certificate-validator tr.NOTICE {
    background-color: #f7ffd1;
  }

.certificate-validator .progress-bar {
    position: relative;
    display: inline-block;
    width: 50%;
    height: 10px;
    background: #b6bfc7;
    overflow: hidden;
  }

.certificate-validator .progress-bar:after {
    content: '';
    position: absolute;
    left: 0;
    width: 0;
    height: 100%;
    animation: load 25s;
    animation-fill-mode: forwards;
  }

@keyframes load {
    0% {
      width: 0;
      background: #0f9dff;
    }

    100% {
      width: 85%;
      background: #0f9dff;
    }
  }

.chart-carsouel .design1 .image-container img, .chart-carsouel .design2 .image-container img, .chart-carsouel .design3 .image-container img {
        max-width: 100%;
      }

.chart-carsouel .design2 .gray-box {
      grid-row: 1/3;
      background-color: #efefef;
      z-index: -1;
      margin-top: 25px;
    }

.chart-carsouel .design2 .image-container {
      background-color: rgb(1, 116, 195);
      box-shadow: 0px 4px 12px 0px rgba(0, 1, 1, 0.15);
      z-index: 103;
    }

.chart-carsouel .design2 .description {
      grid-row: 1;
      color: rgb(72, 86, 94);
      text-align: left;
    }

.chart-carsouel .design2 .navigator {
      text-align: left;
      color: #909ca5;
      font-size: 21px;
      line-height: 1;
    }

.chart-carsouel .design2 .navigator span.goto--previous,
      .chart-carsouel .design2 .navigator span.goto--next {
        cursor: pointer;
      }

.chart-carsouel .design2 .navigator span.goto--previous:hover, .chart-carsouel .design2 .navigator span.goto--next:hover {
          color: #0f9dff;
        }

.chart-carsouel .design2 .navigator {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

@media (max-width: 1024px) {
      .chart-carsouel .image-container .carsouelImage {
        display: none;
      }
}

@media (max-width: 430px) {
      .chart-carsouel .design1 .content-container {
        grid-gap: 30px;
        padding: 30px 20px;
      }

        .chart-carsouel .design1 .content-container .description-box {
          grid-gap: 30px;
        }

    .chart-carsouel .design2 {
      grid-template-rows: auto 80px auto;
    }
}

@media (max-width: 767px) {
      .chart-carsouel .design1 .content-container {
        display: grid;
        grid-column: 1/5;
      }

        .chart-carsouel .design1 .content-container .title {
          margin: 0;
          grid-row: 1;
          text-align: center;
          color: white;
        }

          .chart-carsouel .design1 .content-container .title * {
            margin: 0;
          }

        .chart-carsouel .design1 .content-container .image-container {
          grid-row: 3;
        }

        .chart-carsouel .design1 .content-container .description-box {
          display: grid;
          grid-row: 2;
        }

          .chart-carsouel .design1 .content-container .description-box .description {
            color: #fff;
          }
      .chart-carsouel .design2 .gray-box {
        grid-column: 1/5;
        margin-right: -8%;
      }

      .chart-carsouel .design2 .description {
        grid-column: 1/5;
      }

      .chart-carsouel .design2 .image-container {
        grid-row: 2/4;
        grid-column: 1/5;
      }

        .chart-carsouel .design2 .image-container .carsouelImage {
          display: none;
        }
      .chart-carsouel .design3 .content-container {
        grid-column: 1/5;
        box-shadow: 0px 4px 12px 0px rgba(0, 1, 1, 0.15);
        padding: 40px;
      }

        .chart-carsouel .design3 .content-container .title {
          color: white;
        }
          .chart-carsouel .design3 .content-container .image-container .carsouelImage {
            display: none;
          }
}

@media (min-width: 431px) and (max-width: 767px) {
      .chart-carsouel .design1 .content-container {
        grid-gap: 40px;
        padding: 40px 30px;
      }

        .chart-carsouel .design1 .content-container .description-box {
          grid-gap: 40px;
        }

    .chart-carsouel .design2 {
      grid-template-rows: auto 90px auto;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
      .chart-carsouel .design1 .content-container {
        display: grid;
        grid-column: 1/9;
        grid-gap: 40px;
      }

        .chart-carsouel .design1 .content-container .title {
          margin: 0;
          grid-row: 1;
          text-align: center;
          color: white;
        }

          .chart-carsouel .design1 .content-container .title * {
            margin: 0;
          }

        .chart-carsouel .design1 .content-container .image-container {
          grid-row: 3;
        }

          .chart-carsouel .design1 .content-container .image-container .carsouelImage {
            display: none;
          }

        .chart-carsouel .design1 .content-container .description-box {
          display: grid;
          grid-gap: 40px;
          grid-row: 2;
        }

          .chart-carsouel .design1 .content-container .description-box .description {
            color: #fff;
          }
      .chart-carsouel .design3 .content-container {
        grid-column: 1/9;
        box-shadow: 0px 4px 12px 0px rgba(0, 1, 1, 0.15);
        padding: 60px;
      }

        .chart-carsouel .design3 .content-container .title {
          color: white;
        }
          .chart-carsouel .design3 .content-container .image-container .carsouelImage {
            display: none;
          }
}

@media (min-width: 768px) and (max-width: 910px) {
      .chart-carsouel .design1 .content-container {
        padding: 40px;
      }

    .chart-carsouel .design2 {
      grid-template-rows: auto 100px auto;
    }

      .chart-carsouel .design2 .gray-box {
        grid-column: 2/9;
        margin-right: -70px;
      }

      .chart-carsouel .design2 .description {
        grid-column: 1/8;
        grid-row: 1;
      }

      .chart-carsouel .design2 .image-container {
        grid-row: 2/4;
        grid-column: 1/9;
      }

        .chart-carsouel .design2 .image-container .carsouelImage {
          display: none;
        }
}

@media (min-width: 911px) and (max-width: 1024px) {
      .chart-carsouel .design1 .content-container {
        padding: 50px;
      }

    .chart-carsouel .design2 {
      grid-template-rows: auto 110px auto;
    }

      .chart-carsouel .design2 .gray-box {
        grid-column: 2/9;
        margin-right: -70px;
      }

      .chart-carsouel .design2 .description {
        grid-column: 1/8;
        grid-row: 1;
      }

      .chart-carsouel .design2 .image-container {
        grid-row: 2/4;
        grid-column: 1/9;
      }

        .chart-carsouel .design2 .image-container .carsouelImage {
          display: none;
        }
}

@media (min-width: 1025px) {
      .chart-carsouel .design1 .content-container {
        display: grid;
        grid-gap: 40px;
        grid-column: 1/13;
        margin: 0 -30px;
        padding: 6% 11.1%;
        background-color: #0174c3;
      }

        .chart-carsouel .design1 .content-container .title {
          margin: 0;
          grid-row: 1;
        }

          .chart-carsouel .design1 .content-container .title * {
            margin: 0;
          }

        .chart-carsouel .design1 .content-container .image-container {
          grid-row: 2;
        }

          .chart-carsouel .design1 .content-container .image-container .mobile-carousel-image {
            display: none;
          }

        .chart-carsouel .design1 .content-container .description-box {
          display: grid;
          grid-template-columns: 46% 46%;
          grid-gap: 8%;
          grid-row: 3;
        }

          .chart-carsouel .design1 .content-container .description-box .description {
            color: #fff;
          }

        .chart-carsouel .design1 .content-container .title {
          text-align: center;
          color: white;
        }

    .chart-carsouel .design2 {
      grid-template-rows: auto 180px auto;
    }

      .chart-carsouel .design2 .description {
        grid-column: 2/11;
        line-height: 1.346;
      }

        .chart-carsouel .design2 .description h1,
        .chart-carsouel .design2 .description h2 {
          margin-bottom: 30px;
        }

        .chart-carsouel .design2 .description p {
          margin-bottom: 40px;
        }

      .chart-carsouel .design2 .image-container {
        grid-row: 2/4;
        grid-column: 2/13;
        margin-right: -30px;
      }

        .chart-carsouel .design2 .image-container .mobile-carousel-image {
          display: none;
        }

      .chart-carsouel .design2 .gray-box {
        grid-column: 4/13;
      }
      .chart-carsouel .design3 .content-container {
        grid-column: 1/13;
        box-shadow: 0px 4px 12px 0px rgba(0, 1, 1, 0.15);
        margin: 0 -30px;
        padding: 60px;
      }

        .chart-carsouel .design3 .content-container .title {
          color: white;
        }
          .chart-carsouel .design3 .content-container .image-container .mobile-carousel-image {
            display: none;
          }
}

@media (min-width: 1025px) and (max-width: 1290px) {
      .chart-carsouel .design2 .gray-box {
        margin-right: calc(-3.5% - 30px);
      }
}

@media (min-width: 1300px) and (max-width: 1369px) {
      .chart-carsouel .design2 .gray-box {
        margin-right: -8.35%;
      }
}

@media (min-width: 1370px) {
      .chart-carsouel .design2 .gray-box {
        width: 1000px;
      }
}

.column-ctrl-component .column-cntrl-section {
    display: grid;
  }

.column-ctrl-component cq {
    display: none;
  }

.column-ctrl-component .cmp-text u {
      display: block;
    }

.column-ctrl-component .slide-in-content u {
      display: inline-block;
    }

.column-ctrl-component .cell-1 .text-and-image:not(:last-child) .vspacebtncomp {
      padding-bottom: 0;
    }

.column-cntrl-section .text-and-image .grid-12,
.column-cntrl-section .description-cta .grid-12 {
  grid-template-columns: auto;
  margin: 0;
}

.column-cntrl-section .content-image-overlap .vspacebtncomp {
  padding-top: 0px !important;
}

.column-cntrl-section .description-cta .vspacebtncomp {
  padding: 0px !important;
}

@media (max-width: 1024px) {
    .column-ctrl-component .column-cntrl-section {
      grid-template-columns: auto !important;
      grid-column: 1 / -1;
    }
}

.topBanner {
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  background-color: #0174c3;
  position: absolute;
  top: 0;
  margin: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

@media (max-width: 430px) {
    .topBanner * {
      font-size: 10px !important;
    }
  }

ul.tech-spec {
  font-size: 14px;
}

.compare-chart .chartcardlist {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
  }

.compare-chart .chartcardlist .chartcard {
      position: relative;
      background-color: #fff;
    }

.compare-chart .chartcardlist .chartcard .description ul &gt; li {
          font-size: 16px;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
        }

.compare-chart .chartcardlist .chartcard .btn-container {
        display: grid;
        justify-content: center;
      }

.compare-chart .chartcardlist .chartcard .description,
      .compare-chart .chartcardlist .chartcard .btn-container {
        opacity: 0.7;
      }

.compare-chart .chartcardlist .chartcard.active {
        display: block;
        z-index: 1;
      }

.compare-chart .chartcardlist .chartcard.active .title {
          color: #0174c3;
        }

.compare-chart .chartcardlist .chartcard.active .description,
        .compare-chart .chartcardlist .chartcard.active .btn-container {
          opacity: 1;
        }

.compare-table:not(.editor) {
    display: none;
  }

.compare-table .table:not(.active) {
      display: none;
    }

.compare-table .table .table-section {
    display: grid;
    background-color: #fff;
  }

.compare-table .table .table-section .row:not(:first-child) .cmp-text h4,
          .compare-table .table .table-section .row:not(:first-child) .cmp-text h6 {
            font-size: 24px;
            line-height: 32px;
          }

.compare-table .table .table-section .cmp-text {
      word-break: break-word;
    }

@media (max-width: 1024px) {
    .compare-table .table .grid-12 {
      grid-template-columns: 1fr;
      width: 100%;
    }

    .compare-table .table .table-section {
      grid-template-columns: 100%;
      width: 100%;
      grid-column: 1;
      grid-auto-rows: auto;
    }
        .compare-table .table .table-section .cmp-text h6,
        .compare-table .table .table-section .cmp-text h4 {
          margin: 0;
        }

        .compare-table .table .table-section .cmp-text ul.tech-spec {
          grid-gap: 10px;
        }
}

.geotrust-body .compare-chart .chartcardlist .chartcard {
  border-color: #e6e6e6 !important;
}

.geotrust-body .compare-chart .chartcardlist .chartcard.active {
  border-color: #f47121 !important;
}

.geotrust-body .compare-chart .chartcardlist .chartcard.active .title {
  color: #575757;
}

.comp-chart-outlined {
  padding: 60px 0;
}

.comp-chart-outlined-headers {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
  }

.comp-chart-outlined-headers-head {
      display: none;
      background-color: #fff;
      border-bottom: 2px solid #0174c3;
      border-left: 1px solid #d2dce3;
      border-top: 1px solid #d2dce3;
      flex: 1 3 0;
      padding: 69px 49px;
    }

.comp-chart-outlined-headers-head:last-of-type {
        border-right: 1px solid #d2dce3;
      }

.comp-chart-outlined-headers-head.selected {
        display: block;
        border-bottom: 2px solid #0174c3;
        border-left: 2px solid #0174c3;
        border-right: 2px solid #0174c3;
        border-top: 2px solid #0174c3;
      }

@media (min-width: 1024px) {

.comp-chart-outlined-headers-head {
        display: block
    }

        .comp-chart-outlined-headers-head.selected {
          border-bottom: 1px solid #d2dce3;
        }
      }

.comp-chart-outlined-headers-content {
      display: flex;
      flex-direction: column;
    }

.comp-chart-outlined-headers-content .title {
        text-align: center;
      }

.comp-chart-outlined-headers-content p {
        margin-bottom: 23px;
      }

.comp-chart-outlined-headers-content ul {
        list-style: revert;
        margin: 0;
        padding-left: revert;
      }

.comp-chart-outlined-headers-content ul &gt; li {
          margin-bottom: 15px;
        }

.comp-chart-outlined-headers-content ul &gt; li:last-of-type {
            margin-bottom: 0;
          }

.comp-chart-outlined-headers-content-links {
        margin-top: 40px;
        text-align: center;
      }

.comp-chart-outlined-headers-content-links .cmp-Button-primary-blue,
        .comp-chart-outlined-headers-content-links .cmp-Button-primary-blue-filled {
          margin: auto auto 15px;
          min-width: 0;
          padding: 0 20px;
        }

.comp-chart-outlined-content {
    background-color: #fff;
    border-bottom: 2px solid #0174c3;
    border-left: 2px solid #0174c3;
    border-right: 2px solid #0174c3;
    border-top: 2px solid #0174c3;
    display: none;
    flex-direction: column;
  }

.comp-chart-outlined-content-row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
    }

.comp-chart-outlined-content-row-col,
      .comp-chart-outlined-content-row-col-double,
      .comp-chart-outlined-content-row-col-drop,
      .comp-chart-outlined-content-row-col-head {
        border-bottom: 1px solid #d2dce3;
        border-left: 1px solid #d2dce3;
        flex: 1 3 0;
        padding: 15px 5px;
        text-transform: uppercase;
      }

.comp-chart-outlined-content-row-col h6, .comp-chart-outlined-content-row-col-double h6, .comp-chart-outlined-content-row-col-drop h6, .comp-chart-outlined-content-row-col-head h6 {
          font-size: 16px;
          font-weight: revert;
          line-height: 24px;
          margin: 0;
        }

.comp-chart-outlined-content-row-col p, .comp-chart-outlined-content-row-col-double p, .comp-chart-outlined-content-row-col-drop p, .comp-chart-outlined-content-row-col-head p {
          font-size: 14px;
          line-height: 22px;
          margin: 0;
          text-transform: none;
        }

.comp-chart-outlined-content-row-col ul, .comp-chart-outlined-content-row-col-double ul, .comp-chart-outlined-content-row-col-drop ul, .comp-chart-outlined-content-row-col-head ul {
          list-style: none;
          margin: 0;
          padding: 0;
        }

.comp-chart-outlined-content-row-col ul li, .comp-chart-outlined-content-row-col-double ul li, .comp-chart-outlined-content-row-col-drop ul li, .comp-chart-outlined-content-row-col-head ul li {
            margin-bottom: 5px;
          }

.comp-chart-outlined-content-row-col-check, .comp-chart-outlined-content-row-col-double-check, .comp-chart-outlined-content-row-col-drop-check, .comp-chart-outlined-content-row-col-head-check {
          align-items: center;
          display: flex;
          height: 100%;
          justify-content: center;
        }

.comp-chart-outlined-content-row-col-double, .comp-chart-outlined-content-row-col-double-double, .comp-chart-outlined-content-row-col-drop-double, .comp-chart-outlined-content-row-col-head-double {
          flex: 1 1 33.33%;
          grid-column: span 2;
        }

.comp-chart-outlined-content-row-col-drop, .comp-chart-outlined-content-row-col-double-drop, .comp-chart-outlined-content-row-col-drop-drop, .comp-chart-outlined-content-row-col-head-drop {
          align-items: center;
          display: flex;
          flex-direction: column;
        }

.comp-chart-outlined-content-row-col-drop .drop-down-prices, .comp-chart-outlined-content-row-col-double-drop .drop-down-prices, .comp-chart-outlined-content-row-col-drop-drop .drop-down-prices, .comp-chart-outlined-content-row-col-head-drop .drop-down-prices {
            background: url('../../../content/dam/digicert/icons/Drop-Down-Arrow-gray.png') no-repeat 100% #fff;
            background-position-x: right;
            background-position: 90% 45%;
            border: 1px solid #d2dce3;
            border-radius: 7px;
            margin-bottom: 20px;
            padding: 10px;
            padding-right: 40px;
            position: relative;
          }

.comp-chart-outlined-content-row-col-drop .drop-down-prices .drop-down-price,
            .comp-chart-outlined-content-row-col-drop .drop-down-prices .drop-down-year,
            .comp-chart-outlined-content-row-col-double-drop .drop-down-prices .drop-down-price,
            .comp-chart-outlined-content-row-col-double-drop .drop-down-prices .drop-down-year,
            .comp-chart-outlined-content-row-col-drop-drop .drop-down-prices .drop-down-price,
            .comp-chart-outlined-content-row-col-drop-drop .drop-down-prices .drop-down-year,
            .comp-chart-outlined-content-row-col-head-drop .drop-down-prices .drop-down-price,
            .comp-chart-outlined-content-row-col-head-drop .drop-down-prices .drop-down-year {
              margin: 0;
              text-align: left;
            }

.comp-chart-outlined-content-row-col-drop .drop-down-prices .drop-down-prices-list, .comp-chart-outlined-content-row-col-double-drop .drop-down-prices .drop-down-prices-list, .comp-chart-outlined-content-row-col-drop-drop .drop-down-prices .drop-down-prices-list, .comp-chart-outlined-content-row-col-head-drop .drop-down-prices .drop-down-prices-list {
              background-color: #fff;
              border-radius: 7px;
              -webkit-box-shadow: 0 8px 1pc 0 rgba(0, 0, 0, 0.2);
              box-shadow: 0 8px 1pc 0 rgba(0, 0, 0, 0.2);
              display: none;
              left: 0;
              margin-top: 1px;
              position: absolute;
              top: 100%;
              width: 100%;
              z-index: 3;
            }

.comp-chart-outlined-content-row-col-drop .drop-down-prices .drop-down-prices-list .drop-down-plan, .comp-chart-outlined-content-row-col-double-drop .drop-down-prices .drop-down-prices-list .drop-down-plan, .comp-chart-outlined-content-row-col-drop-drop .drop-down-prices .drop-down-prices-list .drop-down-plan, .comp-chart-outlined-content-row-col-head-drop .drop-down-prices .drop-down-prices-list .drop-down-plan {
                cursor: pointer;
                padding: 10px;
              }

.comp-chart-outlined-content-row-col-drop .drop-down-prices .drop-down-prices-list .drop-down-plan:first-of-type, .comp-chart-outlined-content-row-col-double-drop .drop-down-prices .drop-down-prices-list .drop-down-plan:first-of-type, .comp-chart-outlined-content-row-col-drop-drop .drop-down-prices .drop-down-prices-list .drop-down-plan:first-of-type, .comp-chart-outlined-content-row-col-head-drop .drop-down-prices .drop-down-prices-list .drop-down-plan:first-of-type {
                  border-top-left-radius: 7px;
                  border-top-right-radius: 7px;
                }

.comp-chart-outlined-content-row-col-drop .drop-down-prices .drop-down-prices-list .drop-down-plan:last-of-type, .comp-chart-outlined-content-row-col-double-drop .drop-down-prices .drop-down-prices-list .drop-down-plan:last-of-type, .comp-chart-outlined-content-row-col-drop-drop .drop-down-prices .drop-down-prices-list .drop-down-plan:last-of-type, .comp-chart-outlined-content-row-col-head-drop .drop-down-prices .drop-down-prices-list .drop-down-plan:last-of-type {
                  border-bottom-left-radius: 7px;
                  border-bottom-right-radius: 7px;
                }

.comp-chart-outlined-content-row-col-drop .drop-down-prices .drop-down-prices-list .drop-down-plan:hover, .comp-chart-outlined-content-row-col-double-drop .drop-down-prices .drop-down-prices-list .drop-down-plan:hover, .comp-chart-outlined-content-row-col-drop-drop .drop-down-prices .drop-down-prices-list .drop-down-plan:hover, .comp-chart-outlined-content-row-col-head-drop .drop-down-prices .drop-down-prices-list .drop-down-plan:hover {
                  background-color: #0f9dff;
                  color: #fff;
                }

.comp-chart-outlined-content-row-col-drop .drop-down-prices .drop-down-prices-list:hover, .comp-chart-outlined-content-row-col-double-drop .drop-down-prices .drop-down-prices-list:hover, .comp-chart-outlined-content-row-col-drop-drop .drop-down-prices .drop-down-prices-list:hover, .comp-chart-outlined-content-row-col-head-drop .drop-down-prices .drop-down-prices-list:hover {
                display: block;
              }

.comp-chart-outlined-content-row-col-drop .drop-down-prices .drop-down-prices-list:hover.hover-off, .comp-chart-outlined-content-row-col-double-drop .drop-down-prices .drop-down-prices-list:hover.hover-off, .comp-chart-outlined-content-row-col-drop-drop .drop-down-prices .drop-down-prices-list:hover.hover-off, .comp-chart-outlined-content-row-col-head-drop .drop-down-prices .drop-down-prices-list:hover.hover-off {
                  display: none;
                }

.comp-chart-outlined-content-row-col-drop .drop-down-prices:hover .drop-down-prices-list, .comp-chart-outlined-content-row-col-double-drop .drop-down-prices:hover .drop-down-prices-list, .comp-chart-outlined-content-row-col-drop-drop .drop-down-prices:hover .drop-down-prices-list, .comp-chart-outlined-content-row-col-head-drop .drop-down-prices:hover .drop-down-prices-list {
                display: block;
              }

.comp-chart-outlined-content-row-col-head, .comp-chart-outlined-content-row-col-double-head, .comp-chart-outlined-content-row-col-drop-head, .comp-chart-outlined-content-row-col-head-head {
          align-items: center;
          display: flex;
          flex-direction: row;
          justify-content: space-around;
          padding: 40px 20px 20px;
          position: relative;
          text-transform: none;
        }

.comp-chart-outlined-content-row-col-head h4, .comp-chart-outlined-content-row-col-double-head h4, .comp-chart-outlined-content-row-col-drop-head h4, .comp-chart-outlined-content-row-col-head-head h4 {
            color: #0174c3;
            margin: 0;
          }

.comp-chart-outlined-content-row-col-head h4:first-of-type, .comp-chart-outlined-content-row-col-double-head h4:first-of-type, .comp-chart-outlined-content-row-col-drop-head h4:first-of-type, .comp-chart-outlined-content-row-col-head-head h4:first-of-type {
              font-size: 24px;
              line-height: 32px;
              margin-right: 10px;
              transform: scaleY(1.5);
            }

.comp-chart-outlined-content-row-col-head h4:last-of-type, .comp-chart-outlined-content-row-col-double-head h4:last-of-type, .comp-chart-outlined-content-row-col-drop-head h4:last-of-type, .comp-chart-outlined-content-row-col-head-head h4:last-of-type {
              display: none;
            }

@media (min-width: 768px) {

.comp-chart-outlined-content-row-col-head, .comp-chart-outlined-content-row-col-double-head, .comp-chart-outlined-content-row-col-drop-head, .comp-chart-outlined-content-row-col-head-head {
            justify-content: unset;
            padding: 20px
        }

            .comp-chart-outlined-content-row-col-head h4:last-of-type, .comp-chart-outlined-content-row-col-double-head h4:last-of-type, .comp-chart-outlined-content-row-col-drop-head h4:last-of-type, .comp-chart-outlined-content-row-col-head-head h4:last-of-type {
              display: block;
            }
          }

.comp-chart-outlined-content-row-col-head-recommended, .comp-chart-outlined-content-row-col-double-head-recommended, .comp-chart-outlined-content-row-col-drop-head-recommended, .comp-chart-outlined-content-row-col-head-head-recommended {
            background-color: #0f9dff;
            color: #fff;
            font-size: 14px;
            padding: 2px 5px;
            position: absolute;
            right: 0;
            top: 0;
          }

.comp-chart-outlined-content-row-col:first-of-type, .comp-chart-outlined-content-row-col-double:first-of-type, .comp-chart-outlined-content-row-col-drop:first-of-type, .comp-chart-outlined-content-row-col-head:first-of-type {
          border-left: none;
        }

.comp-chart-outlined-content-row-col:last-of-type, .comp-chart-outlined-content-row-col-double:last-of-type, .comp-chart-outlined-content-row-col-drop:last-of-type, .comp-chart-outlined-content-row-col-head:last-of-type {
          border-right: none;
        }

@media (min-width: 768px) {

.comp-chart-outlined-content-row-col,
      .comp-chart-outlined-content-row-col-double,
      .comp-chart-outlined-content-row-col-drop,
      .comp-chart-outlined-content-row-col-head {
          padding: 15px 20px
      }
        }

.comp-chart-outlined-content.selected {
      display: flex;
    }

@media (min-width: 1024px) {

.comp-chart-outlined-content {
      border-top: none
  }
    }

.comp-chart-outlined-mobile-nav {
    display: flex;
    justify-content: center;
    margin: 60px 0 40px;
  }

.comp-chart-outlined-mobile-nav .previous,
    .comp-chart-outlined-mobile-nav .next {
      cursor: pointer;
      height: 30px;
      margin: 0 10px;
      width: 20px;
    }

.comp-chart-outlined-mobile-nav .previous {
      background: url('../../../content/dam/digicert/images/components/delivery-group-2/GraphicAndTextCarousel1A-LeftNavigationArrow.png') 50%;
    }

.comp-chart-outlined-mobile-nav .next {
      background: url('../../../content/dam/digicert/images/components/delivery-group-2/GraphicAndTextCarousel1A-RightNavigationArrow.png') 50%;
    }

.comp-chart-outlined-mobile-nav .bubble {
      background-color: #909ca5;
      border-radius: 5px;
      cursor: pointer;
      height: 10px;
      margin: 10px;
      width: 10px;
    }

.comp-chart-outlined-mobile-nav .bubble.selected {
        background-color: #0f9dff;
      }

.comp-chart-outlined-mobile-nav .bubble:hover {
        background-color: #0f9dff;
      }

@media (min-width: 1024px) {

.comp-chart-outlined-mobile-nav {
      display: none
  }
    }

.content-bullets-with-image &gt; .grid-12 {
    grid-row-gap: 70px;
  }

.content-bullets-with-image .descriptionBox {
    grid-row: 2;
    grid-column: 1/5;
    justify-self: center;
  }

.content-bullets-with-image .descriptionBox ul {
      margin: -5px 0 0;
    }

.content-bullets-with-image .descriptionBox ul li {
        margin: 5px 0;
      }

.content-bullets-with-image .descriptionBox ul li:first-child {
          margin-top: 0;
        }

.content-bullets-with-image .descriptionBox ul li:last-child {
          margin-bottom: 0;
        }

.content-bullets-with-image .img-container {
    grid-row: 1;
    grid-column: 1/5;
    display: grid;
    max-width: 520px;
    justify-self: center;
  }

.content-bullets-with-image .img-container .bg-img {
      grid-column: 1/5;
      grid-row: 1;
      z-index: -1;
    }

.content-bullets-with-image .img-container .bg-img img {
        max-width: 100%;
      }

.content-bullets-with-image .img-container .bg-img.right {
        margin: 0 -8% 0 17%;
      }

.content-bullets-with-image .img-container .bg-img.left {
        margin: 0 17% 0 -8%;
      }

.content-bullets-with-image .img-container .overlap-img {
      max-width: 180px;
      grid-row: 1;
      z-index: 0;
      align-self: end;
      margin: 0 -5% -30px -5%;
    }

.content-bullets-with-image .img-container .overlap-img img {
        max-width: 100%;
      }

.content-bullets-with-image .img-container .overlap-img.right {
        grid-column: 4/5;
      }

.content-bullets-with-image .img-container .overlap-img.left {
        grid-column: 1/2;
      }

@media (min-width: 430px) {
  .content-bullets-with-image {
    margin: 0 8%;
  }
}

.content-card-list .card {
    overflow: hidden;
    max-width: 400px;
    width: 100%;
    margin: 0;
  }

.content-card-list .card__header {
      display: inline-flex;
      height: 100%;
      max-height: 140px;
      overflow: hidden;
    }

.content-card-list .card__footer {
      justify-content: center;
    }

.content-card-list .container {
    display: grid;
    grid-template-columns: 1fr;
    grid-column: 1/-1;
    grid-gap: 40px;
  }

@media (min-width: 1024px) {

.content-card-list .container {
      grid-template-columns: 1fr 1fr 1fr
  }
    }

@media (min-width: 1024px) {

.content-card-list .container .card {
        height: 400px;
        overflow: hidden
    }
      }

.content-card-list .container .card .image-Container {
        height: 141px;
        overflow: hidden;
      }

.content-card-list .container .card .image-Container video,
        .content-card-list .container .card .image-Container img {
          width: 100%;
          height: 100%;
        }

.content-card-list .container .card .content-Container {
        display: grid;
        height: 199px;
      }

.content-card-list .container .card .content-Container .description {
          overflow: hidden;
          padding-top: 10px;
        }

.content-card-list .container .card .content-Container .description &gt; * {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            -ms-box-orient: vertical;
            box-orient: vertical;
            overflow: hidden;
          }

.content-card-list .container .card .content-Container .description.withbtn {
            height: 137px;
          }

.content-card-list .container .card .content-Container .description.withbtn &gt; h6 + h1 {-webkit-line-clamp: --lineClamp;-moz-line-clamp: --lineClamp;-ms-line-clamp: --lineClamp;line-clamp: --lineClamp;
          }

.content-card-list .container .card .content-Container .description &gt; h6 + h1,
          .content-card-list .container .card .content-Container .description.withbtn &gt; h1,
          .content-card-list .container .card .content-Container .description.withbtn &gt; h6 + h2,
          .content-card-list .container .card .content-Container .description.withbtn &gt; h6 + h3 {-webkit-line-clamp: --lineClamp;-moz-line-clamp: --lineClamp;-ms-line-clamp: --lineClamp;line-clamp: --lineClamp;
          }

.content-card-list .container .card .content-Container .description &gt; h1,
          .content-card-list .container .card .content-Container .description &gt; h6 + h2,
          .content-card-list .container .card .content-Container .description.withbtn &gt; h2,
          .content-card-list .container .card .content-Container .description.withbtn &gt; h3,
          .content-card-list .container .card .content-Container .description.withbtn &gt; h6 + p,
          .content-card-list .container .card .content-Container .description.withbtn &gt; h6 + h4,
          .content-card-list .container .card .content-Container .description.withbtn &gt; h6 + h5 {-webkit-line-clamp: --lineClamp;-moz-line-clamp: --lineClamp;-ms-line-clamp: --lineClamp;line-clamp: --lineClamp;
          }

.content-card-list .container .card .content-Container .description &gt; h2,
          .content-card-list .container .card .content-Container .description &gt; h6 + h3,
          .content-card-list .container .card .content-Container .description &gt; h6 + h5,
          .content-card-list .container .card .content-Container .description.withbtn &gt; h5,
          .content-card-list .container .card .content-Container .description.withbtn &gt; h4,
          .content-card-list .container .card .content-Container .description.withbtn &gt; h6 + h6 {-webkit-line-clamp: --lineClamp;-moz-line-clamp: --lineClamp;-ms-line-clamp: --lineClamp;line-clamp: --lineClamp;
          }

.content-card-list .container .card .content-Container .description &gt; h3,
          .content-card-list .container .card .content-Container .description &gt; h5,
          .content-card-list .container .card .content-Container .description &gt; h6 + p,
          .content-card-list .container .card .content-Container .description &gt; h6 + h4,
          .content-card-list .container .card .content-Container .description.withbtn &gt; p {-webkit-line-clamp: --lineClamp;-moz-line-clamp: --lineClamp;-ms-line-clamp: --lineClamp;line-clamp: --lineClamp;
          }

.content-card-list .container .card .content-Container .description &gt; p,
          .content-card-list .container .card .content-Container .description &gt; h4,
          .content-card-list .container .card .content-Container .description.withbtn &gt; h6 {-webkit-line-clamp: --lineClamp;-moz-line-clamp: --lineClamp;-ms-line-clamp: --lineClamp;line-clamp: --lineClamp;
          }

.content-card-list .container .card .content-Container .description &gt; h6 + h6 {-webkit-line-clamp: --lineClamp;-moz-line-clamp: --lineClamp;-ms-line-clamp: --lineClamp;line-clamp: --lineClamp;
            }

.content-card-list .container .card .content-Container .description &gt; h6 {-webkit-line-clamp: --lineClamp;-moz-line-clamp: --lineClamp;-ms-line-clamp: --lineClamp;line-clamp: --lineClamp;
}

.content-card-list .container .card .content-Container .btn-container {
          align-items: center;
          align-self: end;
          justify-content: center;
          margin-top: 0;
        }

.content-card-list .hoverZoomInAnimation:hover .content-Container .description {
      opacity: 0.7;
    }

.content-card-list .hoverZoomInAnimation:hover .image-Container img,
    .content-card-list .hoverZoomInAnimation:hover .image,
    .content-card-list .hoverZoomInAnimation:hover video {
      transform: scale(1.1);
    }

.content-image-centered .description {
    display: grid;
    max-width: 700px;
    grid-row: 1;
  }

.content-image-centered .description h2,
    .content-image-centered .description h1 {
      margin-bottom: 30px;
      margin-top: 0;
    }

.content-image-centered .description h4,
    .content-image-centered .description h3,
    .content-image-centered .description h5,
    .content-image-centered .description h6 {
      margin-bottom: 25px;
      margin-top: 0;
    }

.content-image-centered .description p,
    .content-image-centered .description span {
      margin-top: 0;
      margin-bottom: 20px;
    }

.content-image-centered .description &gt; :last-child {
      margin-bottom: 0 !important;
    }

.content-image-centered .imageContainer {
    grid-row: 2;
    position: relative;
  }

.content-image-centered .imageContainer i.play-btn {
      position: absolute;
      left: 47.5%;
      top: 45%;
    }

.content-image-centered .imageContainer video {
      width: 100%;
    }

.content-image-centered .imageAlign--center {
      text-align: center;
    }

.content-image-centered .imageAlign--left {
      text-align: left;
    }

.content-image-centered .imageAlign--right {
      text-align: right;
    }

@media (max-width: 768px) {
  .content-image-centered {
    padding: 40px 0;
  }

    .content-image-centered &gt; .grid-12 {
      margin: 0;
      grid-template-columns: auto;
      grid-row-gap: 30px;
    }

      .content-image-centered &gt; .grid-12 .description {
        margin: 0;
      }
        .content-image-centered &gt; .grid-12 .imageContainer img {
          max-width: 100%;
        }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .content-image-centered {
    padding: 40px 0;
  }

    .content-image-centered &gt; .grid-12 {
      margin: 0;
      grid-template-columns: auto;
      grid-row-gap: 40px;
    }

      .content-image-centered &gt; .grid-12 .description {
        margin: 0;
      }
        .content-image-centered &gt; .grid-12 .imageContainer img {
          max-width: 100%;
        }
        .content-image-centered &gt; .grid-12 .descBoxAlign--center {
          justify-self: center;
        }

        .content-image-centered &gt; .grid-12 .descBoxAlign--left {
          justify-self: left;
        }

        .content-image-centered &gt; .grid-12 .descBoxAlign--right {
          justify-self: right;
        }
}

@media (min-width: 1024px) {
    .content-image-centered .imageContainer {
      grid-column: 2/12;
    }
      .content-image-centered .descBoxAlign--center {
        grid-column: 3/11;
        margin: 0 35px;
      }

      .content-image-centered .descBoxAlign--left {
        grid-column: 2/9;
      }

      .content-image-centered .descBoxAlign--right {
        grid-column: 5/12;
      }
}

@media (min-width: 1024px) and (max-width: 1370px) {
    .content-image-centered &gt; .grid-12 {
      margin: 0 2.44%;
      grid-template-columns: repeat(12, 5.983%);
      grid-column-gap: 2.55%;
    }

      .content-image-centered &gt; .grid-12 .description {
        margin-right: -2.55%;
      }
}

@media (min-width: 1370px) {
  .content-image-centered {
    padding: 60px 0;
  }

    .content-image-centered &gt; .grid-12 {
      grid-row-gap: 60px;
    }

      .content-image-centered &gt; .grid-12 .description {
        margin-right: -30px;
      }
}

.content-image-line .line,
  .content-image-line .start-point,
  .content-image-line .last-point {
    background-color: #0075c4;
  }

.content-image-line .verticalLine,
  .content-image-line .horizontalLine,
  .content-image-line .start-point,
  .content-image-line .last-point {
    z-index: -1;
  }

@media (max-width: 430px) {
    .content-image-line .line {
      width: 5px;
    }
  }

@media (min-width: 430px) and (max-width: 767px) {
    .content-image-line .line {
      width: 7px;
    }
  }

@media (max-width: 767px) {
    .content-image-line .grid-12 {
      grid-row-gap: 40px;
    }

    .content-image-line .descBox {
      grid-row: 2;
      grid-column: 1/4;
      margin-right: -20px;
      padding-bottom: 80px;
      margin-left: 10%;
    }

      .content-image-line .descBox h1 {
        font-size: 64px;
        line-height: 72px;
        margin-bottom: 0;
        margin-left: -7px;
      }

    .content-image-line .img-container {
      grid-row: 1;
      grid-column: 1/5;
      align-self: end;
    }

      .content-image-line .img-container img {
        width: 100%;
      }

    .content-image-line .verticalLine {
      grid-row: 1/3;
      grid-column: 4/5;
    }

      .content-image-line .verticalLine .line {
        position: relative;
        height: 0px;
        margin-top: 10px;
      }

    .content-image-line .last-point {
      grid-row: 2;
      grid-column: 4/5;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      align-self: end;
      margin-left: -10px;
      margin-bottom: -11px;
    }
  }

@media (min-width: 1024px) and (max-width: 1200px) {
    .content-image-line .start-point {
      margin-top: 393% !important;
    }
  }

@media (min-width: 1024px) and (max-width: 1369px) {
      .content-image-line .descBox h1 {
        font-size: 64px;
        line-height: 72px;
        margin-bottom: -14px;
        margin-top: -24px;
      }

      .content-image-line .descBox h5 {
        margin-left: 35px;
      }
      .content-image-line .grid-12:nth-child(even) .img-container {
        grid-column: 1/8;
        margin-left: -40px;
        margin-right: -10px;
      }

      .content-image-line .grid-12:nth-child(even) .descBox {
        grid-column: 9/12;
        margin-left: -20px;
        margin-right: -64px;
      }

      .content-image-line .grid-12:nth-child(even) .verticalLine {
        grid-column: 1/2;
        margin-left: -20px;
      }

      .content-image-line .grid-12:nth-child(even) .last-point {
        grid-column: 1;
        margin-left: -29px;
      }

      .content-image-line .grid-12:nth-child(even) .horizontalLine {
        display: flex;
        justify-content: flex-end;
      }
      .content-image-line .grid-12:nth-child(10n + 1) .descBox {
        margin-top: 27%;
      }

      .content-image-line .grid-12:nth-child(10n + 1) .img-container {
        margin-top: 11.7%;
      }

      .content-image-line .grid-12:nth-child(10n + 1) .img-container {
        margin-bottom: 39%;
      }

      .content-image-line .grid-12:nth-child(10n + 1) .horizontalLine {
        grid-column: 1/12;
        margin-right: -3%;
        margin-left: -1.7%;
      }
      .content-image-line .grid-12:nth-child(10n + 2) .img-container {
        margin-bottom: 33%;
      }

      .content-image-line .grid-12:nth-child(10n + 2) .descBox {
        align-self: center;
      }

      .content-image-line .grid-12:nth-child(10n + 2) .horizontalLine {
        grid-column: 7/11;
        margin-top: 26.66%;
        margin-right: -9.5%;
      }

      .content-image-line .grid-12:nth-child(10n + 2) .verticalLine {
        margin-top: 400%;
        height: 55.74377477%;
      }
      .content-image-line .grid-12:nth-child(10n + 3) .descBox {
        margin-top: 22%;
      }

      .content-image-line .grid-12:nth-child(10n + 3) .img-container {
        margin-top: 9%;
        margin-bottom: 36.5%;
      }

      .content-image-line .grid-12:nth-child(10n + 3) .horizontalLine {
        grid-column: 1/9;
        margin-left: -2.4%;
      }

      .content-image-line .grid-12:nth-child(10n + 3) .verticalLine {
        grid-column: 8;
        justify-self: end;
        height: 113%;
      }
      .content-image-line .grid-12:nth-child(10n + 4) .descBox {
        align-self: center;
      }

      .content-image-line .grid-12:nth-child(10n + 4) .img-container {
        margin-bottom: 45%;
      }

      .content-image-line .grid-12:nth-child(10n + 4) .verticalLine {
        grid-column: 1;
        justify-self: end;
        margin-top: 142%;
        height: 99.8%;
      }

      .content-image-line .grid-12:nth-child(10n + 4) .horizontalLine {
        margin-top: 55%;
        grid-column: 7/9;
      }
      .content-image-line .grid-12:nth-child(10n + 5) .descBox {
        align-self: center;
      }

      .content-image-line .grid-12:nth-child(10n + 5) .img-container {
        margin-bottom: 39%;
      }

      .content-image-line .grid-12:nth-child(10n + 5) .verticalLine {
        margin-top: 271%;
        height: 99.7%;
      }

      .content-image-line .grid-12:nth-child(10n + 5) .horizontalLine {
        margin-top: 25%;
        grid-column: 2/6;
        margin-right: -7%;
        margin-left: -8%;
      }
      .content-image-line .grid-12:nth-child(10n + 6) .descBox {
        align-self: center;
      }

      .content-image-line .grid-12:nth-child(10n + 6) .img-container {
        margin-bottom: 45%;
      }

      .content-image-line .grid-12:nth-child(10n + 6) .verticalLine {
        margin-top: 830%;
        height: 52.9%;
      }

      .content-image-line .grid-12:nth-child(10n + 6) .horizontalLine {
        margin-top: 39%;
        grid-column: 7/12;
        margin-right: -7%;
      }
      .content-image-line .grid-12:nth-child(10n + 7) .img-container {
        margin-bottom: 39%;
      }

      .content-image-line .grid-12:nth-child(10n + 7) .verticalLine {
        margin-top: 143%;
        height: 99.9%;
      }

      .content-image-line .grid-12:nth-child(10n + 7) .horizontalLine {
        margin-top: 170px;
        grid-column: 1/6;
        margin-right: -7%;
        margin-left: -4%;
      }

      .content-image-line .grid-12:nth-child(10n + 7) .descBox {
        align-self: center;
      }
      .content-image-line .grid-12:nth-child(10n + 8) .descBox {
        align-self: center;
      }

      .content-image-line .grid-12:nth-child(10n + 8) .img-container {
        margin-bottom: 34.4%;
      }

      .content-image-line .grid-12:nth-child(10n + 8) .verticalLine {
        margin-top: 800%;
      }

      .content-image-line .grid-12:nth-child(10n + 8) .horizontalLine {
        margin-top: 19.8%;
        grid-column: 7/12;
        margin-right: -7%;
      }
      .content-image-line .grid-12:nth-child(10n + 9) .descBox {
        margin-top: 42%;
      }

      .content-image-line .grid-12:nth-child(10n + 9) .img-container {
        margin-top: 19%;
        margin-bottom: 40%;
      }

      .content-image-line .grid-12:nth-child(10n + 9) .verticalLine {
        height: 109.8%;
      }

      .content-image-line .grid-12:nth-child(10n + 9) .horizontalLine {
        grid-column: 1/12;
        margin-right: calc(-2.7% + -7px);
        margin-left: calc(-7px + -1.1%);
      }
      .content-image-line .grid-12:nth-child(10n) .img-container {
        margin-bottom: 34.4%;
      }

      .content-image-line .grid-12:nth-child(10n) .descBox {
        align-self: center;
      }

      .content-image-line .grid-12:nth-child(10n) .verticalLine {
        margin-top: 100%;
      }

        .content-image-line .grid-12:nth-child(10n) .verticalLine .line {
          margin-top: 100%;
        }

      .content-image-line .grid-12:nth-child(10n) .horizontalLine {
        grid-column: 7/12;
        margin-right: calc(-6% + -7px);
        margin-top: 17%;
      }
      .content-image-line .grid-12:first-child .horizontalLine {
        margin-top: 61.5%;
        grid-column: 2/7;
        margin-left: 30% !important;
      }

      .content-image-line .grid-12:first-child .verticalLine {
        grid-column: 11/12 !important;
        margin-top: 408%;
        height: 75%;
      }
  }

@media (min-width: 1370px) {
      .content-image-line .descBox h1 {
        font-size: 64px;
        line-height: 72px;
        margin-bottom: -14px;
        margin-top: -24px;
      }

      .content-image-line .descBox h5 {
        margin-left: 35px;
      }
      .content-image-line .grid-12:nth-child(even) .img-container {
        grid-column: 1/8;
        margin-left: -40px;
        margin-right: -10px;
      }

      .content-image-line .grid-12:nth-child(even) .descBox {
        align-self: center;
        grid-column: 9/12;
        margin-left: -20px;
        margin-right: -64px;
      }

      .content-image-line .grid-12:nth-child(even) .verticalLine {
        grid-column: 1/2;
        margin-left: -20px;
      }

      .content-image-line .grid-12:nth-child(even) .last-point {
        grid-column: 1;
        margin-left: -29px;
      }
      .content-image-line .grid-12:nth-child(10n + 1) .descBox {
        margin-top: 100px;
      }

      .content-image-line .grid-12:nth-child(10n + 1) .img-container {
        margin-top: 90px;
        margin-bottom: 300px;
      }

      .content-image-line .grid-12:nth-child(10n + 1) .horizontalLine {
        grid-column: 1/12;
        margin-right: -30px;
        margin-left: -20px;
      }
      .content-image-line .grid-12:nth-child(10n + 2) .img-container {
        margin-bottom: 230px;
      }

      .content-image-line .grid-12:nth-child(10n + 2) .horizontalLine {
        grid-column: 7/11;
        margin-top: 100px;
        margin-right: -30px;
        display: flex;
        justify-content: flex-end;
      }

      .content-image-line .grid-12:nth-child(10n + 2) .verticalLine {
        margin-top: 400% !important;
        height: auto !important;
      }
      .content-image-line .grid-12:nth-child(10n + 3) .descBox {
        margin-top: 22%;
      }

      .content-image-line .grid-12:nth-child(10n + 3) .img-container {
        margin-top: 70px;
        margin-bottom: 280px;
      }

      .content-image-line .grid-12:nth-child(10n + 3) .horizontalLine {
        grid-column: 1/9;
        margin-left: -20px;
      }

      .content-image-line .grid-12:nth-child(10n + 3) .verticalLine {
        grid-column: 8 !important;
        justify-self: end !important;
        height: 113%;
      }
      .content-image-line .grid-12:nth-child(10n + 4) .img-container {
        margin-bottom: 45%;
      }

      .content-image-line .grid-12:nth-child(10n + 4) .verticalLine {
        grid-column: 1;
        justify-self: end;
        margin-top: 142%;
        height: 100%;
      }

      .content-image-line .grid-12:nth-child(10n + 4) .horizontalLine {
        margin-top: 55%;
        grid-column: 7/9;
        display: flex;
        justify-content: flex-end;
      }
      .content-image-line .grid-12:nth-child(10n + 5) .descBox {
        align-self: center;
      }

      .content-image-line .grid-12:nth-child(10n + 5) .img-container {
        margin-bottom: 39%;
      }

      .content-image-line .grid-12:nth-child(10n + 5) .verticalLine {
        margin-top: 272%;
        height: 100%;
      }

      .content-image-line .grid-12:nth-child(10n + 5) .horizontalLine {
        margin-top: 25%;
        grid-column: 2/6;
        margin-right: -30px;
        margin-left: -30px;
      }
      .content-image-line .grid-12:nth-child(10n + 6) .img-container {
        margin-bottom: 45%;
      }

      .content-image-line .grid-12:nth-child(10n + 6) .verticalLine {
        margin-top: 840% !important;
        height: 54.3% !important;
      }

      .content-image-line .grid-12:nth-child(10n + 6) .horizontalLine {
        margin-top: 39%;
        grid-column: 7/12;
        margin-right: -7%;
        display: flex;
        justify-content: flex-end;
      }
      .content-image-line .grid-12:nth-child(10n + 7) .img-container {
        margin-bottom: 39%;
      }

      .content-image-line .grid-12:nth-child(10n + 7) .verticalLine {
        margin-top: 143%;
        height: 100%;
      }

      .content-image-line .grid-12:nth-child(10n + 7) .horizontalLine {
        margin-top: 170px;
        grid-column: 1/6;
        margin-right: -7%;
        margin-left: -4.2%;
      }

      .content-image-line .grid-12:nth-child(10n + 7) .descBox {
        align-self: center;
      }
      .content-image-line .grid-12:nth-child(10n + 8) .img-container {
        margin-bottom: 230px;
      }

      .content-image-line .grid-12:nth-child(10n + 8) .verticalLine {
        margin-top: 800% !important;
        height: 33% !important;
      }

      .content-image-line .grid-12:nth-child(10n + 8) .horizontalLine {
        margin-top: 19.8%;
        grid-column: 7/12;
        margin-right: -7%;
        display: flex;
        justify-content: flex-end;
      }
      .content-image-line .grid-12:nth-child(10n + 9) .descBox {
        margin-top: 155px;
      }

      .content-image-line .grid-12:nth-child(10n + 9) .img-container {
        margin-top: 145px;
        margin-bottom: 300px;
      }

      .content-image-line .grid-12:nth-child(10n + 9) .verticalLine {
        height: 109.8%;
      }

      .content-image-line .grid-12:nth-child(10n + 9) .horizontalLine {
        grid-column: 1/12;
        margin-right: -37px;
        margin-left: -20px;
      }
      .content-image-line .grid-12:nth-child(10n) .img-container {
        margin-bottom: 230px;
      }

      .content-image-line .grid-12:nth-child(10n) .verticalLine {
        margin-top: 430% !important;
        height: 53%;
      }

      .content-image-line .grid-12:nth-child(10n) .horizontalLine {
        grid-column: 7/12;
        margin-right: -37px;
        margin-top: 80px;
        display: flex;
        justify-content: flex-end;
      }
  }

.content-image-overlap .img-container i.play-btn {
      position: absolute;
      z-index: 101;
      top: 43%;
      left: 46%;
    }

.content-image-overlap .img-container video,
    .content-image-overlap .img-container img {
      max-width: 100%;
    }

.content-image-overlap .descriptionBox .description {
      text-align: left;
    }

.content-image-overlap .descriptionBox .description h1,
      .content-image-overlap .descriptionBox .description h2,
      .content-image-overlap .descriptionBox .description h3,
      .content-image-overlap .descriptionBox .description h4,
      .content-image-overlap .descriptionBox .description h5,
      .content-image-overlap .descriptionBox .description h6,
      .content-image-overlap .descriptionBox .description p {
        margin-bottom: 30px;
      }

.content-image-overlap .descriptionBox .description &gt; ul {
        margin-top: 30px;
      }

.content-image-overlap .descriptionBox .description.list-style--default ul {
          display: grid;
          grid-gap: 20px;
        }

.content-image-overlap .descriptionBox .description &gt; *:first-child {
        margin-top: 0px !important;
      }

.content-image-overlap .descriptionBox .description *:last-child {
        margin-bottom: 0px;
      }

@media (max-width: 767px) {
    .content-image-overlap .grid-12 {
      grid-column-gap: 8% !important;
    }

    .content-image-overlap .img-container {
      grid-row: 1;
      grid-column: 1/5;
      position: relative;
      justify-self: center;
      width: 100%;
    }

    .content-image-overlap .descriptionBox {
      grid-row: 2;
      grid-column: 1/5;
    }
  }

@media (max-width: 429px) {
        .content-image-overlap .descriptionBox .description &gt; ul {
          width: calc(100vw - 20px);
          padding: 0;
          padding-left: 20px;
        }

          .content-image-overlap .descriptionBox .description &gt; ul li {
            width: calc(100vw - 65px);
          }

            .content-image-overlap .descriptionBox .description &gt; ul li ul &gt; li {
              max-width: 80%;
            }
  }

@media (min-width: 430px) and (max-width: 767px) {
        .content-image-overlap .descriptionBox .description &gt; ul {
          width: calc(100% - 20px);
          padding: 0;
          padding-left: 20px;
        }
  }

@media (min-width: 768px) and (max-width: 1023px) {
    .content-image-overlap &gt; .grid-12 {
      grid-gap: 40px;
      grid-template-columns: 100%;
    }

    .content-image-overlap .img-container {
      grid-row: 1;
      position: relative;
      justify-self: center;
      width: 100%;
    }

    .content-image-overlap .descriptionBox {
      grid-row: 2;
      justify-self: start;
      margin: auto 30px;
    }
        .content-image-overlap .descriptionBox .description &gt; ul {
          width: calc(100% - 20px);
          padding: 0;
          padding-left: 20px;
          overflow-wrap: break-word;
        }
  }

@media (min-width: 1024px) {
    .content-image-overlap &gt; .grid-12 {
      grid-template-columns: 1fr 1fr;
      grid-gap: 30px;
      align-items: center;
    }

    .content-image-overlap .descriptionBox {
      grid-row: 1;
      justify-self: start;
      width: 100%;
      max-width: 520px;
    }
        .content-image-overlap .descriptionBox .description &gt; ul {
          width: calc(100% - 20px);
          padding: 0;
          padding-left: 0px;
          overflow-wrap: break-word;
        }

      .content-image-overlap .descriptionBox.right {
        grid-column: 2;
      }

      .content-image-overlap .descriptionBox.left {
        grid-column: 1;
      }

    .content-image-overlap .img-container {
      position: relative;
    }

      .content-image-overlap .img-container.left {
        grid-column: 1;
      }

      .content-image-overlap .img-container.right {
        grid-column: 2;
      }
  }

.collapse-component {
  margin: 30px 0;
}

.collapse-component .expand__trigger {
      padding: 1.25rem;
    }

.collapse-component .expand__target {
      box-shadow: 0 4px 12px 0 rgba(0, 1, 1, 0.15);
      overflow: hidden;
    }

.faq__descriptions{
    flex: 6;
  }

.faq__list{
    flex: 4;
  }

.faq__headings{
    width: 100%;
  }

.faq__headings .headline {
      cursor: pointer;
    }

.faq__headings .active {
      background-color: #0789e1;
      color: #fff;
    }
     
.form-lead {
  padding: 60px 0px;
}
     
.form-lead .communicationChkBox {
    text-align: center;
    font-size: 1em;
    margin-bottom: 30px;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
  }
     
.form-lead .ada-id{
    display: none;
  }
     
.form-lead .InterestForm {
    display: grid;
    max-width: 830px;
    margin: 0 auto;
  }
     
.form-lead .InterestForm #submit-button {
      justify-self: center;
      margin-top: 40px;
    }
     
.form-lead .InterestForm .g-recaptcha {
      margin: 0 auto;
    }
     
.form-lead .InterestForm #contact-us-submit-button{
      cursor: not-allowed;
      justify-self: center;
      margin-top: 40px;
    }
     
.form-lead .InterestForm .interestCheckBoxList &gt; *:not(:last-child) {
        display: none;
      }
     
.form-lead .InterestForm .interestCheckBoxList input[type='checkbox'] {
        align-items: center;
        display: flex;
        height: 20px;
        justify-content: center;
        width: 20px;
      }
     
.form-lead .InterestForm .interestCheckBoxList input[type='checkbox']:checked:after {
          font-size: 1.125rem;
        }
     
.form-lead .InterestForm .interestCheckBoxList &gt; :last-child {
        font-size: 1em;
        max-width: 500px;
        margin: -10px auto;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
      }
     
.form-lead form .InputForm {
      display: grid;
      grid-gap: 15px;
      margin-bottom: 30px;
    }
     
.form-lead form select.country.middle,
    .form-lead form select.state.middle {
      grid-column: 1/-1;
      max-width: 430px;
      justify-self: center;
    }
     
@media (min-width: 768px) {
        .form-lead form .InputForm.horizontal {
          grid-template-columns: 1fr 1fr;
          max-width: 830px;
          margin: 0 auto 30px;
          grid-gap: 15px 30px;
        }
  }
     
.form-lead #tmpBtn {
    align-content: center;
    text-align: center;
    margin: 0 auto;
  }

.interestCheckBoxList ul {
    list-style: none;
    padding: 0;
    font-size: 1em;
    line-height: 1.75em;
    column-count: 2;
    margin: 2.5em auto;
    column-gap: 30px;
    max-width: 830px;
  }

.interestCheckBoxList li {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
  }

.interestCheckBoxList li label {
      align-self: center;
    }

.matter-iot-list {
  display: grid;
  gap: 0.5rem;
}

.matter-iot-list li {
    display: block;
  }

.matter-iot-list li &gt; span {
      align-items: center;
      display: flex;
      grid-gap: 10px;
    }

.matter-iot-list input[type="checkbox"] {
    display: inline-block;
  }

.contact-us-form-lead #story {
    grid-column: 1/-1;
  }

.contact-us-form-lead .horizontal #subRegion {
    grid-column: 2/3;
  }

.contact-us-form-lead .privacy-policy {
    max-width: 480px;
    margin: 0 auto;
    margin-top: 30px;
  }

.contact-us-form-lead .privacy-policy h6 {
      font-size: 16px;
      line-height: 24px;
    }

.contact-us-form-lead .privacy-policy &gt; * {
      font-family: 'Roboto-Light', 'Open Sans', sans-serif;
      font-weight: 350;
    }

.form-lead-band {
  width: 100%;
  border: 1px solid #707070;
  background-color: #2f2a2b7f;
  padding: 80px 0;
  box-sizing: border-box;
}

.form-lead-band .InputForm {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 60%;
    gap: 30px;
    margin: auto;
  }

.form-lead-band .InputForm &gt; div {
      width: 100%;
      display: flex;
      position: relative;
    }

.form-lead-band .InputForm &gt; div .error {
        display: none;
        background: #df3939;
        position: absolute;
        right: 10px;
        top: 0;
        padding: 4px 15px;
        border-radius: 4px;
        bottom: 0;
        margin: auto;
        height: 28px;
        line-height: 28px;
      }

.form-lead-band .InputForm &gt; div .text-field {
        border: none;
        width: 100%;
        display: flex;
        padding: 10px 20px;
        background-color: #ffffff;
        color: black;
        max-width: 100%;
        border-radius: 0;
        margin: 0px;
      }

.form-lead-band .InputForm &gt; .validationInput.showError .error {
      display: block;
    }

.form-lead-band .InterestForm {
    display: flex;
    justify-content: center;
    margin-top: 50px;
  }

.form-lead-band .InterestForm .btn {
      border-radius: 0px;
      padding: 10px 20px;
      min-width: 150px;
      font-weight: 600;
      font-size: 16px;
      border: 2px solid;
      background-color: transparent;
      border-image-slice: 1;
      color: rgba(0, 255, 147, 1);
      border-image-source: Linear-gradient(
        90deg,
        rgba(0, 255, 147, 1) 0%,
        rgba(152, 31, 255, 1) 50%,
        rgba(255, 101, 98, 1) 100%
      );
    }

.form-lead-band .d-flex {
    display: flex;
  }

.form-lead-band .just-center {
    justify-content: center;
  }

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

.form-lead-band {
    min-width: 100%
}
  }

.success-message {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: rgb(0, 255, 147);
  margin: 100px 0;
  font-weight: 100;
  display: none;
  text-align: center;
}

.success-message span {
    font-family: Courier;
    font-size: 76px;
  }

.show {
  display: flex !important;
}

.four-text-section {
  margin-right: auto;
  margin-left: auto;
}

.four-text-section .rich-text &gt; h3 {
    }

.gated-lead-form {
  text-align: center;
}

.gated-lead-form #lead-form-fields {
    display: inline-flex;
    flex-direction: column;
  }

.gated-lead-form #lead-form-fields .heading {
      align-self: center;
    }

.gated-lead-form #lead-form-fields .lead-form--input {
      display: inline-flex;
      flex-direction: column;
      margin-bottom: 30px;
    }

.gated-lead-form #lead-form-fields .lead-form--input #email {
        max-width: 500px;
        width: calc(100% - 100px);
        border-radius: 20px;
        margin: auto 0;
        align-self: center;
      }

.gated-lead-form #lead-form-fields .lead-form--input #email-error {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
      }

.gated-lead-form #lead-form-fields button {
      align-self: center;
      max-width: max-content;
    }

@media (max-width: 430px) {
  .digicert-footer .footer-digicert {
    margin: 0 6.95% !important;
  }
}

@media (min-width: 430px) and (max-width: 768px) {
  .digicert-footer .footer-digicert {
    margin: 0 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .digicert-footer .footer-digicert {
    margin: 0 70px !important;
  }
}

.footer-label {font-family: 'Roboto-Bold', sans-serif;font-stretch: normal;
}

.digicert-footer {
  background: #fff;
  padding: 80px 0 60px;
}

.digicert-footer .closeVideoPlayer {
    font-weight: 200 !important;
    color: #fff;
    cursor: pointer;
  }

.digicert-footer .closeVideoPlayer::before {
    display: inline-block;
    content: '\00d7';
  }

.digicert-footer .popupModal iframe {
    width: 100%;
    height: 100%;
    min-width: 630px;
    max-width: 920px;
    min-height: 520px;
  }

.digicert-footer .footer-digicert {
    display: grid;
    max-width: 1230px;
    margin: 0 auto;
  }

.digicert-footer .footer-digicert ul#aboutus-text li.aboutus-text {
          display: grid;
          grid-row-gap: 30px;
        }

.digicert-footer .footer-digicert ul#aboutus-text li.aboutus-text p {
            font-size: 14px;
            line-height: 22px;
          }

.digicert-footer .footer-digicert ul#aboutus-text li.aboutus-text p &gt; *:last-child {
              margin-bottom: 0px;
            }

.digicert-footer .footer-digicert ul#aboutus-text li.aboutus-text p {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.digicert-footer .footer-digicert ul#aboutus-text li.digicert-seal {
          margin-top: 40px;
        }

.digicert-footer .footer-digicert ul#aboutus-text li.digicert-seal div &gt; div object {
              text-align: left !important;
              margin: unset !important;
            }

.digicert-footer .footer-digicert ul#aboutus-text li.socialMedia {
          margin-top: auto;
        }

.digicert-footer .footer-digicert ul#aboutus-text li.socialMedia &gt; div {
            margin-right: 15px;
          }

.digicert-footer .footer-digicert ul#aboutus-text li.socialMedia &gt; div a &gt; img {
              height: 30px;
              width: 30px;
            }

.digicert-footer .footer-digicert ul#copyright {
        border-top: 1px solid #abb6bf;
      }

.digicert-footer .footer-digicert ul#copyright li {
          margin-top: 40px;
        }

.digicert-footer .footer-digicert ul#copyright li &gt; * {
            font-size: 14px;
            color: #353535;
            margin: 0;
          }

.digicert-footer .footer-digicert ul#copyright li a {
            cursor: pointer;
          }

@media (max-width: 1024px) {
  .footer-digicert {
    margin: 0 30px;
  }
      .footer-digicert ul#aboutus-text {
        max-width: 350px;
      }

        .footer-digicert ul#aboutus-text li.socialMedia {
          display: none;
        }
        .footer-digicert ul#footer-menu &gt; li {
          display: grid;
          grid-template-columns: auto max-content;
          border-top: 1px solid #abb6bf;
          padding: 30px 0px;
        }

          .footer-digicert ul#footer-menu &gt; li .footer-label {
            margin: 0px;
          }

          .footer-digicert ul#footer-menu &gt; li i.arrow-updated {
            padding: 3px;
          }

            .footer-digicert ul#footer-menu &gt; li i.arrow-updated.down {
              margin-top: 4px;
            }

            .footer-digicert ul#footer-menu &gt; li i.arrow-updated.up {
              margin-top: 10px;
            }

          .footer-digicert ul#footer-menu &gt; li:last-child {
            border-bottom: 1px solid #abb6bf;
          }

          .footer-digicert ul#footer-menu &gt; li .sub-menu {
            display: none;
            grid-gap: 20px;
            margin-top: 20px;
          }
            .footer-digicert ul#footer-menu &gt; li.active .sub-menu {
              display: grid;
            }
        .footer-digicert ul#mobile-socialMedia li {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(50px, max-content));
          grid-gap: 20px;
          padding: 40px 0px;
        }
        .footer-digicert ul#copyright li {
          display: grid;
          grid-gap: 15px;
        }
}

@media only screen and (min-width: 1025px) {
  .footer-digicert {
    grid-template-columns: 230px 4fr;
    column-gap: 5.11%;
    row-gap: 40px;
  }
      .footer-digicert ul#aboutus-text {
        display: grid;
        grid-row-gap: 40px;
      }

        .footer-digicert ul#aboutus-text &gt; * {
          margin: 0;
        }

        .footer-digicert ul#aboutus-text li.socialMedia {
          display: grid;
          grid-template-columns: repeat(auto-fill, minmax(30px, 30px));
          grid-gap: 15px;
        }

          .footer-digicert ul#aboutus-text li.socialMedia img {
            width: 30px;
            vertical-align: bottom;
          }

      .footer-digicert ul#footer-menu {
        display: flex;
        margin-top: 4px;
        justify-content: center;
      }

        .footer-digicert ul#footer-menu i.arrow-updated {
          display: none;
        }

        .footer-digicert ul#footer-menu &gt; li {
          font-size: 14px;
          line-height: 1.333;
          max-width: 170px;
          flex: 1 1 0px;
        }

          .footer-digicert ul#footer-menu &gt; li a {
            color: inherit;
          }

          .footer-digicert ul#footer-menu &gt; li:not(:last-child) {
            margin-right: 30px;
          }

          .footer-digicert ul#footer-menu &gt; li .footer-label {
            margin-bottom: 30px;
            margin-top: -5px;
          }

          .footer-digicert ul#footer-menu &gt; li .sub-menu {
            display: grid;
            grid-gap: 30px;
          }

          .footer-digicert ul#footer-menu &gt; li {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
	}

      .footer-digicert ul#mobile-socialMedia {
        display: none;
      }

      .footer-digicert ul#copyright {
        grid-column: 1/3;
      }

        .footer-digicert ul#copyright li {
          display: flex;
          justify-content: center;
        }

          .footer-digicert ul#copyright li &gt; * {
            line-height: 1;
          }

            .footer-digicert ul#copyright li &gt; *:not(:last-child)::after {
              content: '|';
              margin-left: 12px;
              margin-right: 12px;
            }
}

.geotrust-body .footer {
  background-color: #f37121;
  padding-top: 30px;
}

@media (max-width: 1024px) {

.geotrust-body .footer {
    margin-top: 40px
}
  }

.geotrust-body .footer .footer-geotrust {
    background: #1a75bb;
    margin-top: 0px;
  }

.geotrust-body .footer .footer-content {
    color: #fff;
  }

.geotrust-body .footer .footer-content, .digicert-body .footer .footer-content {
      display: grid;
      grid-gap: 30px;
      max-width: 1370px;
      margin: 0px auto;
    }

.geotrust-body .footer .footer-content .section-1, .digicert-body .footer .footer-content .section-1 {
        max-width: 370px;
      }

.geotrust-body .footer .footer-content .section-1 ul, .digicert-body .footer .footer-content .section-1 ul {
          display: grid;
          grid-template-columns: auto;
          grid-gap: 40px;
        }

.geotrust-body .footer .footer-content ul, .digicert-body .footer .footer-content ul {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.125;
        text-align: left;
      }

.geotrust-body .footer .footer-content ul li.digicert-seal div &gt; div object, .digicert-body .footer .footer-content ul li.digicert-seal div &gt; div object {
              text-align: left !important;
              margin: unset !important;
            }

.geotrust-body .footer .footer-content ul li.aboutus-text p, .geotrust-body .footer .footer-content ul li.copyright-text p, .digicert-body .footer .footer-content ul li.aboutus-text p, .digicert-body .footer .footer-content ul li.copyright-text p {
            font-size: 12px;
            line-height: 1.33;
          }

.geotrust-body .footer .footer-content ul li.aboutus-text &gt; *:last-child, .geotrust-body .footer .footer-content ul li.copyright-text &gt; *:last-child, .digicert-body .footer .footer-content ul li.aboutus-text &gt; *:last-child, .digicert-body .footer .footer-content ul li.copyright-text &gt; *:last-child {
            margin-bottom: 0px;
          }

.geotrust-body .footer .footer-content ul li.aboutus-text h6, .digicert-body .footer .footer-content ul li.aboutus-text h6 {
          margin-bottom: 10px;
          font-size: 14px;
        }

.geotrust-body .footer .footer-content ul li.socialMedia, .digicert-body .footer .footer-content ul li.socialMedia {
          display: flex;
        }

.geotrust-body .footer .footer-content ul li.socialMedia &gt; div, .digicert-body .footer .footer-content ul li.socialMedia &gt; div {
            margin-right: 20px;
          }

.geotrust-body .footer .footer-content ul#footer-menu, .digicert-body .footer .footer-content ul#footer-menu {
        display: flex;
        line-height: 1.4;
      }

.geotrust-body .footer .footer-content ul#footer-menu &gt; li, .digicert-body .footer .footer-content ul#footer-menu &gt; li {
          margin-right: 30px;
          max-width: 90px;
        }

.geotrust-body .footer .footer-content ul#footer-menu &gt; li:last-child, .digicert-body .footer .footer-content ul#footer-menu &gt; li:last-child {
            margin-right: 0px;
          }

.geotrust-body .footer .footer-content ul#footer-menu li .footer-label, .digicert-body .footer .footer-content ul#footer-menu li .footer-label {
            margin-bottom: 30px;
            font-size: 14px;
          }

.geotrust-body .footer .footer-content ul#footer-menu li ul, .digicert-body .footer .footer-content ul#footer-menu li ul {
            display: grid;
            grid-gap: 20px;
            font-size: 12px;
            line-height: 1.333;
          }

.geotrust-body .footer .footer-content ul#footer-menu li ul li, .digicert-body .footer .footer-content ul#footer-menu li ul li {
              margin-top: -3px;
              margin-bottom: -4px;
            }

.geotrust-body .footer .footer-content ul#footer-menu li ul li a, .digicert-body .footer .footer-content ul#footer-menu li ul li a {
                color: white;
              }

.geotrust-body .footer .footer-content ul#footer-menu li ul, .digicert-body .footer .footer-content ul#footer-menu li ul {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

@media only screen and (max-width: 430px) {
      .geotrust-body .footer-geotrust .mobile-footer-content, .digicert-body .footer-geotrust .mobile-footer-content {
        background: #1a75bb;
      }
      .geotrust-body .footer .mobile-footer-content, .digicert-body .footer .mobile-footer-content {
        grid-template-columns: 1fr;
        padding: 30px 30px;
        color: #fff;
        display: grid !important;
        width: calc(100% - 60px);
      }
        .geotrust-body .footer .mobile-footer-content .section-1,
        .geotrust-body .footer .mobile-footer-content .section-2,
        .digicert-body .footer .mobile-footer-content .section-1,
        .digicert-body .footer .mobile-footer-content .section-2 {
          width: 80%;
        }

        .geotrust-body .footer .mobile-footer-content .section-1, .digicert-body .footer .mobile-footer-content .section-1 {
          margin-top: 60px;
          max-width: 85%;
        }
                .geotrust-body .footer .mobile-footer-content .section-1 ul &gt; li.digicert-seal div &gt; div object, .digicert-body .footer .mobile-footer-content .section-1 ul &gt; li.digicert-seal div &gt; div object {
                  text-align: left !important;
                  margin: unset !important;
                }

            .geotrust-body .footer .mobile-footer-content .section-1 ul &gt; li:last-child, .digicert-body .footer .mobile-footer-content .section-1 ul &gt; li:last-child {
              margin-bottom: 30px;
            }

            .geotrust-body .footer .mobile-footer-content .section-1 ul &gt; li h6, .digicert-body .footer .mobile-footer-content .section-1 ul &gt; li h6 {
              font-size: 16px;
              line-height: 1.125;
              text-align: left;font-family: 'Roboto-Bold', sans-serif;font-stretch: normal;
            }

            .geotrust-body .footer .mobile-footer-content .section-1 ul &gt; li p, .digicert-body .footer .mobile-footer-content .section-1 ul &gt; li p {
              font-size: 12px;
              line-height: 1.33;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
            }

            .geotrust-body .footer .mobile-footer-content .section-1 ul &gt; li ul, .digicert-body .footer .mobile-footer-content .section-1 ul &gt; li ul {
              display: grid;
              grid-gap: 20px;
              font-size: 12px;
              line-height: 1.333;
            }
                .geotrust-body .footer .mobile-footer-content .section-1 ul &gt; li ul li a, .digicert-body .footer .mobile-footer-content .section-1 ul &gt; li ul li a {
                  color: white;
                }

              .geotrust-body .footer .mobile-footer-content .section-1 ul &gt; li ul, .digicert-body .footer .mobile-footer-content .section-1 ul &gt; li ul {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
	}

      .geotrust-body .footer .footer-content, .digicert-body .footer .footer-content {
        display: none;
      }

    .geotrust-body li.aboutus-text, .digicert-body li.aboutus-text {
      margin-bottom: 30px;
    }

    .geotrust-body li.copyright-text, .digicert-body li.copyright-text {
      margin-bottom: 60px;
    }

    .geotrust-body li.socialMedia, .digicert-body li.socialMedia {
      display: flex;
      margin-bottom: 30px;
    }

      .geotrust-body li.socialMedia &gt; div, .digicert-body li.socialMedia &gt; div {
        margin-right: 20px;
      }
  }

@media only screen and (min-width: 430px) and (max-width: 768px) {
    .geotrust-body .footer-geotrust, .digicert-body .footer-geotrust {
      padding: 20px 0;
      margin-top: 60px;
    }

      .geotrust-body .footer-geotrust .footer-content, .digicert-body .footer-geotrust .footer-content {
        margin: 80px 30px;
      }
  }

@media (max-width: 768px) {
            .geotrust-body .footer-geotrust .footer-content ul li.section-2-item ul, .digicert-body .footer-geotrust .footer-content ul li.section-2-item ul {
              grid-gap: 0px;
            }

            .geotrust-body .footer-geotrust .footer-content ul li.section-2-item ul#footer-menu, .digicert-body .footer-geotrust .footer-content ul li.section-2-item ul#footer-menu {
              justify-content: center;
            }
                .geotrust-body .footer-geotrust .footer-content ul li.section-2-item ul#footer-menu ul *:last-child, .digicert-body .footer-geotrust .footer-content ul li.section-2-item ul#footer-menu ul *:last-child {
                  margin-bottom: 0px;
                }
  }

@media only screen and (min-width: 768px) and (max-width: 1269px) {
    .geotrust-body .footer-geotrust, .digicert-body .footer-geotrust {
      padding: 0 0 60px 0;
    }

      .geotrust-body .footer-geotrust .footer-content, .digicert-body .footer-geotrust .footer-content {
        grid-template-columns: auto auto;
        margin-left: 30px;
        margin-right: 30px;
      }

        .geotrust-body .footer-geotrust .footer-content .section-1,
        .geotrust-body .footer-geotrust .footer-content .section-2,
        .digicert-body .footer-geotrust .footer-content .section-1,
        .digicert-body .footer-geotrust .footer-content .section-2 {
          margin-top: 60px;
        }

        .geotrust-body .footer-geotrust .footer-content .section-1,
        .geotrust-body .footer-geotrust .footer-content .section-2,
        .digicert-body .footer-geotrust .footer-content .section-1,
        .digicert-body .footer-geotrust .footer-content .section-2 {
          width: 100%;
        }

    .geotrust-body .footer-content ul li.section-2-item ul#footer-menu, .digicert-body .footer-content ul li.section-2-item ul#footer-menu {
      flex-direction: column;
    }

    .geotrust-body .footer-content section-1 ul &gt; li &gt; #footer-menu &gt; li, .digicert-body .footer-content section-1 ul &gt; li &gt; #footer-menu &gt; li {
      width: max-content;
      max-width: unset;
      margin-bottom: 30px;
    }

    .geotrust-body .footer-content section-1 ul &gt; li.copyright-text, .digicert-body .footer-content section-1 ul &gt; li.copyright-text {
      margin-bottom: 60px;
    }
  }

@media (min-width: 750px) {
    .geotrust-body .footer-content ul#footer-menu, .digicert-body .footer-content ul#footer-menu {
      margin-bottom: 40px;
    }
  }

@media (min-width: 1270px) {
    .geotrust-body .footer-content ul#footer-menu, .digicert-body .footer-content ul#footer-menu {
      margin-bottom: unset;
    }

    .geotrust-body .footer-geotrust, .digicert-body .footer-geotrust {
      margin-top: 60px;
    }

      .geotrust-body .footer-geotrust .footer-content, .digicert-body .footer-geotrust .footer-content {
        grid-template-columns: repeat(14, 70px);
        padding: 80px 0px;
      }

        .geotrust-body .footer-geotrust .footer-content .section-1, .digicert-body .footer-geotrust .footer-content .section-1 {
          grid-column: 2/9;
        }

        .geotrust-body .footer-geotrust .footer-content .section-2, .digicert-body .footer-geotrust .footer-content .section-2 {
          grid-column: 9/13;
          margin: 0 -30px;
        }
  }

.digicert-body .global-header, .digicert-body .header {
    color: #000000;
  }

.digicert-body .global-header header, .digicert-body .header header {
      height: 80px;
    }

.digicert-body .global-header__logo a img, .digicert-body .header__logo a img {
          height: 33px;
          width: 124px;
          margin-left: -4px;
        }

.digicert-body .global-header .navigation__primary, .digicert-body .header .navigation__primary {
      top: 80px;
    }

.digicert-body .global-header .header__secondary-nav-content, .digicert-body .header .header__secondary-nav-content {
      top: 80px;
    }

.digicert-body .global-header .header__secondary-nav-content .cmp-navigation__item-link, .digicert-body .header .header__secondary-nav-content .cmp-navigation__item-link {
        color: #000000;position: relative;padding-bottom: 5px;
      }

.digicert-body .global-header .header__secondary-nav-content .cmp-navigation__item-link:hover:after, .digicert-body .header .header__secondary-nav-content .cmp-navigation__item-link:hover:after {
      width: 100%;
    }

.digicert-body .global-header .header__secondary-nav-content .cmp-navigation__item-link:after, .digicert-body .header .header__secondary-nav-content .cmp-navigation__item-link:after {
    display: block;
    content: ' ';
    width: 0%;
    transition: all 0.3s ease-in-out;
    height: 2px;
    background: #0f9dff;
    position: absolute;
    left: 0;
    bottom: 0;
  }

.digicert-body .global-header .search-form__input input, .digicert-body .header .search-form__input input {font-family: 'Roboto-Bold', sans-serif;font-stretch: normal;
        }

.digicert-body .global-header .contactList .contactNo,
      .digicert-body .global-header .contactList .toll-free,
      .digicert-body .header .contactList .contactNo,
      .digicert-body .header .contactList .toll-free {position: relative;padding-bottom: 5px;
      }

.digicert-body .global-header .contactList .contactNo:hover:after, .digicert-body .global-header .contactList .toll-free:hover:after, .digicert-body .header .contactList .contactNo:hover:after, .digicert-body .header .contactList .toll-free:hover:after {
      width: 100%;
    }

.digicert-body .global-header .contactList .contactNo:after, .digicert-body .global-header .contactList .toll-free:after, .digicert-body .header .contactList .contactNo:after, .digicert-body .header .contactList .toll-free:after {
    display: block;
    content: ' ';
    width: 0%;
    transition: all 0.3s ease-in-out;
    height: 2px;
    background: #0f9dff;
    position: absolute;
    left: 0;
    bottom: 0;
  }

.geotrust-body .global-header, .geotrust-body .header {
    position: fixed;
  }

.geotrust-body .global-header header, .geotrust-body .header header {
      height: 120px;
    }

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

.geotrust-body .global-header header, .geotrust-body .header header {
        height: 80px
    }
      }

.geotrust-body .global-header__logo img, .geotrust-body .header__logo img {
        height: 60px;
        width: 150px;
      }

.geotrust-body .global-header .navigation__primary, .geotrust-body .header .navigation__primary {
      top: 120px;
    }

.geotrust-body .global-header .navigation__secondary #language .cmp-navigation__group, .geotrust-body .header .navigation__secondary #language .cmp-navigation__group {
      flex-direction: column;
    }

.geotrust-body .global-header .header__secondary-nav-content, .geotrust-body .header .header__secondary-nav-content {
      top: 120px;
    }

.geotrust-body .global-header .header__secondary-nav-content .cmp-navigation__item-link, .geotrust-body .header .header__secondary-nav-content .cmp-navigation__item-link {
        color: #575757;position: relative;padding-bottom: 5px;
      }

.geotrust-body .global-header .header__secondary-nav-content .cmp-navigation__item-link:after, .geotrust-body .header .header__secondary-nav-content .cmp-navigation__item-link:after {
    display: block;
    content: ' ';
    width: 0%;
    transition: all 0.3s ease-in-out;
    height: 2px;
    background: #f37121;
    position: absolute;
    left: 0;
    bottom: 0;
  };

.geotrust-body .global-header .header__secondary-nav-content .cmp-navigation__item-link:hover:after, .geotrust-body .header .header__secondary-nav-content .cmp-navigation__item-link:hover:after {
      width: 100%;
    }

.geotrust-body .global-header .search-form__input input, .geotrust-body .header .search-form__input input {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
        }

.geotrust-body .global-header .contactList .contactNo,
      .geotrust-body .global-header .contactList .toll-free,
      .geotrust-body .header .contactList .contactNo,
      .geotrust-body .header .contactList .toll-free {position: relative;padding-bottom: 5px;
      }

.geotrust-body .global-header .contactList .contactNo:after, .geotrust-body .global-header .contactList .toll-free:after, .geotrust-body .header .contactList .contactNo:after, .geotrust-body .header .contactList .toll-free:after {
    display: block;
    content: ' ';
    width: 0%;
    transition: all 0.3s ease-in-out;
    height: 2px;
    background: #f37121;
    position: absolute;
    left: 0;
    bottom: 0;
  };

.geotrust-body .global-header .contactList .contactNo:hover:after, .geotrust-body .global-header .contactList .toll-free:hover:after, .geotrust-body .header .contactList .contactNo:hover:after, .geotrust-body .header .contactList .toll-free:hover:after {
      width: 100%;
    }

.geotrust-body .global-header .cmp-button-primary, .geotrust-body .header .cmp-button-primary {
      color: #0f9dff;
      border: 2px solid #0f9dff;
    }

.geotrust-body .global-header .header-helpers__dismiss, .geotrust-body .header .header-helpers__dismiss {
        background: #fff;
      }

.geotrust-body .global-header .header-helpers__backdrop, .geotrust-body .header .header-helpers__backdrop {
        top: 120px;
      }

header .cmp-navigation .nav-container #liveagent_chatbtns,
header #rightNavLiveAgent {
  margin-top: 10px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  header .cmp-navigation .nav-container #liveagent_chatbtns,
  header #rightNavLiveAgent {
    display: grid;
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .quicklinks-list {
    display: none;
  }
}

@media (min-width: 768px) {
  header .cmp-navigation .nav-container #liveagent_chatbtns,
  header #rightNavLiveAgent {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px 30px;
  }

  header .cmp-navigation .nav-container #liveagent_chatbtns &gt; a,
  header #rightNavLiveAgent &gt; a {
    flex: unset !important;
    margin: 0;
  }
}

.ie-navitem {
  display: none;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .ie-navitem {
    display: inline;
  }
}

.geotrust-body .header .quicklinks-list, .digicert-body .header .quicklinks-list {
      display: none;
    }

.geotrust-body .header, .digicert-body .header {

    background: #fff;
}

.geotrust-body .header, .digicert-body .header {

    width: 100%;
    z-index: 1010;
    display: flex;
    justify-content: center;
}

.geotrust-body .header.fixed, .digicert-body .header.fixed {
      width: 100%;
      z-index: 1001;
      position: fixed;
    }

.geotrust-body .header *,
    .geotrust-body .header *:before,
    .geotrust-body .header *:after,
    .digicert-body .header *,
    .digicert-body .header *:before,
    .digicert-body .header *:after {
      box-sizing: border-box;
    }

.geotrust-body .header header, .digicert-body .header header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 7.5%;
      box-sizing: content-box;
      max-width: 1230px;
      width: 100%;
    }

.geotrust-body .header__logo, .digicert-body .header__logo {
      outline: none;
    }

.geotrust-body .header__logo .site-branding, .digicert-body .header__logo .site-branding {
        outline: none;
      }

.geotrust-body .header__logo a, .digicert-body .header__logo a {
        display: flex;
        align-items: center;
        justify-content: center;
        outline: none;
      }

.geotrust-body .header__logo a img, .digicert-body .header__logo a img {
          outline: none;
        }

.geotrust-body .header__navigation, .digicert-body .header__navigation {
      flex-grow: 1;
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }

.geotrust-body .header .navigation__primary, .digicert-body .header .navigation__primary {
      display: none;
      border-top: 1px solid #abb6bf;
      position: absolute;
      z-index: 1000;
      background: #fff;
      width: 100%;
      left: 0;
      padding: 20px 7.5% 30px;
    }

.geotrust-body .header .navigation__primary img.hamburger, .digicert-body .header .navigation__primary img.hamburger {
        display: none;
      }

.geotrust-body .header .navigation__secondary, .digicert-body .header .navigation__secondary {
      display: flex;
      margin-left: 40px;
      gap: 15px;
    }

.geotrust-body .header .navigation__secondary #language .header__secondary-nav-content--language .heading, .digicert-body .header .navigation__secondary #language .header__secondary-nav-content--language .heading {
            margin-top: -30px;
          }

.geotrust-body .header .navigation__secondary #contact, .digicert-body .header .navigation__secondary #contact {
        margin-top: 4px;
        width: max-content;
      }

.geotrust-body .header .navigation__secondary #contact a.btn, .digicert-body .header .navigation__secondary #contact a.btn {
          padding: 7px 15px;
        }

.geotrust-body .header .header__secondary-nav-link, .digicert-body .header .header__secondary-nav-link {
      display: inline-block;
      width: 27px;
      height: 27px;
    }

.geotrust-body .header .header__secondary-nav-link--desktop,
    .geotrust-body .header .header__secondary-nav-link--desktop,
    .digicert-body .header .header__secondary-nav-link--desktop,
    .digicert-body .header .header__secondary-nav-link--desktop {
      display: none;
    }

.geotrust-body .header .header__secondary-nav-content, .digicert-body .header .header__secondary-nav-content {
      display: none;
      position: absolute;
      border-top: 1px solid #abb6bf;
      width: 100vw;
      right: 0;
      background: #fff;
      padding: 20px 7.5% 30px;
      z-index: 2000;
    }

.geotrust-body .header .header__secondary-nav-content .cmp-navigation__item-link, .digicert-body .header .header__secondary-nav-content .cmp-navigation__item-link {
        font-weight: 400;
        font-size: 14px;
        position: relative;
        margin: 10px 0 5px;
        display: inline-block;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
      }

.geotrust-body .header .header__secondary-nav-content--search, .digicert-body .header .header__secondary-nav-content--search {
      flex-direction: column;
      align-items: center;
      padding: 40px 7.5%;
      padding-bottom: 40%;
      height: max-content !important;
      min-height: max-content !important;
      max-height: 30rem !important;
    }

.geotrust-body .header .header__secondary-nav-content--search.active, .digicert-body .header .header__secondary-nav-content--search.active {
        display: block;
        overflow: hidden;
        clear: both;
      }

.geotrust-body .header .header__secondary-nav-content--search div, .digicert-body .header .header__secondary-nav-content--search div {
        clear: both;
        height: min-content;
        overflow: visible;
      }

.geotrust-body .header h2, .digicert-body .header h2 {
      margin-top: 0;
      margin-bottom: 20px;
    }

.geotrust-body .header .cmp-Button-primary-blue, .digicert-body .header .cmp-Button-primary-blue {
      height: auto;
    }

.geotrust-body .header .cmp-Button-primary-blue a, .digicert-body .header .cmp-Button-primary-blue a {
        line-height: inherit;
      }

.geotrust-body .header .search-form, .digicert-body .header .search-form {
      width: 100%;
      max-width: 1230px;
      margin: 0 auto;
      display: flex;
      align-items: center;
    }

.geotrust-body .header .search-form__icon, .digicert-body .header .search-form__icon {
        display: block;
        rotate: 90deg;
      }

.geotrust-body .header .search-form__input, .digicert-body .header .search-form__input {
        flex-grow: 1;
        margin-left: 20px;
      }

.geotrust-body .header .search-form__input input, .digicert-body .header .search-form__input input {
          width: 100%;
          max-width: 100%;
          height: 1.2em;
          font-size: 2em;
          line-height: 1;
          text-transform: uppercase;
          padding: 3px 0;
          margin: 0;
          border: 0;
          border-bottom: 1px solid #abb6bf;
          border-radius: 0;
        }

.geotrust-body .header .search-form__input input::placeholder, .digicert-body .header .search-form__input input::placeholder {
            padding: 3px;
            color: #d2dce3;
            letter-spacing: 1px;
          }

.geotrust-body .header .contactList, .digicert-body .header .contactList {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-column-gap: 30px;
      grid-row-gap: 0;
    }

.geotrust-body .header .contactList .location, .digicert-body .header .contactList .location {
        font-size: 14px;
        line-height: 1;
        margin: 14px 0;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
      }

.geotrust-body .header .contactList .contactNo,
      .geotrust-body .header .contactList .toll-free,
      .digicert-body .header .contactList .contactNo,
      .digicert-body .header .contactList .toll-free {
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        margin: 14px 0 11px;
        display: inline-block;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
      }

.geotrust-body .header .button-Container, .digicert-body .header .button-Container {
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      grid-column-gap: 0 !important;
    }

.geotrust-body .header .button-Container &gt; div, .digicert-body .header .button-Container &gt; div {
        margin: 15px 0;
      }

.geotrust-body .header .cmp-button-primary,
    .geotrust-body .header .cmp-button-primary-offline,
    .digicert-body .header .cmp-button-primary,
    .digicert-body .header .cmp-button-primary-offline {
      margin: 25px 0;
      text-transform: uppercase;
    }

.geotrust-body .header .cmp-button-primary-offline, .digicert-body .header .cmp-button-primary-offline {
      min-width: 201px;
      max-width: -webkit-fit-content;
      max-width: -moz-fit-content;
      max-width: fit-content;
      height: 38px;
      line-height: 36px;
      text-align: center;
      font-weight: 700;
      border-radius: 30px;
      color: grey;
      cursor: auto;
      border: 2px solid grey;
    }

body:not(#authorMode) .header_helper,
    body:not(#authorMode) .header--helper {
      display: none;
      position: fixed;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1000;
      background-color: #bcc5cc;
      opacity: 0.7;
    }

.header-helpers__dismiss {
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: #0f9dff-dark;
    opacity: 0;
    transition: opacity 0.3s ease;
    cursor: pointer;
  }

.header-helpers__dismiss.active {
      z-index: 1000;
      opacity: 0.75;
    }

.header-helpers__backdrop {
    transition: all 0.2s ease;
    position: absolute;
    overflow: hidden;
    right: 0;
    display: none;
    top: 80px;
    background: #fff;
    height: 600px;
    width: 100%;
    z-index: 1000;
    min-height: 600px;
    visibility: hidden;
    opacity: 0;
    border-top: 1px solid #abb6bf;
  }

.header-helpers__backdrop[data-layout='search'] {
      height: 80px * 3;
      min-height: 80px * 3;
    }

.header-helpers__backdrop[data-layout='search']:after {
        display: none;
      }

.header-helpers__backdrop[data-layout='half'] {
      width: 50%;
    }

.header-helpers__backdrop[data-layout='half']:after {
        display: none;
      }

.header-helpers__backdrop[data-layout='support-header']:after {
        left: -50%;
        right: auto;
      }

.header-helpers__backdrop.fixed {
      position: fixed;
    }

.header-helpers__backdrop.active {
      visibility: visible;
      opacity: 1;
    }

.header-helpers__backdrop:after {
      content: ' ';
      display: block;
      position: absolute;
      right: -50%;
      top: 0;
      background: #fff-alt;
      height: 100%;
      width: 100%;
      z-index: 30;
    }

.customheader .site_logo img {
  max-width: 124px;
}

.customheader {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  height: 80px;
  align-content: center;
}

.customheader .site_logo {
  width: 124px;
}

.customheader li.contact-us a {
  display: block;
  box-sizing: border-box;
}

.experiencefragment #NewNavigationHeader {
  display: none;
}

body[data-lang='en-US'] .experiencefragment #NewNavigationHeader {
      display: block;
    }

body[data-lang='en-US'] .experiencefragment #OldNavigationHeader {
      display: none;
    }

.global-header--v1,
.header-v1 {
  background-color: #fff;
  z-index: 10001;
  width: 100%;
}

.global-header--v1 header, .header-v1 header {
    display: flex;
    max-width: 1230px;
    width: 100%;
    margin: 0 auto;
    height: 80px;
    align-items: center;
    -moz-box-align: center;
    position: relative;
  }

.global-header--v1 header .site_logo img, .header-v1 header .site_logo img {
      width: 124px;
      height: 33px;
      max-width: 100%;
    }

.global-header--v1 .close, .header-v1 .close {
    right: 0;
    top: 40px;
    width: 25px;
  }

.global-header--v1 .close,
  .global-header--v1 .close:before,
  .global-header--v1 .close:after,
  .header-v1 .close,
  .header-v1 .close:before,
  .header-v1 .close:after {
    position: absolute;
    cursor: pointer;
    height: 25px;
  }

.global-header--v1 .close:hover:before,
    .global-header--v1 .close:hover:after,
    .header-v1 .close:hover:before,
    .header-v1 .close:hover:after {
      background-color: #0174c3;
    }

.global-header--v1 .close:before,
  .global-header--v1 .close:after,
  .header-v1 .close:before,
  .header-v1 .close:after {
    left: 15px;
    content: ' ';
    width: 2px;
    background-color: #abb6bf;
  }

.global-header--v1 .close:before, .header-v1 .close:before {
    transform: rotate(45deg);
  }

.global-header--v1 .close:after, .header-v1 .close:after {
    transform: rotate(-45deg);
  }

.global-header--v1 .txt-u-animate:after, .header-v1 .txt-u-animate:after {
      width: 0;
    }

.global-header--v1 .txt-u-animate:hover:after, .header-v1 .txt-u-animate:hover:after {
        width: 100%;
      }

body.digicert-body .global-header--v1, body.digicert-body .header-v1 {
    position: fixed;
  }

.global-header--v1 .primary_navigation__sections, .header-v1 .primary_navigation__sections {
    position: relative;
    z-index: 100001;
  }

.global-header--v1 .primary_navigation__sections:not(.authorMode) .navigation_sections:not(.active), .header-v1 .primary_navigation__sections:not(.authorMode) .navigation_sections:not(.active) {
        display: none;
      }

.global-header--v1 .primary_navigation__sections .navigation_sections, .header-v1 .primary_navigation__sections .navigation_sections {
      border-top: 1px solid #abb6bf;
    }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div, .header-v1 .primary_navigation__sections .navigation_sections &gt; div {
        max-width: 1370px;
        margin: 0 auto;
        display: grid;
        width: 100%;
        position: relative;
      }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one {
          padding-top: 36px;
          padding-bottom: 36px;
          padding-right: 30px;
          background-color: #fff;
        }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul {
            display: grid;
          }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul a, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul a {
              padding-bottom: 6px;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul li,
            .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul a,
            .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul li,
            .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul a {
              color: #353535;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul ul, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul ul {
              margin-top: 16px;
              margin-bottom: -6px;
              grid-gap: 17px;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul li[data-addlinebreaker='true']::after, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul li[data-addlinebreaker='true']::after {
              content: ' ';
              display: block;
              border-bottom: 1px solid #abb6bf;
              width: 80%;
              margin-top: 19px;
              margin-bottom: 5px;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul:not(.superParent) li.addBuyBtn, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul:not(.superParent) li.addBuyBtn {
              margin-top: -11px;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul.superParent li.addBuyBtn, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul.superParent li.addBuyBtn {
              margin-top: -5px;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul li.addBuyBtn, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul li.addBuyBtn {
              display: grid;
              align-items: center;
              grid-auto-flow: column;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul li.addBuyBtn a.btn.buy, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul li.addBuyBtn a.btn.buy {
                color: #0f9dff;
                padding: 0;
                justify-self: end;
                height: 23px;
                min-width: 75px;
                max-width: max-content;
                font-size: 14px;
                line-height: 22px;
                margin-left: 30px;
                padding: 0 5px;
              }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul li.addBuyBtn a.btn.buy:hover, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one ul li.addBuyBtn a.btn.buy:hover {
                  color: #fff;
                }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one &gt; ul &gt; li, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one &gt; ul &gt; li {
              font-size: 18px;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one &gt; ul &gt; li:not(:last-child), .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one &gt; ul &gt; li:not(:last-child) {
                margin-bottom: 15px;
              }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one &gt; ul &gt; li &gt; ul &gt; li, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one &gt; ul &gt; li &gt; ul &gt; li {
                font-size: 14px;
              }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one &gt; ul &gt; li &gt; ul &gt; li:not(.actasprimary), .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one &gt; ul &gt; li &gt; ul &gt; li:not(.actasprimary) {
                  margin-left: 30px;
                }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one &gt; ul &gt; li &gt; ul &gt; li, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one &gt; ul &gt; li &gt; ul &gt; li {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
}

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one &gt; ul &gt; li, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one &gt; ul &gt; li {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one .mobile__section, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one .mobile__section {
            display: none;
          }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__two, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__two {
          color: #fff;
          background-color: #0174c3;
        }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__two .close:hover:before,
            .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__two .close:hover:after,
            .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__two .close:hover:before,
            .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__two .close:hover:after {
              background-color: #fff;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__two a:not(.btn), .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__two a:not(.btn) {
            color: #fff;
          }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__two h2, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__two h2 {
            font-size: 40px;
            margin-bottom: 30px;
            line-height: 1;
          }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__two li, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__two li {
            font-size: 18px;
          }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__two .two_pt_one &gt; div:not(.default),
          .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__two .two_pt_two &gt; div:not(.default),
          .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__two .two_pt_one &gt; div:not(.default),
          .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__two .two_pt_two &gt; div:not(.default) {
            display: none;
          }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__two .two_pt_two, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__two .two_pt_two {
            background-color: #015a99;
          }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__two .two_pt_two &gt; div, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__two .two_pt_two &gt; div {
              position: relative;
              display: none;
              grid-template-columns: 350px auto;
              grid-gap: 50px;
              z-index: 1;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__two .two_pt_two &gt; div.default, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__two .two_pt_two &gt; div.default {
                display: grid;
              }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__two .two_pt_two a.btn.white.primary:hover, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__two .two_pt_two a.btn.white.primary:hover {
              color: #015a99;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__two .imagePoster, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__two .imagePoster {
            max-width: 100%;
            min-width: 205px;
          }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__two ul.dataList, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__two ul.dataList {
            display: grid;
            grid-gap: 21px;
          }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__two ul.dataList li a, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__two ul.dataList li a {
                padding-bottom: 6px;
                margin-bottom: -6px;
              }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__two ul.dataList li a::after, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__two ul.dataList li a::after {
                  background-color: #fff;
                }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 {
            grid-template-columns: 34.25% auto;
          }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__one, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__one {
              padding-left: 14.92%;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__two, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__two {
              display: grid;
              grid-template-rows: 50% 50%;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__two &gt; div, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__two &gt; div {
                padding: 33px 7.775% 40px;
              }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60 {
            grid-template-columns: 38.7% auto;
          }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60 .section__one, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60 .section__one {
              padding-left: 13.22%;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60 .section__two, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60 .section__two {
              display: grid;
              grid-template-rows: 50% 50%;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60 .section__two &gt; div, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60 .section__two &gt; div {
                padding: 40px 7.775%;
              }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 {
            grid-template-columns: 50% 50%;
          }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one {
              padding-left: 10.22%;
              padding-right: 10.22%;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul {
                display: flex;
                flex-flow: column wrap;
                align-content: space-between;
                height: 580px;
                gap: 0px 30px;
              }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul::before,
                .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul::after,
                .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul::before,
                .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul::after {
                  content: '';
                  width: 0;
                  order: 2;
                }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul &gt; li, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul &gt; li {
                  width: 50%;
                }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul &gt; li:nth-child(odd), .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul &gt; li:nth-child(odd) {
                  order: 1;
                }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul &gt; li:nth-child(even), .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul &gt; li:nth-child(even) {
                  order: 2;
                }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__two, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__two {
              display: grid;
              grid-template-rows: 100%;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__two &gt; div, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__two &gt; div {
                padding: 40px 10.22%;
              }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__two &gt; div.two_pt_two, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__two &gt; div.two_pt_two {
                  display: none;
                }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto {
            grid-template-columns: 28.15% auto;
          }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto .section__one, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto .section__one {
              padding-left: 15.35%;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto .section__two, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto .section__two {
              display: grid;
              grid-template-columns: 50% 50%;
            }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto .section__two &gt; div, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto .section__two &gt; div {
                padding: 40px 14.225%;
              }

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto .section__two .two_pt_two &gt; div, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto .section__two .two_pt_two &gt; div {
                grid-template-columns: auto;
                margin-right: 50px;
              }

.global-header--v1 .primary_navigation__sections i.nav_dismiss, .header-v1 .primary_navigation__sections i.nav_dismiss {
      right: 70px;
    }

.global-header--v1 .primary__navigation, .header-v1 .primary__navigation {
    display: flex;
    flex-grow: 1;
  }

.global-header--v1 .primary__navigation li, .header-v1 .primary__navigation li {
      color: #353535;
      font-size: 18px;
      cursor: pointer;
      margin-left: 5%;
    }

.global-header--v1 .primary__navigation li:hover,
      .global-header--v1 .primary__navigation li.active,
      .header-v1 .primary__navigation li:hover,
      .header-v1 .primary__navigation li.active {
        color: #0174c3;
      }

.global-header--v1 .primary__navigation li:hover .backtotop-arrow, .global-header--v1 .primary__navigation li.active .backtotop-arrow, .header-v1 .primary__navigation li:hover .backtotop-arrow, .header-v1 .primary__navigation li.active .backtotop-arrow {
          margin-bottom: -2px;
          transform: rotate(-495deg);
          color: #0174c3;
          transition-timing-function: ease-in-out;
          transition-duration: 0.1s;
        }

.global-header--v1 .primary__navigation li .backtotop-arrow, .header-v1 .primary__navigation li .backtotop-arrow {
        margin-left: 6px;
      }

.global-header--v1 .primary__navigation li.mobile-nav-item, .header-v1 .primary__navigation li.mobile-nav-item {
        display: none;
      }

.global-header--v1 .primary__navigation li, .header-v1 .primary__navigation li {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.global-header--v1 .secondary_navigation, .header-v1 .secondary_navigation {
    margin: 0 0 0 auto;
  }

.global-header--v1 .secondary_navigation &gt; ul, .header-v1 .secondary_navigation &gt; ul {
      align-items: center;
      display: flex;
      gap: 20px;
    }

.global-header--v1 .secondary_navigation &gt; ul &gt; li, .header-v1 .secondary_navigation &gt; ul &gt; li {
        cursor: pointer;
      }

.global-header--v1 .secondary_navigation &gt; ul &gt; li.mobile-nav-list, .header-v1 .secondary_navigation &gt; ul &gt; li.mobile-nav-list {
          display: none;
        }

.global-header--v1 .secondary_navigation .nav-content, .header-v1 .secondary_navigation .nav-content {
      position: absolute;
      width: 100%;
      left: 0;
      z-index: 1002;
      top: 80px;
    }

.global-header--v1 .secondary_navigation .nav-content &gt; *:not(.active), .header-v1 .secondary_navigation .nav-content &gt; *:not(.active) {
        display: none;
      }

.global-header--v1 .secondary_navigation .nav-content .language-panel,
      .global-header--v1 .secondary_navigation .nav-content .contact-panel,
      .global-header--v1 .secondary_navigation .nav-content .search-panel,
      .header-v1 .secondary_navigation .nav-content .language-panel,
      .header-v1 .secondary_navigation .nav-content .contact-panel,
      .header-v1 .secondary_navigation .nav-content .search-panel {
        border-top: 1px solid #abb6bf;
        background: #fff;
      }

.global-header--v1 .secondary_navigation .nav-content .search-panel, .header-v1 .secondary_navigation .nav-content .search-panel {
        padding: 30px 0px;
      }

.global-header--v1 .secondary_navigation .nav-content .search-panel &gt; div, .header-v1 .secondary_navigation .nav-content .search-panel &gt; div {
          max-width: 1230px;
          margin: 0 auto;
          position: relative;
        }

.global-header--v1 .secondary_navigation .nav-content .search-panel &gt; div form.search-form, .header-v1 .secondary_navigation .nav-content .search-panel &gt; div form.search-form {
            display: flex;
            align-items: center;
          }

.global-header--v1 .secondary_navigation .nav-content .search-panel &gt; div form.search-form i.search__icon, .header-v1 .secondary_navigation .nav-content .search-panel &gt; div form.search-form i.search__icon {
              transform: rotate(90deg);
              display: block;
            }

.global-header--v1 .secondary_navigation .nav-content .search-panel &gt; div form.search-form .search-form__input, .header-v1 .secondary_navigation .nav-content .search-panel &gt; div form.search-form .search-form__input {
              flex-grow: 1;
              margin: 0 60px 0 30px;
            }

.global-header--v1 .secondary_navigation .nav-content .search-panel &gt; div form.search-form i.nav_dismiss, .header-v1 .secondary_navigation .nav-content .search-panel &gt; div form.search-form i.nav_dismiss {
              top: 20px;
            }

.global-header--v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list, .header-v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list {
            padding-top: 20px;
            padding-left: 55px;
            display: block;
          }

.global-header--v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list .title, .header-v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list .title {
              color: #909ca5;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
            }

.global-header--v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list ul, .header-v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list ul {
              display: flex;
              flex-direction: row;
              flex-wrap: wrap;
              padding-top: 10px;
            }

.global-header--v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list ul li, .header-v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list ul li {
                width: 33.33%;
                margin-bottom: 10px;
              }

.global-header--v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list ul li a, .header-v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list ul li a {
                  font-size: 18px;
                  color: #353535;
                  padding-bottom: 6px;font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
                }

.global-header--v1 .secondary_navigation .nav-content .contact-panel,
      .global-header--v1 .secondary_navigation .nav-content .language-panel,
      .header-v1 .secondary_navigation .nav-content .contact-panel,
      .header-v1 .secondary_navigation .nav-content .language-panel {
        width: 50%;
        margin: 0 0 0 auto;
      }

.global-header--v1 .secondary_navigation .nav-content .contact-panel &gt; div, .global-header--v1 .secondary_navigation .nav-content .language-panel &gt; div, .header-v1 .secondary_navigation .nav-content .contact-panel &gt; div, .header-v1 .secondary_navigation .nav-content .language-panel &gt; div {
          padding: 36px 0px 60px 60px;
          max-width: 555px;
          position: relative;
        }

.global-header--v1 .secondary_navigation .nav-content .contact-panel &gt; div h2.heading, .global-header--v1 .secondary_navigation .nav-content .language-panel &gt; div h2.heading, .header-v1 .secondary_navigation .nav-content .contact-panel &gt; div h2.heading, .header-v1 .secondary_navigation .nav-content .language-panel &gt; div h2.heading {
            margin-bottom: -12px;
          }

.global-header--v1 .secondary_navigation .nav-content .contact-panel i.nav_dismiss, .global-header--v1 .secondary_navigation .nav-content .language-panel i.nav_dismiss, .header-v1 .secondary_navigation .nav-content .contact-panel i.nav_dismiss, .header-v1 .secondary_navigation .nav-content .language-panel i.nav_dismiss {
          top: 50px;
        }

.global-header--v1 .secondary_navigation .nav-content .language-panel ul, .header-v1 .secondary_navigation .nav-content .language-panel ul {
          margin-top: 28px;
        }

.global-header--v1 .secondary_navigation .nav-content .language-panel ul li:not(:last-child), .header-v1 .secondary_navigation .nav-content .language-panel ul li:not(:last-child) {
              margin-bottom: 15px;
            }

.global-header--v1 .secondary_navigation .nav-content .language-panel ul li a, .header-v1 .secondary_navigation .nav-content .language-panel ul li a {
              color: #353535;
              font-weight: 400;
              padding-bottom: 6px;
            }

.global-header--v1 .secondary_navigation .nav-content small.go-back-label, .header-v1 .secondary_navigation .nav-content small.go-back-label {
        display: none;
      }

.global-header--v1 .contactList, .header-v1 .contactList {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    grid-column-gap: 30px;
    margin-bottom: -15px;
  }

.global-header--v1 .contactList .location,
    .global-header--v1 .contactList .toll-free,
    .global-header--v1 .contactList .contactNo,
    .header-v1 .contactList .location,
    .header-v1 .contactList .toll-free,
    .header-v1 .contactList .contactNo {
      font-size: 14px;
      line-height: 1;
      padding-bottom: 5px;
    }

.global-header--v1 .contactList .location, .header-v1 .contactList .location {
      margin-top: 14px;
    }

.global-header--v1 .contactList .location, .header-v1 .contactList .location {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.global-header--v1 .contactList .toll-free,
    .global-header--v1 .contactList .contactNo,
    .header-v1 .contactList .toll-free,
    .header-v1 .contactList .contactNo {
      font-weight: 400;
      margin-top: 21px;
      width: max-content;
      display: inline-block;
    }

.global-header--v1 .contactList .toll-free:after, .global-header--v1 .contactList .contactNo:after, .header-v1 .contactList .toll-free:after, .header-v1 .contactList .contactNo:after {
        background-color: #fff;
      }

.global-header--v1 #liveChatAgents, .header-v1 #liveChatAgents {
    display: inline-flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

.global-header--v1 #liveChatAgents #liveagent_chatbtns, .header-v1 #liveChatAgents #liveagent_chatbtns {
      gap: 20px 30px;
    }

.global-header--v1 .navigation_sections #liveChatAgents a, .header-v1 .navigation_sections #liveChatAgents a {
        color: #fff;
      }

.global-header--v1 .navigation_sections #liveChatAgents #liveagent_chatbtns, .header-v1 .navigation_sections #liveChatAgents #liveagent_chatbtns {
        margin-top: 0px;
      }

.global-header--v3,
.header-v3 {
  background-color: #fff;
  z-index: 10001;
  position: relative;
}

.global-header--v3.fixed, .header-v3.fixed {
    position: fixed;
    width: 100%;
  }

.global-header--v3 *[data-lineseparator='true']::after, .header-v3 *[data-lineseparator='true']::after {
    content: '';
    display: block;
    width: 85%;
    height: 1px;
    background: #abb6bf;
    margin-top: 15px;
  }

.global-header--v3 header, .header-v3 header {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 135px auto max-content;
    gap: 4.88%;
    height: 80px;
    max-width: 1230px;
    margin: 0 auto;
    align-items: center;
    padding: 0 40px;
  }

.global-header--v3 header .site_logo, .header-v3 header .site_logo {
      align-self: center;
    }

.global-header--v3 header .site_logo img, .header-v3 header .site_logo img {
        max-width: 124px;
      }

.global-header--v3 header .primary__navigation .nav-list, .header-v3 header .primary__navigation .nav-list {
        gap: 6.1%;
      }

.global-header--v3 header .primary__navigation .nav-list &gt; li span, .header-v3 header .primary__navigation .nav-list &gt; li span {
            font-size: 18px;
            cursor: pointer;
          }

.global-header--v3 header .primary__navigation .nav-list &gt; li span:hover, .header-v3 header .primary__navigation .nav-list &gt; li span:hover {
              color: #0f9dff;
            }

.global-header--v3 header .primary__navigation .nav-list &gt; li span i, .header-v3 header .primary__navigation .nav-list &gt; li span i {
              display: none;
            }

.global-header--v3 header .primary__navigation .nav-list &gt; li .nav_dropdown, .header-v3 header .primary__navigation .nav-list &gt; li .nav_dropdown {
            display: none;
            width: 100%;
            left: 0;
            z-index: 1101;
          }

.global-header--v3 header .primary__navigation .nav-list &gt; li .nav_dropdown &gt; div, .header-v3 header .primary__navigation .nav-list &gt; li .nav_dropdown &gt; div {
              max-width: 1290px;
              margin: 0 auto;
              display: grid;
            }

.global-header--v3 header .primary__navigation .nav-list &gt; li.active &gt; span, .header-v3 header .primary__navigation .nav-list &gt; li.active &gt; span {
              color: #0f9dff;
            }

.global-header--v3 header .primary__navigation .nav-list &gt; li.active .nav_dropdown, .header-v3 header .primary__navigation .nav-list &gt; li.active .nav_dropdown {
              display: block;
            }

.global-header--v3 header .primary__navigation .nav-list, .header-v3 header .primary__navigation .nav-list {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
}

.global-header--v3 header .primary__navigation .mobile-nav-list, .header-v3 header .primary__navigation .mobile-nav-list {
        display: none;
        gap: 20px;
        border-top: 2px solid #bcc5cc;
        font-size: 18px;
      }

.global-header--v3 header .primary__navigation .mobile-nav-list a, .header-v3 header .primary__navigation .mobile-nav-list a {
          color: #353535;
        }

.global-header--v3 header .primary__navigation .mobile-nav-list li.contact-us a,
          .global-header--v3 header .primary__navigation .mobile-nav-list li.contact-us span,
          .global-header--v3 header .primary__navigation .mobile-nav-list li.language a,
          .global-header--v3 header .primary__navigation .mobile-nav-list li.language span,
          .header-v3 header .primary__navigation .mobile-nav-list li.contact-us a,
          .header-v3 header .primary__navigation .mobile-nav-list li.contact-us span,
          .header-v3 header .primary__navigation .mobile-nav-list li.language a,
          .header-v3 header .primary__navigation .mobile-nav-list li.language span {
            display: flex;
            justify-content: space-between;
            cursor: pointer;
          }

.global-header--v3 header .primary__navigation .mobile-nav-list li.contact-us.active .content, .global-header--v3 header .primary__navigation .mobile-nav-list li.language.active .content, .header-v3 header .primary__navigation .mobile-nav-list li.contact-us.active .content, .header-v3 header .primary__navigation .mobile-nav-list li.language.active .content {
              display: block;
            }

.global-header--v3 header .primary__navigation .mobile-nav-list .content, .header-v3 header .primary__navigation .mobile-nav-list .content {
          display: none;
          position: absolute;
          top: 0;
          left: 0;
          background: #fff;
          padding-bottom: 40px;
          width: 100%;
        }

.global-header--v3 header .primary__navigation .mobile-nav-list .content h2, .header-v3 header .primary__navigation .mobile-nav-list .content h2 {
            margin-bottom: 25px;
          }

.global-header--v3 header .primary__navigation .mobile-nav-list .content ul, .header-v3 header .primary__navigation .mobile-nav-list .content ul {
            display: grid;
            gap: 20px;
            font-size: 16px;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
          }

.global-header--v3 header .primary__navigation .mobile-nav-list, .header-v3 header .primary__navigation .mobile-nav-list {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
}

.global-header--v3 header .nav-list, .header-v3 header .nav-list {
      display: flex;
    }

.global-header--v3 header .nav-list .nav_dropdown, .header-v3 header .nav-list .nav_dropdown {
        display: none;
      }

.global-header--v3 header .nav-list li.active .nav_dropdown, .header-v3 header .nav-list li.active .nav_dropdown {
            display: block;
          }

.global-header--v3 header .nav_dropdown, .header-v3 header .nav_dropdown {
      position: absolute;
      background: #fff;
      top: 80px;
      border-top: 1px solid #353535;
    }

.global-header--v3 header i.arrow-updated, .header-v3 header i.arrow-updated {
      display: none;
    }

.global-header--v3 header .goback, .header-v3 header .goback {
      display: none;
      grid-column: 1/-1;
      margin-top: -2px;
      border-top: 1px solid #000000;
      padding: 10px 70px;
      background: #ddd;
    }

.global-header--v3 header .goback .goback--content, .header-v3 header .goback .goback--content {
        cursor: pointer;
        width: max-content;
        display: flex;
        align-items: center;
        gap: 5px;
      }

.global-header--v3 header .goback .goback--content i, .header-v3 header .goback .goback--content i {
          padding: 3px;
        }

.global-header--v3 header .goback, .header-v3 header .goback {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
}

.global-header--v3 header .nav_dropdown .navItem .text.section, .global-header--v3 header .nav_dropdown .navItem .list.section, .global-header--v3 header .nav_dropdown .navItem .pdp__container .list &gt; ul.section, .header-v3 header .nav_dropdown .navItem .text.section, .header-v3 header .nav_dropdown .navItem .list.section, .header-v3 header .nav_dropdown .navItem .pdp__container .list &gt; ul.section {
          margin: 0;
        }

.global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .column1, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .column1 {
            padding: 40px 30px;
          }

.global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .list, .global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .pdp__container .list &gt; ul, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .list, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .pdp__container .list &gt; ul {
            grid-gap: 15px;
            padding-bottom: 15px;
          }

.global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .list .level-one, .global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .pdp__container .list &gt; ul .level-one, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .list .level-one, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .pdp__container .list &gt; ul .level-one {
              margin-left: 30px;
            }

.global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions,
        .global-header--v3 header .nav_dropdown .navItem.partners,
        .header-v3 header .nav_dropdown .navItem.digital_trust_solutions,
        .header-v3 header .nav_dropdown .navItem.partners {
          display: grid;
          grid-template-columns: 3fr 7fr;
        }

.global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .column2, .global-header--v3 header .nav_dropdown .navItem.partners .column2, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .column2, .header-v3 header .nav_dropdown .navItem.partners .column2 {
            display: grid;
            grid-template-rows: 1fr 1fr;
          }

.global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .column2 &gt; *, .global-header--v3 header .nav_dropdown .navItem.partners .column2 &gt; *, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .column2 &gt; *, .header-v3 header .nav_dropdown .navItem.partners .column2 &gt; * {
              padding: 30px 70px;
            }

.global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .column2 .col1row2 #mobile-section, .global-header--v3 header .nav_dropdown .navItem.partners .column2 .col1row2 #mobile-section, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .column2 .col1row2 #mobile-section, .header-v3 header .nav_dropdown .navItem.partners .column2 .col1row2 #mobile-section {
                display: none;
              }

.global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .column2 .col1row2 #desktop-section, .global-header--v3 header .nav_dropdown .navItem.partners .column2 .col1row2 #desktop-section, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .column2 .col1row2 #desktop-section, .header-v3 header .nav_dropdown .navItem.partners .column2 .col1row2 #desktop-section {
                display: block;
              }

.global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .column2 .col1row2 #desktop-section.flex, .global-header--v3 header .nav_dropdown .navItem.partners .column2 .col1row2 #desktop-section.flex, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .column2 .col1row2 #desktop-section.flex, .header-v3 header .nav_dropdown .navItem.partners .column2 .col1row2 #desktop-section.flex {
                display: flex;
              }

.global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .list, .global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .pdp__container .list &gt; ul, .global-header--v3 header .nav_dropdown .navItem.partners .list, .global-header--v3 header .nav_dropdown .navItem.partners .pdp__container .list &gt; ul, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .list, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .pdp__container .list &gt; ul, .header-v3 header .nav_dropdown .navItem.partners .list, .header-v3 header .nav_dropdown .navItem.partners .pdp__container .list &gt; ul {
            display: grid;
            margin-top: 0;
          }

.global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .list p.heading, .global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .pdp__container .list &gt; ul p.heading, .global-header--v3 header .nav_dropdown .navItem.partners .list p.heading, .global-header--v3 header .nav_dropdown .navItem.partners .pdp__container .list &gt; ul p.heading, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .list p.heading, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .pdp__container .list &gt; ul p.heading, .header-v3 header .nav_dropdown .navItem.partners .list p.heading, .header-v3 header .nav_dropdown .navItem.partners .pdp__container .list &gt; ul p.heading {
              font-size: 18px;
              margin: 0;
            }

.global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .list p.heading i, .global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .pdp__container .list &gt; ul p.heading i, .global-header--v3 header .nav_dropdown .navItem.partners .list p.heading i, .global-header--v3 header .nav_dropdown .navItem.partners .pdp__container .list &gt; ul p.heading i, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .list p.heading i, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .pdp__container .list &gt; ul p.heading i, .header-v3 header .nav_dropdown .navItem.partners .list p.heading i, .header-v3 header .nav_dropdown .navItem.partners .pdp__container .list &gt; ul p.heading i {
                display: none;
              }

.global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .list p.heading, .global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .pdp__container .list &gt; ul p.heading, .global-header--v3 header .nav_dropdown .navItem.partners .list p.heading, .global-header--v3 header .nav_dropdown .navItem.partners .pdp__container .list &gt; ul p.heading, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .list p.heading, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .pdp__container .list &gt; ul p.heading, .header-v3 header .nav_dropdown .navItem.partners .list p.heading, .header-v3 header .nav_dropdown .navItem.partners .pdp__container .list &gt; ul p.heading {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
}

.global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .list a, .global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .pdp__container .list &gt; ul a, .global-header--v3 header .nav_dropdown .navItem.partners .list a, .global-header--v3 header .nav_dropdown .navItem.partners .pdp__container .list &gt; ul a, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .list a, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .pdp__container .list &gt; ul a, .header-v3 header .nav_dropdown .navItem.partners .list a, .header-v3 header .nav_dropdown .navItem.partners .pdp__container .list &gt; ul a {
              color: #353535;
            }

.global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .list .level-one .level-one-title, .global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .pdp__container .list &gt; ul .level-one .level-one-title, .global-header--v3 header .nav_dropdown .navItem.partners .list .level-one .level-one-title, .global-header--v3 header .nav_dropdown .navItem.partners .pdp__container .list &gt; ul .level-one .level-one-title, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .list .level-one .level-one-title, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .pdp__container .list &gt; ul .level-one .level-one-title, .header-v3 header .nav_dropdown .navItem.partners .list .level-one .level-one-title, .header-v3 header .nav_dropdown .navItem.partners .pdp__container .list &gt; ul .level-one .level-one-title {
                font-size: 14px;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
              }

.global-header--v3 header .nav_dropdown .navItem.purchase, .header-v3 header .nav_dropdown .navItem.purchase {
          display: grid;
          grid-template-columns: auto auto auto;
          row-gap: 40px;
        }

.global-header--v3 header .nav_dropdown .navItem.purchase .column1,
          .global-header--v3 header .nav_dropdown .navItem.purchase .column2,
          .global-header--v3 header .nav_dropdown .navItem.purchase .column3,
          .header-v3 header .nav_dropdown .navItem.purchase .column1,
          .header-v3 header .nav_dropdown .navItem.purchase .column2,
          .header-v3 header .nav_dropdown .navItem.purchase .column3 {
            display: grid;
            align-content: start;
            grid-gap: 40px;
            padding-left: 30px;
            padding-right: 30px;
            padding-top: 40px;
          }

.global-header--v3 header .nav_dropdown .navItem.purchase .column1 .list, .global-header--v3 header .nav_dropdown .navItem.purchase .column1 .pdp__container .list &gt; ul, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 .list, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 .pdp__container .list &gt; ul, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 .list, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 .pdp__container .list &gt; ul, .header-v3 header .nav_dropdown .navItem.purchase .column1 .list, .header-v3 header .nav_dropdown .navItem.purchase .column1 .pdp__container .list &gt; ul, .header-v3 header .nav_dropdown .navItem.purchase .column2 .list, .header-v3 header .nav_dropdown .navItem.purchase .column2 .pdp__container .list &gt; ul, .header-v3 header .nav_dropdown .navItem.purchase .column3 .list, .header-v3 header .nav_dropdown .navItem.purchase .column3 .pdp__container .list &gt; ul {
              display: grid;
            }

.global-header--v3 header .nav_dropdown .navItem.purchase .column1 .list .heading, .global-header--v3 header .nav_dropdown .navItem.purchase .column1 .pdp__container .list &gt; ul .heading, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 .list .heading, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 .pdp__container .list &gt; ul .heading, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 .list .heading, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 .pdp__container .list &gt; ul .heading, .header-v3 header .nav_dropdown .navItem.purchase .column1 .list .heading, .header-v3 header .nav_dropdown .navItem.purchase .column1 .pdp__container .list &gt; ul .heading, .header-v3 header .nav_dropdown .navItem.purchase .column2 .list .heading, .header-v3 header .nav_dropdown .navItem.purchase .column2 .pdp__container .list &gt; ul .heading, .header-v3 header .nav_dropdown .navItem.purchase .column3 .list .heading, .header-v3 header .nav_dropdown .navItem.purchase .column3 .pdp__container .list &gt; ul .heading {
                text-transform: uppercase;
                color: #0f9dff;
                margin-bottom: 0;
              }

.global-header--v3 header .nav_dropdown .navItem.purchase .column1 .list .heading i, .global-header--v3 header .nav_dropdown .navItem.purchase .column1 .pdp__container .list &gt; ul .heading i, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 .list .heading i, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 .pdp__container .list &gt; ul .heading i, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 .list .heading i, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 .pdp__container .list &gt; ul .heading i, .header-v3 header .nav_dropdown .navItem.purchase .column1 .list .heading i, .header-v3 header .nav_dropdown .navItem.purchase .column1 .pdp__container .list &gt; ul .heading i, .header-v3 header .nav_dropdown .navItem.purchase .column2 .list .heading i, .header-v3 header .nav_dropdown .navItem.purchase .column2 .pdp__container .list &gt; ul .heading i, .header-v3 header .nav_dropdown .navItem.purchase .column3 .list .heading i, .header-v3 header .nav_dropdown .navItem.purchase .column3 .pdp__container .list &gt; ul .heading i {
                  display: none;
                }

.global-header--v3 header .nav_dropdown .navItem.purchase .column1 .list .heading, .global-header--v3 header .nav_dropdown .navItem.purchase .column1 .pdp__container .list &gt; ul .heading, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 .list .heading, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 .pdp__container .list &gt; ul .heading, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 .list .heading, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 .pdp__container .list &gt; ul .heading, .header-v3 header .nav_dropdown .navItem.purchase .column1 .list .heading, .header-v3 header .nav_dropdown .navItem.purchase .column1 .pdp__container .list &gt; ul .heading, .header-v3 header .nav_dropdown .navItem.purchase .column2 .list .heading, .header-v3 header .nav_dropdown .navItem.purchase .column2 .pdp__container .list &gt; ul .heading, .header-v3 header .nav_dropdown .navItem.purchase .column3 .list .heading, .header-v3 header .nav_dropdown .navItem.purchase .column3 .pdp__container .list &gt; ul .heading {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.global-header--v3 header .nav_dropdown .navItem.purchase .column1 .level-one, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 .level-one, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 .level-one, .header-v3 header .nav_dropdown .navItem.purchase .column1 .level-one, .header-v3 header .nav_dropdown .navItem.purchase .column2 .level-one, .header-v3 header .nav_dropdown .navItem.purchase .column3 .level-one {
              display: grid;
              grid-template-columns: auto max-content;
              align-items: center;
              grid-gap: 10px;
              margin-top: 5px;
            }

.global-header--v3 header .nav_dropdown .navItem.purchase .column1 .level-one .level-one-title, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 .level-one .level-one-title, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 .level-one .level-one-title, .header-v3 header .nav_dropdown .navItem.purchase .column1 .level-one .level-one-title, .header-v3 header .nav_dropdown .navItem.purchase .column2 .level-one .level-one-title, .header-v3 header .nav_dropdown .navItem.purchase .column3 .level-one .level-one-title {
                font-size: 18px;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
              }

.global-header--v3 header .nav_dropdown .navItem.purchase .column1 .level-one .level-two, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 .level-one .level-two, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 .level-one .level-two, .header-v3 header .nav_dropdown .navItem.purchase .column1 .level-one .level-two, .header-v3 header .nav_dropdown .navItem.purchase .column2 .level-one .level-two, .header-v3 header .nav_dropdown .navItem.purchase .column3 .level-one .level-two {
                grid-column: 1/-1;
              }

.global-header--v3 header .nav_dropdown .navItem.purchase .column1 .level-one .level-two .level-two-title, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 .level-one .level-two .level-two-title, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 .level-one .level-two .level-two-title, .header-v3 header .nav_dropdown .navItem.purchase .column1 .level-one .level-two .level-two-title, .header-v3 header .nav_dropdown .navItem.purchase .column2 .level-one .level-two .level-two-title, .header-v3 header .nav_dropdown .navItem.purchase .column3 .level-one .level-two .level-two-title {
                  font-size: 14px;
                }

.global-header--v3 header .nav_dropdown .navItem.purchase .column1 .level-one .level-two + .level-two, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 .level-one .level-two + .level-two, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 .level-one .level-two + .level-two, .header-v3 header .nav_dropdown .navItem.purchase .column1 .level-one .level-two + .level-two, .header-v3 header .nav_dropdown .navItem.purchase .column2 .level-one .level-two + .level-two, .header-v3 header .nav_dropdown .navItem.purchase .column3 .level-one .level-two + .level-two {
                  margin-top: -4px;
                }

.global-header--v3 header .nav_dropdown .navItem.purchase .column1 a.btn, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 a.btn, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 a.btn, .header-v3 header .nav_dropdown .navItem.purchase .column1 a.btn, .header-v3 header .nav_dropdown .navItem.purchase .column2 a.btn, .header-v3 header .nav_dropdown .navItem.purchase .column3 a.btn {
              justify-self: end;
              height: 27px;
              box-sizing: border-box;
              line-height: 1.6;
              font-size: 14px;
              min-width: 78px;
            }

.global-header--v3 header .nav_dropdown .navItem.purchase .column4, .header-v3 header .nav_dropdown .navItem.purchase .column4 {
            grid-column: 1/-1;
            display: grid;
            grid-template-columns: 50% 50%;
            border-top: 2px solid #ddd;
          }

.global-header--v3 header .nav_dropdown .navItem.purchase .column4 .row1col1, .header-v3 header .nav_dropdown .navItem.purchase .column4 .row1col1 {
              border-right: 2px solid #ddd;
            }

.global-header--v3 header .nav_dropdown .navItem.purchase .column4 .row1col1,
            .global-header--v3 header .nav_dropdown .navItem.purchase .column4 .row1col2,
            .header-v3 header .nav_dropdown .navItem.purchase .column4 .row1col1,
            .header-v3 header .nav_dropdown .navItem.purchase .column4 .row1col2 {
              padding: 30px 70px;
            }

.global-header--v3 header .nav_dropdown .navItem.purchase .column4 .row1col1 .cmp-text, .global-header--v3 header .nav_dropdown .navItem.purchase .column4 .row1col2 .cmp-text, .header-v3 header .nav_dropdown .navItem.purchase .column4 .row1col1 .cmp-text, .header-v3 header .nav_dropdown .navItem.purchase .column4 .row1col2 .cmp-text {
                display: flex;
                gap: 30px;
                align-items: center;
              }

.global-header--v3 header .nav_dropdown .navItem.purchase .column4 .row1col1 .cmp-text .btn-container, .global-header--v3 header .nav_dropdown .navItem.purchase .column4 .row1col2 .cmp-text .btn-container, .header-v3 header .nav_dropdown .navItem.purchase .column4 .row1col1 .cmp-text .btn-container, .header-v3 header .nav_dropdown .navItem.purchase .column4 .row1col2 .cmp-text .btn-container {
                  margin: 0;
                }

.global-header--v3 header .nav_dropdown .navItem.purchase .column4 .row1col1 .cmp-text .btn-container a.btn, .global-header--v3 header .nav_dropdown .navItem.purchase .column4 .row1col2 .cmp-text .btn-container a.btn, .header-v3 header .nav_dropdown .navItem.purchase .column4 .row1col1 .cmp-text .btn-container a.btn, .header-v3 header .nav_dropdown .navItem.purchase .column4 .row1col2 .cmp-text .btn-container a.btn {
                    min-width: 171px;
                  }

.global-header--v3 header .nav_dropdown .navItem.insights, .header-v3 header .nav_dropdown .navItem.insights {
          grid-template-columns: 1fr 1fr 1fr;
        }

.global-header--v3 header .nav_dropdown .navItem.insights .list, .global-header--v3 header .nav_dropdown .navItem.insights .pdp__container .list &gt; ul, .header-v3 header .nav_dropdown .navItem.insights .list, .header-v3 header .nav_dropdown .navItem.insights .pdp__container .list &gt; ul {
            display: grid;
            grid-gap: 15px;
          }

.global-header--v3 header .nav_dropdown .navItem.insights .list .level-one .level-one-title, .global-header--v3 header .nav_dropdown .navItem.insights .pdp__container .list &gt; ul .level-one .level-one-title, .header-v3 header .nav_dropdown .navItem.insights .list .level-one .level-one-title, .header-v3 header .nav_dropdown .navItem.insights .pdp__container .list &gt; ul .level-one .level-one-title {
              font-family: Roboto-Light;
              font-size: 14px;
            }

.global-header--v3 header .nav_dropdown .navItem.insights .list p.heading, .global-header--v3 header .nav_dropdown .navItem.insights .pdp__container .list &gt; ul p.heading, .header-v3 header .nav_dropdown .navItem.insights .list p.heading, .header-v3 header .nav_dropdown .navItem.insights .pdp__container .list &gt; ul p.heading {
              margin: 0;
            }

.global-header--v3 header .nav_dropdown .navItem.insights .list + .list, .global-header--v3 header .nav_dropdown .navItem.insights .pdp__container .list &gt; ul + .pdp__container .list &gt; ul, .header-v3 header .nav_dropdown .navItem.insights .list + .list, .header-v3 header .nav_dropdown .navItem.insights .pdp__container .list &gt; ul + .pdp__container .list &gt; ul {
              margin-top: 25px;
            }

.global-header--v3 header .nav_dropdown .navItem.insights .column1,
          .global-header--v3 header .nav_dropdown .navItem.insights .column2,
          .global-header--v3 header .nav_dropdown .navItem.insights .column3,
          .header-v3 header .nav_dropdown .navItem.insights .column1,
          .header-v3 header .nav_dropdown .navItem.insights .column2,
          .header-v3 header .nav_dropdown .navItem.insights .column3 {
            padding: 40px 30px;
          }

.global-header--v3 header .nav_dropdown .navItem.insights .column3 #mobile-section, .header-v3 header .nav_dropdown .navItem.insights .column3 #mobile-section {
              display: none;
            }

.global-header--v3 header .nav_dropdown .navItem.insights .column3 #desktop-section, .header-v3 header .nav_dropdown .navItem.insights .column3 #desktop-section {
              display: block;
            }

.global-header--v3 header .nav_dropdown .navItem.insights .column3 #desktop-section.flex, .header-v3 header .nav_dropdown .navItem.insights .column3 #desktop-section.flex {
              display: flex;
            }

.global-header--v3 header .nav_dropdown .navItem.partners .column1, .header-v3 header .nav_dropdown .navItem.partners .column1 {
            padding: 30px 30px 30px 70px;
          }

.global-header--v3 header .nav_dropdown .navItem.partners .column1 .list, .global-header--v3 header .nav_dropdown .navItem.partners .column1 .pdp__container .list &gt; ul, .header-v3 header .nav_dropdown .navItem.partners .column1 .list, .header-v3 header .nav_dropdown .navItem.partners .column1 .pdp__container .list &gt; ul {
              grid-gap: 15px;
            }

.global-header--v3 header .nav_dropdown .navItem.partners .column1 .list .level-one a, .global-header--v3 header .nav_dropdown .navItem.partners .column1 .pdp__container .list &gt; ul .level-one a, .header-v3 header .nav_dropdown .navItem.partners .column1 .list .level-one a, .header-v3 header .nav_dropdown .navItem.partners .column1 .pdp__container .list &gt; ul .level-one a {
                  padding-bottom: 5px;
                }

.global-header--v3 header .nav_dropdown .navItem.partners .column1 .list .level-two, .global-header--v3 header .nav_dropdown .navItem.partners .column1 .pdp__container .list &gt; ul .level-two, .header-v3 header .nav_dropdown .navItem.partners .column1 .list .level-two, .header-v3 header .nav_dropdown .navItem.partners .column1 .pdp__container .list &gt; ul .level-two {
                margin-left: 15px;
                margin-top: 15px;
              }

.global-header--v3 header .nav_dropdown .navItem.support, .header-v3 header .nav_dropdown .navItem.support {
          grid-template-columns: 50% 50%;
        }

.global-header--v3 header .nav_dropdown .navItem.support .column1,
          .global-header--v3 header .nav_dropdown .navItem.support .column2,
          .header-v3 header .nav_dropdown .navItem.support .column1,
          .header-v3 header .nav_dropdown .navItem.support .column2 {
            padding-top: 40px;
            padding-bottom: 40px;
            padding-left: 10%;
            padding-right: 10%;
          }

.global-header--v3 header .nav_dropdown .navItem.support .column1, .header-v3 header .nav_dropdown .navItem.support .column1 {
            display: grid;
            grid-template-columns: 50% 50%;
            grid-gap: 40px;
          }

.global-header--v3 header .nav_dropdown .navItem.support .column2 #liveChatAgents #liveagent_chatbtns, .header-v3 header .nav_dropdown .navItem.support .column2 #liveChatAgents #liveagent_chatbtns {
                margin-top: 0px;
                row-gap: 10px;
                column-gap: 15px;
              }

.global-header--v3 header .nav_dropdown .navItem.support .column2 #liveChatAgents #liveagent_chatbtns a, .header-v3 header .nav_dropdown .navItem.support .column2 #liveChatAgents #liveagent_chatbtns a {
                  color: #fff;
                }

.global-header--v3 .secondary_navigation .nav_dismiss, .header-v3 .secondary_navigation .nav_dismiss {
      font-size: 48px;

      width: 25px;
      height: 30px;
      line-height: 0.5;
      cursor: pointer;
      opacity: 0.7;
    }

.global-header--v3 .secondary_navigation .nav_dismiss:hover, .header-v3 .secondary_navigation .nav_dismiss:hover {
        color: #0f9dff;
        opacity: 1;
      }

.global-header--v3 .secondary_navigation .nav-list, .header-v3 .secondary_navigation .nav-list {
      display: flex;
      gap: 20px;
      align-items: center;
    }

.global-header--v3 .secondary_navigation .nav-list li img, .header-v3 .secondary_navigation .nav-list li img {
          cursor: pointer;
        }

.global-header--v3 .secondary_navigation .nav-list li.contact-us, .header-v3 .secondary_navigation .nav-list li.contact-us {
          display: flex;
        }

.global-header--v3 .secondary_navigation .nav-list li.contact-us a, .header-v3 .secondary_navigation .nav-list li.contact-us a {
            min-width: 131px;
            padding: 5px 15px;
          }

.global-header--v3 .secondary_navigation .nav-list li.hamburger, .header-v3 .secondary_navigation .nav-list li.hamburger {
          display: none;
          margin: 0;
        }

.global-header--v3 .secondary_navigation .nav-list li.language.active .nav_dropdown, .header-v3 .secondary_navigation .nav-list li.language.active .nav_dropdown {
              width: 50%;
              right: 0;
              padding: 40px 40px 40px 70px;
              box-sizing: border-box;
            }

.global-header--v3 .secondary_navigation .nav-list li.language.active .nav_dropdown .title, .header-v3 .secondary_navigation .nav-list li.language.active .nav_dropdown .title {
                display: flex;
                justify-content: space-between;
                margin-bottom: 15px;
                margin-right: 40px;
              }

.global-header--v3 .secondary_navigation .nav-list li.language.active .nav_dropdown &gt; *, .header-v3 .secondary_navigation .nav-list li.language.active .nav_dropdown &gt; * {
                max-width: 550px;
                position: relative;
              }

.global-header--v3 .secondary_navigation .nav-list li.language.active .nav_dropdown ul.list, .header-v3 .secondary_navigation .nav-list li.language.active .nav_dropdown ul.list {
                display: grid;
                grid-gap: 10px;
                margin-left: 5px;
              }

.global-header--v3 .secondary_navigation .nav-list li.language.active .nav_dropdown ul.list li a, .header-v3 .secondary_navigation .nav-list li.language.active .nav_dropdown ul.list li a {
                  color: #353535;
                  padding-bottom: 5px;
                  font-size: 18px;
                }

.global-header--v3 .secondary_navigation .nav-list li.language.active .nav_dropdown .nav_dismiss, .header-v3 .secondary_navigation .nav-list li.language.active .nav_dropdown .nav_dismiss {
                position: absolute;
                top: 0;
                right: 0;
              }

.global-header--v3 .secondary_navigation .nav-list li.search.active .nav_dropdown, .header-v3 .secondary_navigation .nav-list li.search.active .nav_dropdown {
              display: block;
              left: 0;
              width: 100%;
              padding: 40px;
              box-sizing: border-box;
            }

.global-header--v3 .secondary_navigation .nav-list li.search.active .nav_dropdown &gt; *, .header-v3 .secondary_navigation .nav-list li.search.active .nav_dropdown &gt; * {
                max-width: 1230px;
                margin: 0 auto;
              }

.global-header--v3 .secondary_navigation .nav-list li.search.active .nav_dropdown .search-form, .header-v3 .secondary_navigation .nav-list li.search.active .nav_dropdown .search-form {
                display: flex;
                align-items: center;
                gap: 20px;
                margin-bottom: 20px;
              }

.global-header--v3 .secondary_navigation .nav-list li.search.active .nav_dropdown .search-form .search-form__input, .header-v3 .secondary_navigation .nav-list li.search.active .nav_dropdown .search-form .search-form__input {
                  width: 100%;
                }

.global-header--v3 .secondary_navigation .nav-list li.search.active .nav_dropdown .quicklinks-list small.title, .header-v3 .secondary_navigation .nav-list li.search.active .nav_dropdown .quicklinks-list small.title {
                  color: #909ca5;
                  font-weight: 501;
                }

.global-header--v3 .secondary_navigation .nav-list li.search.active .nav_dropdown .quicklinks-list &gt; *, .header-v3 .secondary_navigation .nav-list li.search.active .nav_dropdown .quicklinks-list &gt; * {
                  margin-left: 4%;
                }

.global-header--v3 .secondary_navigation .nav-list li.search.active .nav_dropdown .quicklinks-list ul, .header-v3 .secondary_navigation .nav-list li.search.active .nav_dropdown .quicklinks-list ul {
                  display: grid;
                  grid-template-columns: 1fr 1fr 1fr;
                  margin-top: 10px;
                  grid-gap: 10px;
                }

.global-header--v3 .secondary_navigation .nav-list li.search.active .nav_dropdown .quicklinks-list ul li a, .header-v3 .secondary_navigation .nav-list li.search.active .nav_dropdown .quicklinks-list ul li a {
                    font-size: 18px;
                    color: #353535;
                    padding-bottom: 6px;font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
                  }

header.authorMode .global-header--v3 .nav-list .activated .nav_dropdown, header.authorMode .header-v3 .nav-list .activated .nav_dropdown {
        display: block !important;
        left: 0;
        top: 100px;
      }

header.authorMode .global-header--v3 .nav_dropdown, header.authorMode .header-v3 .nav_dropdown {
      padding: 40px;
    }

@media only screen and (max-width:768px){
    .global-header--v3 .mobile-flex--wrap,.header-v3 .mobile-flex--wrap{
      flex-wrap: wrap;
      gap: 30px;
    }
  }

header .topnav {
    height: 23px;
    border-bottom: 1px solid #ccc;
  }

header .topnav .dropDownItem .item_Content {
        display: none;
        position: absolute;
        background-color: #fff;
        z-index: 99999;
        box-sizing: border-box;
        top: 94px;
      }

header .topnav .dropDownItem.isopen small {
          color: #0f9dff;
        }

header .topnav .dropDownItem.isopen .item_Content {
          display: grid;
        }

header .topnav .dropDownItem .langDropdown {
        right: 0;
        gap: 20px;
        padding: 36px 30px;
        font-size: 16px;
        width: calc(50% - 215px);
      }

header .topnav .dropDownItem .langDropdown a {
          width: max-content;
        }

header .topnav .dropDownItem .langDropdown .title {
          font-size: 18px;
          line-height: 22px;
          margin: 0;
          color: #0174c3;
          grid-gap: 40px;
          align-items: center;
        }

@media only screen and (min-width: 1230px) {

header .topnav .dropDownItem .langDropdown .title {
            max-width: 300px
        }
          }

header .topnav .dropDownItem .langDropdown .title .nav_dismiss {
            justify-self: end;
          }

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

header .topnav .dropDownItem .langDropdown {
          width: 100%
      }
        }

@media only screen and (min-width: 768px) and (max-width: 1024px) {

header .topnav .dropDownItem .langDropdown {
          width: 50%
      }
        }

@media only screen and (min-width: 910px) and (max-width: 1024px) {

header .topnav .dropDownItem .langDropdown {
          padding: 36px 70px
      }
        }

@media only screen and (min-width: 1024px) and (max-width: 1230px) {

header .topnav .dropDownItem .langDropdown {
          width: 50%;
          max-width: 470px;
          padding: 36px 30px 36px 40px
      }
        }

@media only screen and (min-width: 1230px) {

header .topnav .dropDownItem .langDropdown {
          padding-left: 70px
      }
        }

header .topnav .dropDownItem .searchDropdown {
        width: 100%;
        left: 0;
        padding-top: 33px;
        padding-bottom: 35px;
      }

header .topnav .dropDownItem .searchDropdown .search-form {
          display: grid;
          gap: 40px;
          grid-template-columns: max-content auto max-content;
          align-items: center;
        }

header .topnav .dropDownItem .searchDropdown .search-form i.search {
            color: #353535;
          }

header .topnav .dropDownItem .searchDropdown .search-form input {
            border-color: #ccc;
          }

header .topnav .dropDownItem .searchDropdown .search-form input::placeholder {
              color: #ccc;
            }

header .topnav .dropDownItem .searchDropdown .quickLinks {
          grid-column: 2;
          margin-top: -5px;
        }

header .topnav .dropDownItem .searchDropdown .quickLinks small {
            color: #6e6e6e;
          }

header .topnav .dropDownItem .searchDropdown .quickLinks ul {
            display: grid;
            grid-gap: 14px 8.55%;
            font-size: 16px;
            margin-top: 23px;
            grid-template-columns: repeat(auto-fill, minmax(220px, max-content));font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
          }

@media only screen and (max-width: 768px) {
          header .topnav .dropDownItem .searchDropdown .search-form {
            gap: 35px 20px;
            grid-template-columns: 20px auto 20px;
          }

          header .topnav .dropDownItem .searchDropdown .quickLinks {
            grid-column: 1/-1;
          }

            header .topnav .dropDownItem .searchDropdown .quickLinks ul {
              grid-column-gap: 40px;
              grid-template-columns: 1fr;
            }
        }

header .topnav &gt; ul {
      justify-content: end;
      gap: 7px;
      height: inherit;
      align-items: center;
    }

header .topnav &gt; ul &gt; li &gt; small,
        header .topnav &gt; ul &gt; li &gt; a {
          font-size: 12px;
          cursor: pointer;
        }

header .topnav &gt; ul &gt; li &gt; small:hover, header .topnav &gt; ul &gt; li &gt; a:hover {
            color: #0f9dff;
          }

header .topnav &gt; ul &gt; li:not(:last-child):after {
            content: "|";
            margin-left: 7px;
          }

.global-header--v4 header, .header-v4 header {
    background-color: #fff;
  }

.global-header--v4 header:not(.authorMode), .header-v4 header:not(.authorMode) {
      width: 100%;
      z-index: 11111;
      position: fixed;
    }

.global-header--v4 header.isopen, .header-v4 header.isopen {
      border-bottom: 1px solid #ccc;
    }

.global-header--v4 header.authorMode .navItem_dropdown, .header-v4 header.authorMode .navItem_dropdown {
        display: none;
      }

.global-header--v4 header.authorMode .navItem_dropdown.active, .header-v4 header.authorMode .navItem_dropdown.active {
          display: block;
        }

.global-header--v4 header nav, .header-v4 header nav {
      height: 70px;
      align-items: center;
      gap: 50px;
      grid-template-columns: max-content auto max-content;
    }

.global-header--v4 header nav img.logo, .header-v4 header nav img.logo {
        max-width: 124px;
        width: 100%;
      }

.global-header--v4 header nav ul.nav_items, .header-v4 header nav ul.nav_items {
        gap: 50px;
        justify-content: start;
        font-size: 18px;
        line-height: 22px;
      }

.global-header--v4 header nav ul.nav_items &gt; .item &gt; span, .header-v4 header nav ul.nav_items &gt; .item &gt; span {
            cursor: pointer;
            color: #000000;
          }

.global-header--v4 header nav ul.nav_items &gt; .item &gt; span:hover, .header-v4 header nav ul.nav_items &gt; .item &gt; span:hover {
              color: #0f9dff;
            }

.global-header--v4 header nav ul.nav_items &gt; .item.isopen span, .header-v4 header nav ul.nav_items &gt; .item.isopen span {
              color: #0174c3;
            }

.global-header--v4 header nav ul.nav_items &gt; .item.isopen .navItem_dropdown, .header-v4 header nav ul.nav_items &gt; .item.isopen .navItem_dropdown {
              display: block;
            }

.global-header--v4 header nav ul.nav_items .navItem_dropdown, .header-v4 header nav ul.nav_items .navItem_dropdown {
          display: none;
        }

.global-header--v4 header nav ul.nav_items .navItem_dropdown.active, .header-v4 header nav ul.nav_items .navItem_dropdown.active {
            display: block;
          }

.global-header--v4 header nav ul.nav_items .navItem_dropdown.pmode, .header-v4 header nav ul.nav_items .navItem_dropdown.pmode {
            position: absolute;
            top: 95px;
            left: 0px;
            width: 100%;
            z-index: 9999;
          }

.global-header--v4 header nav .secondary, .header-v4 header nav .secondary {
        align-items: center;
        justify-content: end;
        gap: 15px;
        align-self: start;
        height: inherit;
      }

.global-header--v4 header nav .secondary #contactUsBtn, .header-v4 header nav .secondary #contactUsBtn {
          display: flex;
          min-width: 134px;
          height: 37px;
          box-sizing: border-box;
          align-content: center;
          line-height: 1.635;
          justify-content: center;
          max-width: unset;
        }

.global-header--v4 header nav .secondary .hamburger, .header-v4 header nav .secondary .hamburger {
          display: none;
        }

.global-header--v4 header.isopen--mobile, .header-v4 header.isopen--mobile {
      border-bottom: 1px solid #ccc;
      position: relative !important;
    }

.global-header--v4 header.isopen--mobile .nav_items, .header-v4 header.isopen--mobile .nav_items {
        display: flex !important;
        position: absolute;
        top: 94px;
        background-color: #fff;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        flex-direction: column;
        gap: 30px !important;
        padding: 40px 30px;
        box-shadow: 0 8px 6px -6px rgba(0, 1, 1, 0.15);
      }

.global-header--v4 header.isopen--mobile .nav_items &gt; .item &gt; span, .header-v4 header.isopen--mobile .nav_items &gt; .item &gt; span {
            display: flex;
            justify-content: space-between;
            margin-right: 3px;
            align-items: center;
          }

.global-header--v4 header.isopen--mobile .nav_items &gt; .item &gt; span i.arrow-updated, .header-v4 header.isopen--mobile .nav_items &gt; .item &gt; span i.arrow-updated {
              display: block !important;
            }

.global-header--v4 header .list, .global-header--v4 header .pdp__container .list &gt; ul, .header-v4 header .list, .header-v4 header .pdp__container .list &gt; ul {
      display: grid;
    }

.global-header--v4 header .list.list--inline, .global-header--v4 header .pdp__container .list &gt; ul.list--inline, .header-v4 header .list.list--inline, .header-v4 header .pdp__container .list &gt; ul.list--inline {
        display: flex;
      }

.global-header--v4 header .list p.heading, .global-header--v4 header .pdp__container .list &gt; ul p.heading, .header-v4 header .list p.heading, .header-v4 header .pdp__container .list &gt; ul p.heading {
        font-size: 18px;
        color: #0174c3;
        margin-bottom: 18px;
      }

.global-header--v4 header .list p.heading a, .global-header--v4 header .pdp__container .list &gt; ul p.heading a, .header-v4 header .list p.heading a, .header-v4 header .pdp__container .list &gt; ul p.heading a {
          color: #0174c3;
        }

.global-header--v4 header .list .level-one, .global-header--v4 header .pdp__container .list &gt; ul .level-one, .header-v4 header .list .level-one, .header-v4 header .pdp__container .list &gt; ul .level-one {
        font-size: 16px;
      }

.global-header--v4 header .list .level-one .title, .global-header--v4 header .pdp__container .list &gt; ul .level-one .title, .header-v4 header .list .level-one .title, .header-v4 header .pdp__container .list &gt; ul .level-one .title {
          font-size: 16px;
          margin-top: -5px;
          margin-bottom: 24px;
        }

.global-header--v4 header .list .level-one .level-two, .global-header--v4 header .pdp__container .list &gt; ul .level-one .level-two, .header-v4 header .list .level-one .level-two, .header-v4 header .pdp__container .list &gt; ul .level-one .level-two {
          margin-left: 30px;
          margin-top: 22px;
          font-size: 14px;
        }

.global-header--v4 header .list .level-one .level-two a, .global-header--v4 header .pdp__container .list &gt; ul .level-one .level-two a, .header-v4 header .list .level-one .level-two a, .header-v4 header .pdp__container .list &gt; ul .level-one .level-two a {
            color: #000000;
          }

.global-header--v4 header .list .level-one .level-two .title, .global-header--v4 header .pdp__container .list &gt; ul .level-one .level-two .title, .header-v4 header .list .level-one .level-two .title, .header-v4 header .pdp__container .list &gt; ul .level-one .level-two .title {
            font-size: 14px;
            margin-top: -4px;
            margin-bottom: 25px;
          }

.global-header--v4 header .list .level-one &gt; *:last-child, .global-header--v4 header .pdp__container .list &gt; ul .level-one &gt; *:last-child, .header-v4 header .list .level-one &gt; *:last-child, .header-v4 header .pdp__container .list &gt; ul .level-one &gt; *:last-child {
          margin-bottom: -6px;
        }

.global-header--v4 header .list .level-one &gt; *:last-child &gt; *:last-child, .global-header--v4 header .pdp__container .list &gt; ul .level-one &gt; *:last-child &gt; *:last-child, .header-v4 header .list .level-one &gt; *:last-child &gt; *:last-child, .header-v4 header .pdp__container .list &gt; ul .level-one &gt; *:last-child &gt; *:last-child {
            margin-bottom: 0;
          }

.global-header--v4 header .list .level-one:not(:last-child), .global-header--v4 header .pdp__container .list &gt; ul .level-one:not(:last-child), .header-v4 header .list .level-one:not(:last-child), .header-v4 header .pdp__container .list &gt; ul .level-one:not(:last-child) {
          margin-bottom: 28px;
        }

.global-header--v4 header .list *[data-rmprespace='true'], .global-header--v4 header .pdp__container .list &gt; ul *[data-rmprespace='true'], .header-v4 header .list *[data-rmprespace='true'], .header-v4 header .pdp__container .list &gt; ul *[data-rmprespace='true'] {
        margin-left: 0 !important;
      }

.global-header--v4 header .list, .global-header--v4 header .pdp__container .list &gt; ul, .header-v4 header .list, .header-v4 header .pdp__container .list &gt; ul {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
}

.global-header--v4 header .navItem_dropdown .navItem_Content .list.section, .global-header--v4 header .navItem_dropdown .navItem_Content .pdp__container .list &gt; ul.section, .global-header--v4 header .navItem_dropdown .navItem_Content .text-and-image.section, .global-header--v4 header .navItem_dropdown .navItem_Content .text.section, .header-v4 header .navItem_dropdown .navItem_Content .list.section, .header-v4 header .navItem_dropdown .navItem_Content .pdp__container .list &gt; ul.section, .header-v4 header .navItem_dropdown .navItem_Content .text-and-image.section, .header-v4 header .navItem_dropdown .navItem_Content .text.section{
          margin: 0;
        }

.global-header--v4 header .navItem_dropdown .navItem_Content .text-and-image &gt;.grid-12,.header-v4 header .navItem_dropdown .navItem_Content .text-and-image &gt;.grid-12{
            margin: 0;
            padding: 0;
            grid-template-columns: auto;
          }

.global-header--v4 header .navItem_dropdown .navItem_Content .text-and-image &gt;.grid-12 &gt;.wrapper,.header-v4 header .navItem_dropdown .navItem_Content .text-and-image &gt;.grid-12 &gt;.wrapper{
              grid-column: 1;
            }

.global-header--v4 header .navItem_dropdown .background_theme,.header-v4 header .navItem_dropdown .background_theme{
        grid-column: 1/-1;
        grid-row: 1;
        grid-template-columns: 1fr 1fr;
        display: grid;
      }

.global-header--v4 header .navItem_dropdown .navItem_Content_Container,.header-v4 header .navItem_dropdown .navItem_Content_Container{
        width: 100%;
        grid-column: 1/-1;
        box-sizing: border-box;
        margin: auto;
        max-width: 1230px;
      }

.global-header--v4 header .navItem_dropdown .navItem_Content_Container &gt; *,.header-v4 header .navItem_dropdown .navItem_Content_Container &gt; *{
          padding-top: 40px;
          padding-bottom: 40px;
        }

.global-header--v4 header .navItem_dropdown .closeIconContainer #closeIcon,.header-v4 header .navItem_dropdown .closeIconContainer #closeIcon{
          cursor: pointer;
        }

.global-header--v4 .navItem_Content .background_theme, .header-v4 .navItem_Content .background_theme {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-row: 1;
      grid-column: 1/-1;
    }

.global-header--v4 .navItem_Content_33_33_33, .header-v4 .navItem_Content_33_33_33 {
      display: grid;
      background-color: #fff;
    }

.global-header--v4 .navItem_Content_33_33_33 .background_theme, .header-v4 .navItem_Content_33_33_33 .background_theme {
        display: none;
      }

.global-header--v4 .navItem_Content_33_33_33 .closeIconContainer, .header-v4 .navItem_Content_33_33_33 .closeIconContainer {
        text-align: end;
      }

.global-header--v4 .navItem_Content_33_33_33 i.arrow-updated, .header-v4 .navItem_Content_33_33_33 i.arrow-updated {
        display: none !important;
      }

.global-header--v4 .navItem_Content_33_33_33 .list.section, .global-header--v4 .navItem_Content_33_33_33 .pdp__container .list &gt; ul.section, .header-v4 .navItem_Content_33_33_33 .list.section, .header-v4 .navItem_Content_33_33_33 .pdp__container .list &gt; ul.section {
        width: 100%;
        margin: 0;
      }

.global-header--v4 .navItem_Content_33_33_33 .row1, .header-v4 .navItem_Content_33_33_33 .row1 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
        grid-column: 1/-1;
      }

.global-header--v4 .navItem_Content_33_33_33 .row1 &gt; *, .header-v4 .navItem_Content_33_33_33 .row1 &gt; * {
          padding: 40px 0px;
        }

.global-header--v4 .navItem_Content_33_33_33 .row1 .list .level-one, .global-header--v4 .navItem_Content_33_33_33 .row1 .pdp__container .list &gt; ul .level-one, .header-v4 .navItem_Content_33_33_33 .row1 .list .level-one, .header-v4 .navItem_Content_33_33_33 .row1 .pdp__container .list &gt; ul .level-one {
            display: grid;
            grid-template-columns: auto auto;
            justify-content: space-between;
            margin-bottom: 21px;
          }

.global-header--v4 .navItem_Content_33_33_33 .row1 .list .level-one .level-two, .global-header--v4 .navItem_Content_33_33_33 .row1 .pdp__container .list &gt; ul .level-one .level-two, .header-v4 .navItem_Content_33_33_33 .row1 .list .level-one .level-two, .header-v4 .navItem_Content_33_33_33 .row1 .pdp__container .list &gt; ul .level-one .level-two {
              grid-column: 1/-1;
              font-size: 14px;
            }

.global-header--v4 .navItem_Content_33_33_33 .row1 .list .level-one .level-two:not(:last-child), .global-header--v4 .navItem_Content_33_33_33 .row1 .pdp__container .list &gt; ul .level-one .level-two:not(:last-child), .header-v4 .navItem_Content_33_33_33 .row1 .list .level-one .level-two:not(:last-child), .header-v4 .navItem_Content_33_33_33 .row1 .pdp__container .list &gt; ul .level-one .level-two:not(:last-child) {
                margin-bottom: 3px;
              }

.global-header--v4 .navItem_Content_33_33_33 .row1 .list .level-one .level-two:first-child, .global-header--v4 .navItem_Content_33_33_33 .row1 .pdp__container .list &gt; ul .level-one .level-two:first-child, .header-v4 .navItem_Content_33_33_33 .row1 .list .level-one .level-two:first-child, .header-v4 .navItem_Content_33_33_33 .row1 .pdp__container .list &gt; ul .level-one .level-two:first-child {
                margin-top: 5px;
                margin-top: 22px;
              }

.global-header--v4 .navItem_Content_33_33_33 .row1 .list .level-one .level-two:not(:first-child), .global-header--v4 .navItem_Content_33_33_33 .row1 .pdp__container .list &gt; ul .level-one .level-two:not(:first-child), .header-v4 .navItem_Content_33_33_33 .row1 .list .level-one .level-two:not(:first-child), .header-v4 .navItem_Content_33_33_33 .row1 .pdp__container .list &gt; ul .level-one .level-two:not(:first-child) {
                margin-top: 0;
              }

.global-header--v4 .navItem_Content_33_33_33 .row1 .list .level-one .level-two a, .global-header--v4 .navItem_Content_33_33_33 .row1 .pdp__container .list &gt; ul .level-one .level-two a, .header-v4 .navItem_Content_33_33_33 .row1 .list .level-one .level-two a, .header-v4 .navItem_Content_33_33_33 .row1 .pdp__container .list &gt; ul .level-one .level-two a {
                color: #0f9dff;
              }

.global-header--v4 .navItem_Content_33_33_33 .row1 .col3, .header-v4 .navItem_Content_33_33_33 .row1 .col3 {
          position: relative;
        }

.global-header--v4 .navItem_Content_33_33_33 .row1 .col3 .closeIconContainer, .header-v4 .navItem_Content_33_33_33 .row1 .col3 .closeIconContainer {
            position: absolute;
            top: 10px;
            right: 0;
          }

.global-header--v4 .navItem_Content_33_33_33 .row2, .header-v4 .navItem_Content_33_33_33 .row2 {
        grid-column: 1/-1;
        display: grid;
        grid-template-columns: 50% 50%;
        border-top: 1px solid #ccc;
      }

.global-header--v4 .navItem_Content_33_33_33 .row2 .col1, .header-v4 .navItem_Content_33_33_33 .row2 .col1 {
          border-right: 1px solid #ccc;
          justify-self: end;
        }

.global-header--v4 .navItem_Content_33_33_33 .row2 .col1,
        .global-header--v4 .navItem_Content_33_33_33 .row2 .col2,
        .header-v4 .navItem_Content_33_33_33 .row2 .col1,
        .header-v4 .navItem_Content_33_33_33 .row2 .col2 {
          padding: 23px 70px;
          max-width: 685px;
          width: 100%;
          box-sizing: border-box;
        }

.global-header--v4 .navItem_Content_33_33_33 .row2 .col1 .text.section, .global-header--v4 .navItem_Content_33_33_33 .row2 .col2 .text.section, .header-v4 .navItem_Content_33_33_33 .row2 .col1 .text.section, .header-v4 .navItem_Content_33_33_33 .row2 .col2 .text.section {
            margin: 0;
            height: 100%;
          }

.global-header--v4 .navItem_Content_33_33_33 .row2 .col1 .cmp-text, .global-header--v4 .navItem_Content_33_33_33 .row2 .col2 .cmp-text, .header-v4 .navItem_Content_33_33_33 .row2 .col1 .cmp-text, .header-v4 .navItem_Content_33_33_33 .row2 .col2 .cmp-text {
            display: flex;
            gap: 40px;
            height: inherit;
            align-items: center;
          }

.global-header--v4 .navItem_Content_33_33_33 .row2 .col1 .cmp-text &gt; *, .global-header--v4 .navItem_Content_33_33_33 .row2 .col2 .cmp-text &gt; *, .header-v4 .navItem_Content_33_33_33 .row2 .col1 .cmp-text &gt; *, .header-v4 .navItem_Content_33_33_33 .row2 .col2 .cmp-text &gt; * {
              margin: 0;
            }

.global-header--v4 .navItem_Content_33_33_33 .row2 .col1 .cmp-text .btn-container a, .global-header--v4 .navItem_Content_33_33_33 .row2 .col2 .cmp-text .btn-container a, .header-v4 .navItem_Content_33_33_33 .row2 .col1 .cmp-text .btn-container a, .header-v4 .navItem_Content_33_33_33 .row2 .col2 .cmp-text .btn-container a {
                min-width: 200px;
                box-sizing: border-box;
              }

.global-header--v4 .navItem_Content_50_50, .header-v4 .navItem_Content_50_50 {
      display: grid;
      grid-template-columns: 50% 50%;
    }

.global-header--v4 .navItem_Content_50_50 .closeIconContainer, .header-v4 .navItem_Content_50_50 .closeIconContainer {
        fill: #fff;
        text-align: end;
      }

.global-header--v4 .navItem_Content_50_50 .closeIconContainer .closeIcon, .header-v4 .navItem_Content_50_50 .closeIconContainer .closeIcon {
          margin-right: -10px;
          cursor: pointer;
        }

.global-header--v4 .navItem_Content_50_50 .navItem_Content_Container, .header-v4 .navItem_Content_50_50 .navItem_Content_Container {
        grid-row: 1;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column: 1/-1;
        padding-top: 40px;
        padding-bottom: 40px;
      }

.global-header--v4 .navItem_Content_50_50 .navItem_Content_Container .column1, .header-v4 .navItem_Content_50_50 .navItem_Content_Container .column1 {
          padding-right: 40px;
        }

.global-header--v4 .navItem_Content_50_50 .navItem_Content_Container .column2, .header-v4 .navItem_Content_50_50 .navItem_Content_Container .column2 {
          padding-left: 40px;
          position: relative;
        }

.global-header--v4 .navItem_Content_50_50 .navItem_Content_Container .column2 .closeIconContainer, .header-v4 .navItem_Content_50_50 .navItem_Content_Container .column2 .closeIconContainer {
            position: absolute;
            top: 0px;
            right: -8px;
          }

.global-header--v4 .navItem_Content_50_50 .text.section, .header-v4 .navItem_Content_50_50 .text.section {
        margin: 0;
      }

.global-header--v4 .navItem_Content_50_50 .text-and-image .img-container, .header-v4 .navItem_Content_50_50 .text-and-image .img-container {
          width: 200px;
        }

.global-header--v4 .navItem_Content_70_30, .header-v4 .navItem_Content_70_30 {
      display: grid;
      height: inherit;
    }

.global-header--v4 .navItem_Content_70_30 .row1, .header-v4 .navItem_Content_70_30 .row1 {
        display: grid;
        grid-row: 1;
        grid-template-columns: auto 430px;
      }

.global-header--v4 .navItem_Content_70_30 .row1 .column1, .header-v4 .navItem_Content_70_30 .row1 .column1 {
          display: grid;
          grid-template-columns: 1fr 1fr;
        }

.global-header--v4 .navItem_Content_70_30 .row1 .column1 .list .level-one, .global-header--v4 .navItem_Content_70_30 .row1 .column1 .pdp__container .list &gt; ul .level-one, .header-v4 .navItem_Content_70_30 .row1 .column1 .list .level-one, .header-v4 .navItem_Content_70_30 .row1 .column1 .pdp__container .list &gt; ul .level-one {
              display: grid;
            }

.global-header--v4 .navItem_Content_70_30 .row1 .column1 .list .level-one.withbtn, .global-header--v4 .navItem_Content_70_30 .row1 .column1 .pdp__container .list &gt; ul .level-one.withbtn, .header-v4 .navItem_Content_70_30 .row1 .column1 .list .level-one.withbtn, .header-v4 .navItem_Content_70_30 .row1 .column1 .pdp__container .list &gt; ul .level-one.withbtn {
                grid-template-columns: auto max-content;
                grid-gap: 15px;
              }

.global-header--v4 .navItem_Content_70_30 .row2, .header-v4 .navItem_Content_70_30 .row2 {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 50% 50%;
        border-top: 1px solid #ccc;
      }

.global-header--v4 .navItem_Content_70_30 .row2 .column1, .header-v4 .navItem_Content_70_30 .row2 .column1 {
          border-right: 1px solid #ccc;
          justify-self: end;
        }

.global-header--v4 .navItem_Content_70_30 .row2 .column1,
        .global-header--v4 .navItem_Content_70_30 .row2 .column2,
        .header-v4 .navItem_Content_70_30 .row2 .column1,
        .header-v4 .navItem_Content_70_30 .row2 .column2 {
          padding: 23px 10.25%;
          max-width: 685px;
          width: 100%;
          box-sizing: border-box;
        }

.global-header--v4 .navItem_Content_70_30 .row2 .column1 .text.section, .global-header--v4 .navItem_Content_70_30 .row2 .column2 .text.section, .header-v4 .navItem_Content_70_30 .row2 .column1 .text.section, .header-v4 .navItem_Content_70_30 .row2 .column2 .text.section {
            margin: 0;
          }

.global-header--v4 .navItem_Content_70_30 .row2 .column1 .cmp-text, .global-header--v4 .navItem_Content_70_30 .row2 .column2 .cmp-text, .header-v4 .navItem_Content_70_30 .row2 .column1 .cmp-text, .header-v4 .navItem_Content_70_30 .row2 .column2 .cmp-text {
            display: flex;
            gap: 40px;
          }

.global-header--v4 .navItem_Content_70_30 .row2 .column1 .cmp-text &gt; *, .global-header--v4 .navItem_Content_70_30 .row2 .column2 .cmp-text &gt; *, .header-v4 .navItem_Content_70_30 .row2 .column1 .cmp-text &gt; *, .header-v4 .navItem_Content_70_30 .row2 .column2 .cmp-text &gt; * {
              margin: 0;
            }

.global-header--v4 .navItem_Content_70_30 .row2 .column1 .cmp-text .btn-container a, .global-header--v4 .navItem_Content_70_30 .row2 .column2 .cmp-text .btn-container a, .header-v4 .navItem_Content_70_30 .row2 .column1 .cmp-text .btn-container a, .header-v4 .navItem_Content_70_30 .row2 .column2 .cmp-text .btn-container a {
                min-width: 200px;
                box-sizing: border-box;
              }

.global-header--v4 .navItem_Content_70_30 .closeIconContainer,.header-v4 .navItem_Content_70_30 .closeIconContainer{
        fill: #fff;
        text-align: end;
      }

.global-header--v4 .navItem_Content_70_30 .column2, .header-v4 .navItem_Content_70_30 .column2 {
        padding-left: 40px;
      }

.global-header--v4 .navItem_Content_70_30 .column3, .header-v4 .navItem_Content_70_30 .column3 {
        display: none;
      }

.global-header--v4 .navItem_Content_70_30_1, .header-v4 .navItem_Content_70_30_1 {
      display: grid;
    }

.global-header--v4 .navItem_Content_70_30_1 .row1, .header-v4 .navItem_Content_70_30_1 .row1 {
        display: grid;
        grid-column: 1 / -1;
        grid-row: 1;
        grid-template-columns: auto 430px;
      }

.global-header--v4 .navItem_Content_70_30_1 .row1 .column1, .header-v4 .navItem_Content_70_30_1 .row1 .column1 {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 70px;
          padding: 40px 40px 40px 0px;
        }

.global-header--v4 .navItem_Content_70_30_1 .row1 .column2, .header-v4 .navItem_Content_70_30_1 .row1 .column2 {
          padding: 40px 0px 40px 40px;
        }

.global-header--v4 .navItem_Content_70_30_1 .row1 .column2 .closeIconContainer, .header-v4 .navItem_Content_70_30_1 .row1 .column2 .closeIconContainer {
            fill: #fff;
            text-align: end;
            position: absolute;
            top: 35px;
            right: -8px;
          }

@media (--between-medium) {

.global-header--v4 .navItem_Content_70_30_1 .row1 .column2 .closeIconContainer, .header-v4 .navItem_Content_70_30_1 .row1 .column2 .closeIconContainer {
              display: none
          }
            }

@media (--between-medium) {
          .global-header--v4 .navItem_Content_70_30_1 .row1 .column1, .header-v4 .navItem_Content_70_30_1 .row1 .column1 {
            grid-template-columns: 1fr;
          }
        }

.global-header--v4 .navItem_Content_70_30_1 .list.section, .global-header--v4 .navItem_Content_70_30_1 .pdp__container .list &gt; ul.section, .header-v4 .navItem_Content_70_30_1 .list.section, .header-v4 .navItem_Content_70_30_1 .pdp__container .list &gt; ul.section {
        margin: 0;
      }

.global-header--v4 .nav_dismiss, .header-v4 .nav_dismiss {
    font-size: 46px;
    line-height: 0.5;
    opacity: 0.7;
    cursor: pointer;
    margin-top: -10px;
    color: #353535;
  }

.global-header--v4 .nav_dismiss:hover, .header-v4 .nav_dismiss:hover {
      color: #0174c3;
    }

.global-header--v4 .nav_dismiss, .header-v4 .nav_dismiss {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

.global-header--v4 .containerMaxLimit, .header-v4 .containerMaxLimit {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 30px;
    width: 100%;
    box-sizing: border-box;
  }

@media only screen and (min-width: 910px) and (max-width: 1024px) {

.global-header--v4 .containerMaxLimit, .header-v4 .containerMaxLimit {
      padding: 0 70px
  }
    }

.global-header--v4 .fjallaOne-Headline, .header-v4 .fjallaOne-Headline {
    font-size: 40px;
  }

.global-header--v4 .column2 .text-and-image, .header-v4 .column2 .text-and-image {
      padding: 0;
    }

.global-header--v4 .column2 .media--text-and-image, .header-v4 .column2 .media--text-and-image {
      align-items: start;
      flex-direction: row-reverse;
      gap: 30px;
      padding: 0;
    }


.graphic-text-carousel-content .description h2,
    .graphic-text-carousel-content .description h1 {
      margin-bottom: 30px;
    }


.graphic-text-carousel-content .description h3,
    .graphic-text-carousel-content .description h4,
    .graphic-text-carousel-content .description h5,
    .graphic-text-carousel-content .description h6,
    .graphic-text-carousel-content .description p {
      margin-top: 0;
      margin-bottom: 17px;
    }


.graphic-text-carousel-content .description &gt; *:last-child {
      margin-bottom: 0px;
    }


.graphic-text-carousel-content .description ul {
      display: grid;
      grid-gap: 20px;
    }


@media (max-width: 768px) {
      .graphic-text-carousel-content .design1.grid-12 {
        grid-row-gap: 40px;
      }

      .graphic-text-carousel-content .design1 .descriptionBox {
        grid-row: 1;
        grid-column: 1/5;
        padding: 10.817% 8%;
      }

      .graphic-text-carousel-content .design1 .blue-box,
      .graphic-text-carousel-content .design1 .imgBox {
        grid-column: 1/5;
        grid-row: 2;
      }

      .graphic-text-carousel-content .design1 .blue-box {
        height: 70%;
      }

        .graphic-text-carousel-content .design1 .blue-box.left {
          margin-left: -8%;
        }

        .graphic-text-carousel-content .design1 .blue-box.right {
          margin-right: -8%;
        }

      .graphic-text-carousel-content .design1 .imgBox {
        z-index: 1;
        padding: 0 8%;
        text-align: center;
      }

        .graphic-text-carousel-content .design1 .imgBox img {
          max-width: 100%;
        }
  }

@media (min-width: 768px) and (max-width: 1024px) {
      .graphic-text-carousel-content .design1 .blue-box {
        grid-row: 1;
        margin: 0 !important;
        position: relative;
        z-index: 101;
        transition: transform linear 0.5s;
      }

        .graphic-text-carousel-content .design1 .blue-box.left {
          grid-column: 1/4;
        }

        .graphic-text-carousel-content .design1 .blue-box.right {
          grid-column: 6/9;
        }

        .graphic-text-carousel-content .design1 .blue-box.top100 {
          height: calc(100% + 60px);
        }

        .graphic-text-carousel-content .design1 .blue-box.top60 {
          height: calc(100% + 100px);
        }

        .graphic-text-carousel-content .design1 .blue-box.top20 {
          height: calc(100% + 140px);
        }

      .graphic-text-carousel-content .design1 .imgBox {
        grid-row: 1;
        z-index: 102;
        display: grid;
        align-items: end;
        padding: 0 8%;
        justify-content: flex-end;
      }

        .graphic-text-carousel-content .design1 .imgBox.left {
          grid-column: 1/5;
        }

        .graphic-text-carousel-content .design1 .imgBox.right {
          grid-column: 5/9;
        }

      .graphic-text-carousel-content .design1 .descriptionBox {
        grid-row: 1;
        padding: 0 !important;
      }

        .graphic-text-carousel-content .design1 .descriptionBox.right {
          grid-column: 3/9;
        }

          .graphic-text-carousel-content .design1 .descriptionBox.right .description {
            margin: 8.5% 10% 8.5% 35%;
          }

        .graphic-text-carousel-content .design1 .descriptionBox.left {
          grid-column: 1/7;
        }

          .graphic-text-carousel-content .design1 .descriptionBox.left .description {
            margin: 8.5% 35% 8.5% 10%;
          }

        .graphic-text-carousel-content .design1 .descriptionBox.top100 {
          margin-top: 100px;
        }

        .graphic-text-carousel-content .design1 .descriptionBox.top60 {
          margin-top: 60px;
        }

        .graphic-text-carousel-content .design1 .descriptionBox.top20 {
          margin-top: 20px;
        }
}

@media (min-width: 768px) and (max-width: 1024px) {
      .graphic-text-carousel-content .grid-12.ht-top100 {
        padding-bottom: 120px;
      }

      .graphic-text-carousel-content .grid-12.ht-top60 {
        padding-bottom: 160px;
      }

      .graphic-text-carousel-content .grid-12.ht-top20 {
        padding-bottom: 200px;
      }
      .graphic-text-carousel-content .imgBox img {
        max-width: 100%;
      }

    .graphic-text-carousel-content .descriptionBox {
      z-index: 1;
      min-height: 380px;
    }

    .graphic-text-carousel-content .blue-box-1 {
      transform: translate(0, 50px);
    }
}

@media (min-width: 1024px) {
      .graphic-text-carousel-content .grid-12.ht-top100 {
        padding-bottom: 140px;
      }

      .graphic-text-carousel-content .grid-12.ht-top60 {
        padding-bottom: calc(149px + 60px);
      }

      .graphic-text-carousel-content .grid-12.ht-top20 {
        padding-bottom: calc(180px + 60px);
      }

    .graphic-text-carousel-content .blue-box-1 {
      transform: translate(0, 50px);
    }
      .graphic-text-carousel-content .design1 .blue-box {
        grid-row: 1;
        margin: 0 -6.5% !important;
        position: relative;
        z-index: 101;
        transition: transform linear 0.5s;
      }

        .graphic-text-carousel-content .design1 .blue-box.left {
          grid-column: 1/6;
        }

        .graphic-text-carousel-content .design1 .blue-box.right {
          grid-column: 8/13;
        }

        .graphic-text-carousel-content .design1 .blue-box.top100 {
          height: 119.16%;
        }

        .graphic-text-carousel-content .design1 .blue-box.top60 {
          height: 133.525%;
        }

        .graphic-text-carousel-content .design1 .blue-box.top20 {
          height: 143%;
        }

      .graphic-text-carousel-content .design1 .imgBox {
        grid-row: 1;
        z-index: 102;
        display: grid;
        align-items: end;
      }

        .graphic-text-carousel-content .design1 .imgBox img {
          display: block;
          max-width: 100%;
        }

        .graphic-text-carousel-content .design1 .imgBox.left {
          grid-column: 1/8;
          margin-left: -4.476% !important;
          margin-right: 5.98% !important;
          justify-content: flex-end;
        }

        .graphic-text-carousel-content .design1 .imgBox.right {
          grid-column: 6/13;
          margin-right: -4.476% !important;
          margin-left: 5.98% !important;
        }

      .graphic-text-carousel-content .design1 .descriptionBox {
        grid-row: 1;
        z-index: 0;
        min-height: 380px;
      }

        .graphic-text-carousel-content .design1 .descriptionBox.right {
          margin-right: -3.092%;
          grid-column: 3/13;
        }

          .graphic-text-carousel-content .design1 .descriptionBox.right .description {
            margin: 6% 9% 6% 50%;
          }

        .graphic-text-carousel-content .design1 .descriptionBox.left {
          margin-left: -3.092%;
          grid-column: 1/11;
        }

          .graphic-text-carousel-content .design1 .descriptionBox.left .description {
            margin: 6% 50% 6% 9%;
          }

        .graphic-text-carousel-content .design1 .descriptionBox.top100 {
          margin-top: 100px;
        }

        .graphic-text-carousel-content .design1 .descriptionBox.top60 {
          margin-top: 60px;
        }

        .graphic-text-carousel-content .design1 .descriptionBox.top20 {
          margin-top: 20px;
        }
}

@media (max-width: 767px) {
      .graphic-text-carousel-content .design2 .blue-box,
      .graphic-text-carousel-content .design2 .imgBox.noBg {
        grid-column: 1/5;
        grid-row: 1;
      }

      .graphic-text-carousel-content .design2 .blue-box {
        margin: 0 9%;
      }

      .graphic-text-carousel-content .design2 .imgBox {
        grid-row: 1;
        margin-top: 40px;
        height: 100%;
        z-index: 1;
      }

        .graphic-text-carousel-content .design2 .imgBox.noBg {
          text-align: center;
        }

        .graphic-text-carousel-content .design2 .imgBox.withBg {
          grid-column: 2/5;
          text-align: end;
        }

        .graphic-text-carousel-content .design2 .imgBox &gt; div {
          height: 100%;
          margin: 0 !important;
          display: flex;
          justify-content: center;
          align-items: center;
        }

          .graphic-text-carousel-content .design2 .imgBox &gt; div img {
            max-width: 100%;
            height: auto;
          }

      .graphic-text-carousel-content .design2 .descriptionBox {
        grid-row: 2;
        grid-column: 1/5;
      }

        .graphic-text-carousel-content .design2 .descriptionBox .description {
          padding: 100px 9% 60px 9%;
        }

      .graphic-text-carousel-content .design2 .background-text {
        display: none;
      }
}

@media (min-width: 768px) {
      .graphic-text-carousel-content .design2 .background-text {
        display: block;
        grid-row: 1;
      }

        .graphic-text-carousel-content .design2 .background-text.right {
          text-align: start;
        }

        .graphic-text-carousel-content .design2 .background-text.left {
          text-align: end;
        }

      .graphic-text-carousel-content .design2 .blue-box {
        grid-row: 2;
        z-index: 101;
        box-shadow: 0 4px 9pt 0 rgba(0, 1, 1, 0.15);
        height: calc(100% + 15px);
        max-height: 380px;
        margin-top: -75px;
      }

      .graphic-text-carousel-content .design2 .imgBox {
        grid-row: 2;
        z-index: 101;
        position: relative;
      }

      .graphic-text-carousel-content .design2 .descriptionBox {
        grid-row: 2;
        margin-top: -15px;
      }
}

@media (min-width: 768px) and (max-width: 1024px) {
        .graphic-text-carousel-content .design2 .blue-box.left {
          grid-column: 1/4;
        }

        .graphic-text-carousel-content .design2 .blue-box.right {
          grid-column: 6/9;
        }
        .graphic-text-carousel-content .design2 .descriptionBox.left {
          grid-column: 1/8;
        }

          .graphic-text-carousel-content .design2 .descriptionBox.left .description {
            padding: 12% 44% 12% 15%;
          }

        .graphic-text-carousel-content .design2 .descriptionBox.right {
          grid-column: 2/9;
        }

          .graphic-text-carousel-content .design2 .descriptionBox.right .description {
            padding: 12% 15% 12% 44%;
          }

      .graphic-text-carousel-content .design2 .imgBox {
        height: max-content !important;
      }
          .graphic-text-carousel-content .design2 .imgBox.withBg.right {
            grid-column: 6/8;
            margin: -15px -21% 0px;
          }

          .graphic-text-carousel-content .design2 .imgBox.withBg.left {
            grid-column: 2/5;
            margin: -15px 0px 0px -21%;
          }
          .graphic-text-carousel-content .design2 .imgBox.noBg.right {
            grid-column: 7/9;
            margin: -75px 0px 0px -17%;
          }

          .graphic-text-carousel-content .design2 .imgBox.noBg.left {
            grid-column: 1/3;
            margin: -75px -17% 0 0;
          }
}

@media (min-width: 1024px) {
      .graphic-text-carousel-content .design2 .blue-box {
        margin: 0 -11.11%;
      }

        .graphic-text-carousel-content .design2 .blue-box.left {
          grid-column: 1/4;
        }

        .graphic-text-carousel-content .design2 .blue-box.right {
          grid-column: 10/13;
        }
          .graphic-text-carousel-content .design2 .imgBox.withBg.right {
            grid-column: 9/12;
            margin: -15px -11.11% 0px 11.11%;
          }

          .graphic-text-carousel-content .design2 .imgBox.withBg.left {
            grid-column: 2/5;
            margin: -15px 11.11% 0px -11.11%;
          }
          .graphic-text-carousel-content .design2 .imgBox.noBg.right {
            grid-column: 10/13;
            margin: -75px 11.11% 0px -11.11%;
          }

          .graphic-text-carousel-content .design2 .imgBox.noBg.left {
            grid-column: 1/4;
            margin: -75px -11.11% 0px 11.11%;
          }
        .graphic-text-carousel-content .design2 .descriptionBox .description {
          padding: 8% 20%;
        }

        .graphic-text-carousel-content .design2 .descriptionBox.left {
          margin-left: -3.092%;
          grid-column: 1/11;
        }

        .graphic-text-carousel-content .design2 .descriptionBox.right {
          margin-right: -3.092%;
          grid-column: 3/13;
        }
}

.hero-image + .vspacebtncomp-top, .heroimage + .vspacebtncomp-top {
    padding-top: 20px !important;
  }

.hero-image .img-container,
  .hero-image .descriptionBox,
  .heroimage .img-container,
  .heroimage .descriptionBox {
    grid-row: 1;
  }

.hero-image .img-container, .heroimage .img-container {
    z-index: 0;
    position: relative;
  }

@media only screen and (min-width: 1370px) {

.hero-image .img-container, .heroimage .img-container {
      max-height: 615px
  }
    }

@media only screen and (min-width: 1250px) {
      .hero-image .img-container video, .heroimage .img-container video {
        max-height: calc(100% + 60px);
        width: 100%;
      }
    }

.hero-image .img-container img, .heroimage .img-container img {
      max-width: 100%;
      display: block;
    }

.hero-image .descriptionBox, .heroimage .descriptionBox {
    position: static;
    z-index: 1;
    display: grid;
    grid-gap: 30px;
    padding: 30px 30px;
    grid-column: 1/-1;
  }

@media only screen and (min-width: 768px) and (max-width: 1024px) {

.hero-image .descriptionBox, .heroimage .descriptionBox {
      padding: 0
  }
    }

@media only screen and (min-width: 1025px) {

.hero-image .descriptionBox, .heroimage .descriptionBox {
      grid-gap: 40px;
      padding: 40px calc(40px - 2.44%)
  }
    }

.hero-image .descriptionBox .btn-container, .heroimage .descriptionBox .btn-container {
      margin-top: 0;
    }

.hero-image .descriptionBox .eyebrow, .heroimage .descriptionBox .eyebrow {
      display: flex;
    }

.hero-image .descriptionBox .eyebrow h6, .heroimage .descriptionBox .eyebrow h6 {
        margin-top: 0;
      }

.hero-image .descriptionBox .eyebrow.right, .heroimage .descriptionBox .eyebrow.right {
        justify-content: end;
        text-align: end;
      }

.hero-image .descriptionBox .eyebrow.left, .heroimage .descriptionBox .eyebrow.left {
        justify-content: start;
        text-align: start;
      }

.hero-image .descriptionBox .eyebrow, .heroimage .descriptionBox .eyebrow {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
}

.hero-image .descriptionBox .description h1, .heroimage .descriptionBox .description h1 {
      margin-bottom: 20px;
      margin-top: 0;
    }

.hero-image .descriptionBox.center, .heroimage .descriptionBox.center {
      text-align: center;
    }

.hero-image .descriptionBox.left, .heroimage .descriptionBox.left {
      text-align: left;
    }

.hero-image .descriptionBox.right, .heroimage .descriptionBox.right {
      text-align: end;
    }

@media only screen and (max-width: 768px) {
      .hero-image .descriptionBox .description, .heroimage .descriptionBox .description {
        word-wrap: anywhere;
      }

        .hero-image .descriptionBox .description br, .heroimage .descriptionBox .description br {
          display: none;
        }
    }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
        .hero-image .descriptionBox .eyebrow .left, .heroimage .descriptionBox .eyebrow .left {
          margin-left: 20px;
        }

      .hero-image .descriptionBox .description, .heroimage .descriptionBox .description {
        max-width: 612px;
      }

        .hero-image .descriptionBox .description br, .heroimage .descriptionBox .description br {
          display: none;
        }

      .hero-image .descriptionBox .description,
      .hero-image .descriptionBox .btn-container,
      .heroimage .descriptionBox .description,
      .heroimage .descriptionBox .btn-container {
        padding: 0px 20px;
      }
    }

@media only screen and (min-width: 1025px) and (max-width: 1250px) {
      .hero-image .descriptionBox .description, .heroimage .descriptionBox .description {
        max-width: 730px;
      }

        .hero-image .descriptionBox .description br, .heroimage .descriptionBox .description br {
          display: none;
        }

      .hero-image .descriptionBox .description,
      .hero-image .descriptionBox .btn-container,
      .heroimage .descriptionBox .description,
      .heroimage .descriptionBox .btn-container {
        padding: 0px 20px;
      }
    }

@media only screen and (max-width: 768px) {
      .hero-image .descriptionBox .description, .heroimage .descriptionBox .description {
        word-wrap: anywhere;
      }

        .hero-image .descriptionBox .description br, .heroimage .descriptionBox .description br {
          display: none;
        }
    }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
        .hero-image .descriptionBox .eyebrow .left, .heroimage .descriptionBox .eyebrow .left {
          margin-left: 20px;
        }

      .hero-image .descriptionBox .description, .heroimage .descriptionBox .description {
        max-width: 612px;
      }

        .hero-image .descriptionBox .description br, .heroimage .descriptionBox .description br {
          display: none;
        }

      .hero-image .descriptionBox .description,
      .hero-image .descriptionBox .btn-container,
      .heroimage .descriptionBox .description,
      .heroimage .descriptionBox .btn-container {
        padding: 0px 20px;
      }
    }

@media only screen and (min-width: 1025px) and (max-width: 1250px) {
      .hero-image .descriptionBox .description, .heroimage .descriptionBox .description {
        max-width: 730px;
      }

        .hero-image .descriptionBox .description br, .heroimage .descriptionBox .description br {
          display: none;
        }

      .hero-image .descriptionBox .description,
      .hero-image .descriptionBox .btn-container,
      .heroimage .descriptionBox .description,
      .heroimage .descriptionBox .btn-container {
        padding: 0px 20px;
      }
    }

@media only screen and (min-width: 1250px) {
      .hero-image .descriptionBox.left, .heroimage .descriptionBox.left {
        grid-column: 2/10;
        margin-left: -30px;
      }

        .hero-image .descriptionBox.left.video, .heroimage .descriptionBox.left.video {
          grid-column: 2/8;
        }

      .hero-image .descriptionBox.center, .heroimage .descriptionBox.center {
        grid-column: 3/11;
      }

      .hero-image .descriptionBox.right, .heroimage .descriptionBox.right {
        grid-column: 4/12;
      }

      .hero-image .descriptionBox:not(.vAlignCenter), .heroimage .descriptionBox:not(.vAlignCenter) {
        margin: 120px 0 40px -30px;
      }

      .hero-image .descriptionBox .eyebrow, .heroimage .descriptionBox .eyebrow {
        position: absolute;
        top: 40px;
      }

        .hero-image .descriptionBox .eyebrow.right, .heroimage .descriptionBox .eyebrow.right {
          right: 75px;
        }

        .hero-image .descriptionBox .eyebrow.left, .heroimage .descriptionBox .eyebrow.left {
          left: 75px;
        }

        .hero-image .descriptionBox .eyebrow, .heroimage .descriptionBox .eyebrow {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
	}

      .hero-image .descriptionBox.vAlignCenter, .heroimage .descriptionBox.vAlignCenter {
        align-self: center;
      }

      .hero-image .descriptionBox.vAlignTop, .heroimage .descriptionBox.vAlignTop {
        align-self: first baseline;
      }

        .hero-image .descriptionBox.vAlignTop .description, .heroimage .descriptionBox.vAlignTop .description {
          margin-top: 15px;
        }

      .hero-image .descriptionBox.vAlignBottom, .heroimage .descriptionBox.vAlignBottom {
        align-self: end;
      }

        .hero-image .descriptionBox.vAlignBottom .description, .heroimage .descriptionBox.vAlignBottom .description {
          margin-bottom: 60px;
        }
    }

.hero-image #heroImageVideoPoster, .heroimage #heroImageVideoPoster {
    cursor: pointer;
  }

@media only screen and (min-width: 1250px) {
    .hero-image &gt; .grid-12, .heroimage &gt; .grid-12 {
      position: relative;
    }
  }

@media (max-width: 1250px) {
      body.digicert-body .hero-image .img-container img,
      body.digicert-body .hero-image .img-container video,
      body.digicert-body .heroimage .img-container img,
      body.digicert-body .heroimage .img-container video {
        display: none;
      }

      body.digicert-body .hero-image .mb-txtWhite, body.digicert-body .heroimage .mb-txtWhite {
        background-color: #0174c3 !important;
      }

      body.digicert-body .hero-image .mb-txtBlack, body.digicert-body .heroimage .mb-txtBlack {
        background-color: #e9eef1 !important;
      }
    }

body.geotrust-body .hero-image .img-container img, body.geotrust-body .heroimage .img-container img {
      min-height: 290px;
    }

@media only screen and (max-width: 768px) {
      body.geotrust-body .hero-image .descriptionBox, body.geotrust-body .heroimage .descriptionBox {
        padding: 60px 30px;
      }
    }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
      body.geotrust-body .hero-image .descriptionBox, body.geotrust-body .heroimage .descriptionBox {
        padding: 60px;
      }
    }

@media (max-width: 1250px) {
      body.geotrust-body .hero-image .img-container img,
      body.geotrust-body .hero-image .img-container video,
      body.geotrust-body .heroimage .img-container img,
      body.geotrust-body .heroimage .img-container video {
        display: none;
      }

      body.geotrust-body .hero-image .mb-txtWhite, body.geotrust-body .heroimage .mb-txtWhite {
        background-color: #f37121 !important;
      }

      body.geotrust-body .hero-image .mb-txtBlack, body.geotrust-body .heroimage .mb-txtBlack {
        background-color: #e9eef1 !important;
      }
    }

.hero-image-v2, .heroimage-v2 {
    display: grid;
    max-width: 1370px !important;
    padding: 0 !important;
  }

.hero-image-v2 .bgImage, .heroimage-v2 .bgImage {
      grid-row: 1;
      z-index: -1;
      grid-column: 1/-1;
      overflow: hidden;
      box-sizing: border-box;
    }

.hero-image-v2 .bgImage img, .heroimage-v2 .bgImage img {
        width: 100%;
        display: block;
      }

.hero-image-v2 .description, .heroimage-v2 .description {
      max-width: 770px;
      margin: 70px 0px 0px 110px;
      box-sizing: border-box;
      grid-row: 1;
      z-index: 1;
      grid-column: 1/-1;
    }

.hero-image-v2 .cardList, .heroimage-v2 .cardList {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 30px;
      grid-row: 1;
      grid-column: 1/-1;
    }

.hero-image-v2 .cardList .listItem, .heroimage-v2 .cardList .listItem {
        background: #fff;
        grid-template-columns: 110px auto;
        height: 113px;
        box-sizing: border-box;
      }

.hero-image-v2 .cardList .listItem .title, .heroimage-v2 .cardList .listItem .title {
          color: #000;
          padding: 9px 24px 19px 24px;
          font-size: 20px;
          line-height: 26px;
          overflow: hidden;
        }

.hero-image-v2 .cardList .listItem img, .heroimage-v2 .cardList .listItem img {
          width: 110px;
          height: 113px;
          display: block;
          object-fit: contain;
        }

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

.hero-image-v2, .heroimage-v2 {
      grid-template-rows: max-content auto
  }

      .hero-image-v2 .bgImage, .heroimage-v2 .bgImage {
        grid-row: 1/3;
        height: calc(100% - 120px);
      }

        .hero-image-v2 .bgImage img, .heroimage-v2 .bgImage img {
          height: 100%;
        }

      .hero-image-v2 .description, .heroimage-v2 .description {
        margin: 56px 6.98%;
        padding: 56px 30px;
      }

      .hero-image-v2 .cardList, .heroimage-v2 .cardList {
        grid-template-columns: 1fr;
        margin: 0 6.98% 60px;
        grid-row: 2;
      }

        .hero-image-v2 .cardList img, .heroimage-v2 .cardList img {
          object-fit: cover;
        }
    }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
      .hero-image-v2 .description,
      .hero-image-v2 .cardList,
      .heroimage-v2 .description,
      .heroimage-v2 .cardList {
        max-width: 640px;
      }
    }

@media only screen and (min-width: 1024px) {

.hero-image-v2, .heroimage-v2 {
      height: 788px;
      margin: 0 auto
  }

      .hero-image-v2 .bgImage, .heroimage-v2 .bgImage {
        height: 655px;
      }

      .hero-image-v2 .description, .heroimage-v2 .description {
        height: 455px;
        padding: 64px 70px;
        box-sizing: border-box;
        align-content: center;
      }

        .hero-image-v2 .description .cmp-text, .heroimage-v2 .description .cmp-text {
          display: grid;
          gap: 40px;
        }

          .hero-image-v2 .description .cmp-text h1, .heroimage-v2 .description .cmp-text h1 {
            margin-bottom: -13px;
          }

          .hero-image-v2 .description .cmp-text h6, .heroimage-v2 .description .cmp-text h6 {
            margin-bottom: -5px;
          }

      .hero-image-v2 .cardList, .heroimage-v2 .cardList {
        align-self: end;
        margin-bottom: 80px;
        margin-left: 110px;
        margin-right: 110px;
      }
    }

.scrollbarComponent {
  position: fixed;
  display: none;
  z-index: 2;
  left: 30px;
  top: 15vh;
  height: 76vh;
  padding: 14px;
  border-radius: 25px;
  background: #fff;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.1));
}

.scrollbarComponent__progress {
    position: relative;
    border-radius: 25px;
    background-color: #e0e0e0;
    width: 5px;
    height: 100%;
  }

.scrollbarComponent__progress--active {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      line-height: 23px;
      text-align: center;
      background: #0174c3;
      border-radius: 25px;
    }

.scrollbarComponent__pointer {
    width: 0;
    height: 23px;
    overflow: hidden;
    position: fixed;
    border-radius: 25px;
    background-color: #0174c3;
    left: 15px;
    font-size: 14px;
    color: #fff;
  }

.scrollbarComponent__pointer__sequence {
      width: 23px;
      height: 23px;
      z-index: 1;
      cursor: pointer;
      position: fixed;
      border-radius: 25px;
      color: #0174c3;
      left: 5px;
      font-size: 14px;
      border: 1px groove #e0e0e0;
      filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.1));
      background-color: #fff;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
    }

.scrollbarComponent__pointer__sequence:hover + .scrollbarComponent__pointer {
      width: max-content;
      padding: 0 25px;
    }

.scrollbarComponent__pointer {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.job-open-list .grnhse_app section .opening {
        background-color: white;
      }

.content-flex.section,
#customers,
#The_DigiCert_Way,
#product-slider,
#Come_Grow_with_Us,
#page-nav-fixer {
  display: none;
}

.lds-facebook {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  left: 50%;
}

.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 6px;
  width: 13px;
  background: #1f78bd;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lds-facebook div:nth-child(1) {
  left: 6px;
  animation-delay: -0.24s;
}

.lds-facebook div:nth-child(2) {
  left: 26px;
  animation-delay: -0.12s;
}

.lds-facebook div:nth-child(3) {
  left: 45px;
  animation-delay: 0;
}

@keyframes lds-facebook {
  0% {
    top: 6px;
    height: 51px;
  }

  50%,
  100% {
    top: 19px;
    height: 26px;
  }
}

.norton-certi {
  top: -150px !important;
  right: 0px !important;
}

.norton-certi img {
  width: 85% !important;
}

#hero-header h3 {
  text-align: left;
  color: #353535 !important;
}

@media (max-width: 1200px) {
  .norton-certi {
    width: 55%;
  }

  .WCard .norton-certi {
    top: -120px !important;
  }
}

@media (max-width: 991px) {
  .WCard .norton-certi {
    top: -80px !important;
  }
}

@media (max-width: 768px) {
  .norton-certi {
    width: 100% !important;
  }

  #hero-header h3 {
    text-align: center;
  }
}

@media (max-width: 480px) {
  div#hero-header.section.certificate {
    background-image: none !important;
  }
}

.layered-content-blade .media__figure--cover .image {
          aspect-ratio: 370 / 220;
        }

.cmp-VeniaMiniCart__miniCart__includes p, .productFullDetail__whatIsIncluded p {
    font-size: 18px;
    margin: 0 0 20px;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
  }

.cmp-VeniaMiniCart__miniCart__includes ul, .productFullDetail__whatIsIncluded ul {
    display: grid;
    font-size: 14px;
    gap: 16px;
    list-style: none;
    padding-left: 0;
  }

.cmp-VeniaMiniCart__miniCart__includes ul li, .productFullDetail__whatIsIncluded ul li {
      padding-left: 20px;
      position: relative;
    }

.cmp-VeniaMiniCart__miniCart__includes ul li::before, .productFullDetail__whatIsIncluded ul li::before {
        color: #62a64e;
        content: "\2713";
        left: 0;
        margin-right: 10px;
        position: absolute;
      }

.payment-options {
  color: #6e6e6e;
  font-size: 14px;
  gap: 18px;
  margin: 18px 0;
}

.payment-options__label {
    color: #353535;
  }

.blue-filled:hover .icon-color--white {
    fill: #0f9dff;
  }

.footer--contact {
    background-color: white;
    border-top: 1px solid #c1cbd3;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
    left: 24px;
    margin: 0 -24px;
    padding: 24px;
    position: fixed;
    width: calc(100% - 45px);
  }

.footer--contact .icon-wrapper {
      align-items: center;
      flex-direction: row;
    }

.minicart .cmp-VeniaHeader__cartTrigger__counter {
    left: 1.125rem;
  }

.minicart .btn.primary {
    height: auto;
    padding: 4px 15px;
    width: auto;
  }

.minicart .cmp-VeniaHeader__cartTrigger__counter {
        background-color: #0f9dff;
      }

.geotrust-body .minicart .cmp-VeniaHeader__cartTrigger__counter {
          background-color: #f37121;
        }

.minicart .cmp-VeniaHeader__cartTrigger__trigger {
        background-color: transparent;
        border: none;
        padding: 0;
        margin: 0;
        min-width: auto;
      }

.minicart .cmp-VeniaHeader__cartTrigger__triggerContainer_open {
          box-shadow: none;
        }

.minicart .minicart__trigger .cmp-VeniaIcon__icon__icon {
      stroke: #777;
    }

.minicart .productFullDetail__subscription {
    align-items: start;
  }

.minicart .cmp-VeniaHeader__cartTrigger__triggerContainer {
    display: grid;
  }

.minicart .cmp-VeniaProductListing__product__name__label {
          font-size: 18px;
          font-weight: normal;
          line-height: normal;
        }

@media only (--below-small) {

.minicart .cmp-VeniaProductListing__product__name__label {
            font-size: 20px
        }
          }

.minicart .cmp-VeniaProductListing__product__options:empty {
          display: none;
        }

.minicart .cmp-VeniaCartPage__cartPage__root,
  .minicart .cmp-VeniaProductListing__productListing__root {
    gap: 0;
    margin: 0;
    padding: 0;
  }

.minicart .cmp-VeniaCartPage__cartPage__body,
  .minicart .cmp-VeniaProductListing__product__root,
  .minicart .cmp-VeniaProductListing__product__item,
  .minicart .cmp-VeniaProductListing__product__details {
    display: block;
  }

.minicart .cmp-VeniaProductListing__product__root {
    border-bottom: 1px solid #ccc;
    padding: 20px;
    position: relative;
  }

.minicart .cmp-VeniaCartPage__cartPage__heading_container {
    margin: 0;
  }

.geotrust-body .minicart .cmp-VeniaMiniCart__miniCart__root {
        width: 100vw;
      }

.geotrust-body .minicart .cmp-VeniaMiniCart__miniCart__root_open {
          box-shadow: #ffffffb8 0px 0px 0px 4000px inset;
        }

.minicart .cmp-VeniaMiniCart__miniCart__root_open {
        left: auto;
        right: 0;
        transform: none;
        height: calc(100vh - 80px);
      }

.minicart .cmp-VeniaMiniCart__miniCart__title {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

.minicart .cmp-VeniaMiniCart__miniCart__title .icon {
        cursor: pointer;
      }

.minicart .cmp-VeniaMiniCart__miniCart__title .icon use {
          pointer-events: none;
        }

.minicart .cmp-VeniaMiniCart__miniCart__status {
      display: flex;
    }

.minicart .cmp-VeniaMiniCart__miniCart__title,
    .minicart .cmp-VeniaMiniCart__miniCart__status:not(.hidden) {
      padding: 0 0 10px 0;
      font-size: 22px;
    }

.minicart .cmp-VeniaMiniCart__miniCart__title,
    .minicart .cmp-VeniaMiniCart__miniCart__status:not(.hidden) {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

.minicart .cmp-VeniaMiniCart__miniCart__contents {
      display: flex;
      flex-direction: column;
      gap: 15px;
      justify-content: space-between;
      min-height: 15rem;
      transform: translateX(615px);
    }

.minicart .cmp-VeniaMiniCart__miniCart__contents_open {
        height: 100vh;
        max-height: calc(100vh - 80px);
        left: auto;
        overflow-y: auto;
        right: 20px;
        top: 0;
        transform: translateX(25px);
      }

.geotrust-body .minicart .cmp-VeniaMiniCart__miniCart__contents_open {
          max-height: calc(100vh - 94px);
        }

.minicart .cmp-VeniaMiniCart__miniCart__contents_open {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
}

.minicart .cmp-VeniaMiniCart__miniCart__top {
      height: 100%;
      max-height: calc(100vh - 270px);
      overflow-y: auto;
      padding: 20px;
      scrollbar-width: none;
    }

.minicart .cmp-VeniaMiniCart__miniCart__top::-webkit-scrollbar {
        display: none;
      }

.minicart .cmp-VeniaMiniCart__miniCart__header {
      border: none;
      margin: 0;
      padding: 0;
    }

.minicart .cmp-VeniaMiniCart__miniCart__body {
      border: 1px solid #ccc;
      border-bottom: none;
      max-height: calc(100vh - 610px);
      overflow-y: auto;
      padding: 0;
      scrollbar-width: none;
    }

.minicart .cmp-VeniaMiniCart__miniCart__body::-webkit-scrollbar {
        display: none;
      }

.minicart .cmp-VeniaMiniCart__miniCart__footer {
      background-color: #f2f2f2;
      border: 1px solid #ccc;
      border-top: none;
      margin: 0;
      padding: 20px;
    }

.minicart .cmp-VeniaMiniCart__miniCart__price {
      display: flex;
      justify-content: space-between;
      width: 100%;
    }

.minicart .cmp-VeniaMiniCart__miniCart__price-text,
      .minicart .cmp-VeniaMiniCart__miniCart__price-value {
        font-size: 22px;
      }

.minicart .cmp-VeniaMiniCart__miniCart__price-text,
      .minicart .cmp-VeniaMiniCart__miniCart__price-value {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
}

.minicart .cmp-VeniaMiniCart__miniCart__price small {
        color: #6e6e6e;
        @mixin Roboto-Light-Italic();
        font-size: 14px;
      }

.minicart .cmp-VeniaMiniCart__miniCart__actions {
      display: grid;
      gap: 15px;
      margin: 32px 0;
    }

.minicart .cmp-VeniaMiniCart__miniCart__actions-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

.minicart .cmp-VeniaMiniCart__miniCart__quantity {
      font-size: 14px;
      margin: 0 10px;
    }

.minicart .cmp-VeniaMiniCart__miniCart__checkoutButton {
      margin: 0;
    }

.minicart .cmp-VeniaMiniCart__miniCart__checkoutButton:focus {
        box-shadow: none;
      }

.minicart .cmp-VeniaMiniCart__miniCart__checkoutButton:first-child {
        background-color: #fff;
        border: 2px solid #0f9dff;
        color: #0f9dff;
      }

.minicart__includes {
    font-size: 14px;
    margin: 15px 0;
  }

.minicart .cmp-VeniaProductListing__product__name button {
        background-color: transparent;
        border: none;
      }

.minicart .cmp-VeniaProductListing__product__name,
    .minicart .cmp-VeniaProductListing__product__quantity-price {
      align-items: center;
      display: flex;
      justify-content: space-between;
    }

.minicart .cmp-VeniaProductListing__product__quantity-price {
      align-items: center;
    }

.minicart .cmp-VeniaProductListing__product__messages-options {
      font-size: 14px;
      margin-top: 12px;
    }

.minicart .cmp-VeniaProductListing__unitOfMeasure {
      display: block;
      font-size: 16px;
      margin: 20px 0 8px;
    }

.minicart .cmp-VeniaProductListing__quantity__root {
      display: flex;
      border: 1px solid #0f9dff;
      gap: 0;
    }

.minicart .cmp-VeniaProductListing .cmp-VeniaField__fieldIcons__root {
        width: auto;
        height: auto;
      }

.minicart .cmp-VeniaProductListing__quantity__input {
      -moz-appearance: textfield;
      -webkit-appearance: textfield;
      appearance: textfield;
      border: none;
      display: block;
      flex: none;
      font-size: 13px;
      height: 25px;
      text-align: center;
      padding: 0;
      width: 20px;
    }

.minicart .cmp-VeniaProductListing__quantity__input::-webkit-inner-spin-button,
      .minicart .cmp-VeniaProductListing__quantity__input::-webkit-outer-spin-button {
        -webkit-appearance: none;
      }

.minicart .cmp-VeniaProductListing__quantity__input:focus {
        box-shadow: none;
      }

.minicart .cmp-VeniaProductListing__quantity__input {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
}

.minicart .cmp-VeniaProductListing__quantity__button {
      border: none;
      color: #0f9dff;
      padding: 4px 3px;
      height: 1.5rem;
      width: 1.5rem;
    }

.minicart .cmp-VeniaProductListing__quantity__icon {
      pointer-events: none;
      display: block;
      width: 16px;
      cursor: pointer;
    }

.minicart .cmp-VeniaProductListing__quantity__icon .cmp-VeniaIcon__icon__icon {
        width: 10px;
        height: 10px;
        fill: #0f9dff;
        stroke: #0f9dff;
      }

.minicart .icon--payment-recurring,
  .minicart .icon--pencil,
  .minicart .icon--trash {
    width: 16px;
    height: 16px;
  }

.minicart .icon--trash {
    fill: #0f9dff;
  }

.navbar .cmp-VeniaHeader__cartTrigger__triggerContainer {
    display: grid;
  }

[data-sku="professional_service"] .cmp-VeniaProductListing__product__messages-options,
[data-sku="professional_service"] .cmp-VeniaProductListing__product__quantity {
  display: none;
}

[data-sku="professional_service"] .cmp-VeniaProductListing__product__upsell-details p {
  font-size: 13px;
  color: #6e6e6e;
  line-height: 18px;
  margin-top: 5px;
}

.upsell__within-cart .cmp-VeniaProductListing__product__item,
    .upsell__within-cart .cmp-VeniaProductListing__product__details,
    .upsell__within-cart .container {
      display: flex;
    }

.upsell__within-cart .container {
      align-items: start;
      gap: 20px;
    }

.upsell__within-cart .upsell__column .upsell__column {
      margin-top: 0;
    }

.upsell__within-cart .cmp-VeniaProductListing__product__name__label {
      font-size: 20px;
    }

.upsell__within-cart .upsell__description {
      font-size: 13px;
      margin-top: 0;
    }

.upsell__within-cart .cmp-VeniaProductListing__product__price {
      font-size: 12px;
      text-align: end;
      min-width: max-content;
    }

.upsell__within-cart .cmp-VeniaProductListing__product__price span {
        font-size: 18px;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
      }

.upsell__within-cart.cmp-VeniaProductListing__product__root {
      padding-top: 40px;
      padding-bottom: 15px;
    }

.upsell__within-cart .cmp-VeniaProductListing__product__image {
      width: 40px;
      background: none;
      border: none;
      height: 40px;
    }

.upsell__within-cart .cmp-VeniaProductListing__product__details {
      flex-direction: column;
    }

.upsell__within-cart .upsell__row.upsell__row--badge {
      position: absolute;
      top: 0;
      right: 0;
    }

.upsell__row {
    display: flex;
  }

.upsell__row--badge {
      justify-content: flex-end;
    }

.upsell__row--item {
      gap: 10px;
      padding: 0 20px 20px;
    }

.upsell__container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: end;
  }

.upsell__column {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

.upsell__column h3 ~ p {
      font-size: 12px;
    }

.upsell__column p {
      color: #6e6e6e;
    }

.upsell__column--product {
      display: flex;
      flex: 1;
      flex-basis: 55%;
      flex-direction: column;
      margin-top: 5px;
    }

.upsell__column--product p {
        color: #6e6e6e;
        margin-top: 0;
        margin-bottom: 10px;
        line-height: 1.4;
      }

.upsell__column.actions {
      align-items: end;
      flex-grow: 0;
      gap: 10px;
      width: auto;
    }

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

.upsell__column.actions {
        align-items: center;
        flex-direction: row
    }
      }

.upsell__column h3 {
      font-size: 20px;
      font-weight: normal;
      line-height: normal;
      margin: 0;
    }

.upsell__column h4 {
      color: #6e6e6e;
      font-size: 13px;
      font-weight: 100;
      line-height: normal;
      margin: 0;
      text-transform: uppercase;
      width: 100%;
    }

.upsell__column.image {
      max-width: 85px;
      align-items: center;
      width: auto;
    }

.upsell__column.action {
      max-width: 120px;
    }

.upsell__column.action span,
      .upsell__column.action small {
        display: block;
      }

.upsell__description,
  .upsell__within-cart .upsell__description {
    color: #6e6e6e;
  }

.upsell__description p, .upsell__within-cart .upsell__description p {
      font-size: 13px;
    }

.upsell__description {
    margin-top: 5px;
  }

.upsell__alt-description,
  .upsell__within-cart .upsell__alt-description {
    color: #6e6e6e;
  }

.upsell__alt-description p, .upsell__within-cart .upsell__alt-description p {
      font-size: 11px;
    }

.upsell__badge {
    background-color: #0f9dff;
    border-bottom-left-radius: 5px;
    color: #fff;
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 6px 14px;
    text-transform: uppercase;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
  }

.upsell__divider {
    border-top: 1px dashed #ccc;
    margin: 10px 0;
  }

.upsell__action .btn.primary {
      border-width: 1px;
      font-size: 13px;
      height: auto;
      min-width: auto;
      padding: 4px 15px;font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
    }

.upsell__price {
    align-items: end;
    display: flex;
    flex-direction: column;
  }

.upsell__price-block {
      font-size: 20px;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
    }

.upsell__price small {
      font-size: 12px;
    }

.upsell__eyebrow-text h4 {
      color: #6e6e6e;
      font-size: 13px;
      font-weight: 100;
      line-height: normal;
      margin: 0;
      text-transform: uppercase;
      width: 100%;
    }

.cmp-navigation__group {
  display: flex;
  flex-flow: row wrap;
}

.cmp-navigation__item {
  list-style: none;
  padding: 0.5em;
}

.cmp-navigation__item--level-0 .cmp-navigation__group {
  display: none;
}

.cmp-navigation__item--level-0:hover &gt; .cmp-navigation__group {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  position: absolute;
}

.category__style_list .productcollection__items {
  display: block;
  width: 30%;
  margin: auto;
}

.paper-header {
  position: absolute;
}

.paper-header .cmp-carousel__actions.navType-dotted {
  padding-top: 20px;
}

.paper-header .cmp-carousel__actions.navType-dotted button {
  display: none;
}

@media (max-width: 1024px) {
  .paper-header {
    position: fixed;
    bottom: 0;
    width: 90%;
  }

  .paper-header .right_nav {
    display: none;
  }

  .paper-header .left_nav .secondary {
    display: none;
  }

  .paper-header .author,
  .paper-header .pubDate {
    display: none;
  }

  .paper-header .left_nav .primary h6 {
    margin: 0;
    font-weight: 650;
    color: #0d74bb;
    line-height: 16px;
    align-self: center;
  }

  .paper-header .left_nav .primary {
    background-color: #fff;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    padding: 5px 40px;
    grid-gap: 40px;
  }
}

@media (min-width: 1024px) {
  body {
    color: unset;
  }

  .paper-header {
    display: grid;
    grid-template-columns: 55.55% 33.33%;
    justify-content: end;
  }

  .paper-header small {
    line-height: 1;
  }

  .paper-header .left_nav {
    display: grid;
    grid-template-columns: auto auto;
    height: max-content;
    padding-top: 80px;
    margin-right: -11%;
    z-index: 1;
  }

  .paper-header .left_nav .primary h6 {
    margin: 0;
    font-weight: 650;
    color: #0d74bb;
    line-height: 16px;
    align-self: center;
  }

  .paper-header .left_nav .primary {
    background-color: #fff;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    padding: 5px 40px;
    grid-gap: 40px;
  }

  .paper-header .left_nav .secondary {
    display: grid;
    grid-template-columns: 42px 42px;
  }

  .paper-header .left_nav .secondary img {
    width: 100%;
    max-width: 40px;
    align-self: center;
  }

  span.review {
    background-color: #e6e6e6;
    display: grid;
    padding: 5px;
  }

  span.share {
    background-color: #00578f;
    display: grid;
    padding: 5px;
  }

  span.download {
    background-color: #006bc3;
    display: grid;
    padding: 5px;
    cursor: pointer;
  }

  span.fs-12 {
    font-size: 12px;
  }

  .paper-header .author,
  .paper-header .pubDate,
  .paper-header .reviews {
    display: grid;
  }
}

.white-paper {
  background: #f4f4f4;
  color: #353535;
}

.white-paper .cmp-container {
  max-width: 1370px;
  margin: 0 auto;
}

.paper-nav-container {
  background: #f4f4f4;
  padding-top: 80px;
  height: unset;
  margin: 0;
}

.paper-nav-container &gt; div {
  max-width: 1370px;
  margin: 0 auto;
}

.paper-hero {
  position: relative;
}

.paper-hero-image img.image {
      position: static;
    }

@media (max-width: 1024px) {
  .paper-hero-image {
    background: #f4f4f4;
  }

  .paper-hero {
    max-width: 1370px;
    width: 100%;
    margin: auto;
    display: grid;
    grid-gap: 40px;
  }

  .paper-hero-image .paper-hero picture {
    margin: 0;
    grid-row: 1;
    grid-column: 1;
  }

  .paper-hero-image .paper-hero h6.eyebrow {
    grid-row: 1;
    grid-column: 1;
    margin-left: 8.7%;
    align-self: end;
  }

  .paper-hero-image img.image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 350px;
  }

  .paper-hero-image .paper-hero .rte-desc {
    margin: 0 8.7%;
  }

  .paper-hero-image .paper-hero .rte-desc span {
    color: #353535 !important;
  }

  .paper-hero-image .paper-hero .bouncing-arrow {
    display: none;
  }
}

@media (min-width: 1024px) {
  .paper-hero-image {
    margin-top: 80px;
    background: #f4f4f4;
  }

  .paper-hero {
    max-width: 1370px;
    width: 100%;
    margin: auto;
    display: grid;
  }

  .paper-hero-image .paper-hero picture {
    margin: 0;
    grid-row: 1;
    grid-column: 1;
  }

  .paper-hero-image .paper-hero h6.eyebrow {
    grid-row: 1;
    grid-column: 1;
    margin-top: 8%;
    margin-left: 8.7%;
    margin-bottom: 8%;
    margin-right: 0;
  }

  .paper-hero-image .paper-hero .rte-desc {
    grid-row: 1;
    grid-column: 1;
    max-width: 670px;
    margin-left: 8.7%;
    margin-top: 16%;
    padding-bottom: 8%;
  }

  .paper-hero-image img.image {
    display: block;
    width: 100%;
    height: 100%;
  }

  .paper-hero-image .paper-hero .bouncing-arrow {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    margin-left: 8.7%;
    margin-bottom: -0.5%;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: bouncingArrow;
    animation-timing-function: ease-in-out;
    position: absolute;
    height: 80px;
    width: 80px;
    cursor: pointer;
    left: 0;
  }

  .paper-hero-image .paper-hero .bouncing-arrow img {
    width: 100%;
    height: 100%;
    max-width: 70px;
    max-height: 70px;
  }
}

.paper-hero-image {
  display: grid;
  position: relative;
}

.paper-hero-image picture,
  .paper-hero-image .wrapper {
    grid-row: 1;
    grid-column: 1;
  }

.paper-hero-image .wrapper {
    width: 91.9%;
    margin: 8.1% auto 0 auto;
  }

.paper-hero-image .wrapper .eyebrow h6 {
        margin-bottom: 0;
      }

.paper-hero-image .wrapper .rte-desc {
      max-width: 725px;
    }

.paper-hero-image .wrapper .bouncing-arrow {
      animation-duration: 3s;
      animation-iteration-count: infinite;
      animation-name: bouncingArrow;
      animation-timing-function: ease-in-out;
      position: absolute;
      height: 80px;
      width: 80px;
      cursor: pointer;
      left: 0;
    }

.paper-hero-image .wrapper .bouncing-arrow img {
        height: 100%;
        width: 100%;
      }

.paper-hero-image img.image {
    display: block;
    width: 100%;
  }

@media (max-width: 1370px) {
    .paper-hero-image picture {
      margin: 0 -2.44%;
    }
}

@media (min-width: 1370px) {
    .paper-hero-image picture {
      margin: 0 -30px;
    }
}

@media (max-width: 767px) {
  .paper-hero-image {
    display: grid;
  }

    .paper-hero-image img.image {
      max-width: 100%;
      display: block;
    }
      .paper-hero-image .eyebrow h6 {
        margin-top: -5px;
        margin-bottom: 0px;
      }
}

body.whitepaperpage {
  color: #353535;
  background-color: #f4f4f4;
  background-size: 100% 100%;
  margin-top: 0px;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

#whitepaper-cmp-container {
  max-width: 1370px;
  margin: 0 auto;
  position: relative;
}

.tmp-paper-nav-container {
  width: 47%;
  padding-left: 14%;
  padding-top: 240px;
  padding-bottom: 100px;
}

#whitepaper-cmp-container.sticky .paper-header {
  position: sticky;
  top: -80px;
  max-width: 1370px;
}

.vLineProgress {
  position: absolute;
  top: 90px;
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 5px;
}

#whitepaper-cmp-container.sticky .vLineProgress {
  position: sticky;
  top: 10px;
  max-width: 20px;
}

.vLineProgress .pipe {
  height: 20px;
  width: 3px;
  background-color: #006bc3;
}

.paper-related-resource {
  background-color: #999;
  margin-top: -4px;
  padding: 30px 40px;
}

.paper-related-resource a {
    color: #fff;
    text-transform: uppercase;
  }

.paper-related-resource a .paper-related-resource-header {
        align-items: center;
        display: flex;
      }

.paper-related-resource a .paper-related-resource-header h6 {
          margin: 0 8px 0 0;
        }

.paper-related-resource a .paper-related-resource-header-line {
          flex: 1;
          border-top: 1px solid #ddd;
        }

.paper-related-resource a .paper-related-resource-title {
        max-width: 200px;
      }

.paper-related-resource a .paper-related-resource-title h3 {
          margin-bottom: 0;
          margin-top: 32px;
        }

.paper-related-resource a .paper-related-resource-icon img {
          float: right;
          margin-right: -20px;
        }

.paper-right-menu {
  background-color: #ddd;
  bottom: 0;
  display: flex;
  flex-direction: column;
  padding-top: 150px;
  position: absolute;
  right: 0;
  top: 0;
  width: 25%;
  z-index: 3;
}

.paper-right-menu .cmp-carousel {
    margin: 0px 40px 30px;
    text-align: center;
  }

.paper-right-menu .cmp-carousel .text {
      margin: 0;
      padding: 0;
    }

.paper-right-menu .cmp-carousel__actions {
      align-items: center;
      display: flex;
      justify-content: center;
      margin-top: 50px;
    }

.paper-right-menu .cmp-carousel__actions .cmp-carousel__indicator {
        background-color: transparent;
        border: 1px solid #0f9dff;
      }

.paper-right-menu .cmp-carousel__actions .cmp-carousel__indicator--active {
          background-color: #015a99 !important;
          border: none;
          padding: 1px;
        }

.paper-right-menu .cmp-carousel__action {
      display: none;
    }

.paper-right-menu .container {
    padding: 0;
  }

.paper-right-menu .img-container {
    position: relative;
  }

.paper-right-menu &gt; div:last-of-type {
    flex-grow: 1;
  }

.pdf-list {
  margin-bottom: 60px;
}

.pdf-list .comp-title {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
  }

.pdf-list .container {
    display: flex;
    justify-content: space-between;
    gap: 40px;
  }

.pdf-list .container .cell {
      position: relative;
      width: 100%;
    }

.pdf-list .container .cell .image-Container {
        overflow: visible;
        position: relative;
      }

.pdf-list .container .cell .image-Container img {
          width: 100%;
        }

.pdf-list .container .cell .image-Container .img {
          width: 100%;
        }

.pdf-list .container .cell .content-Container .description {
          margin: 20px 0;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          -ms-box-orient: vertical;
          box-orient: vertical;
          -webkit-line-clamp: 3;
          -moz-line-clamp: 3;
          -ms-line-clamp: 3;
          line-clamp: 3;
          overflow: hidden;
          max-height: 137px;
        }

.pdf-list .container .cell .content-Container .description p {
            font-size: 18px;
            font-weight: 600;
          }

.pdf-list .container .cell .content-Container .description p:last-child {
              margin: 0px;
            }

.pdf-list .container .cell .content-Container .btn-container {
          bottom: 35px;
          justify-content: left;
          left: 0px;
          max-width: 100%;
          width: 100%;
          margin: 0px;
        }

.pdf-list .container .cell .content-Container .btn-container .btn {
            border-radius: inherit;
            width: auto;
            padding: 8px 15px;
            font-size: 12px;
            font-weight: normal;
            min-width: inherit;
            display: flex;
            max-width: fit-content;
            border: 2px solid;
            background-color: transparent;
            border-image-slice: 1;
            color: rgba(0, 255, 147, 1);
            border-image-source: Linear-gradient(
              90deg,
              rgba(0, 255, 147, 1) 0%,
              rgba(152, 31, 255, 1) 50%,
              rgba(255, 101, 98, 1) 100%
            );
          }

@media (max-width: 768px) {

.pdf-list {
    padding-left: 10px;
    padding-right: 10px
}

    .pdf-list .container {
      flex-direction: column;
      max-width: 100%;
    }

      .pdf-list .container .cell {
        margin: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0px;
      }

        .pdf-list .container .cell .image-Container,
        .pdf-list .container .cell .content-Container {
          width: 100%;
          flex-grow: 1;
        }
  }

.platform-carousel .carsouelNumber {
    grid-row: 1;
    padding-top: 80px;
    text-align: left;
  }

.platform-carousel .carsouelContent {
    grid-row: 1;
    z-index: 103;
  }

.platform-carousel .carsouelContent .design1-description {
      color: var(--dc-brand-dark-gray);
      line-height: 1.192;
      text-align: left;
    }

.platform-carousel .carsouelContent .design1-description h1, .platform-carousel .carsouelContent .design1-description h2, .platform-carousel .carsouelContent .design1-description h3, .platform-carousel .carsouelContent .design1-description h4, .platform-carousel .carsouelContent .design1-description h5, .platform-carousel .carsouelContent .design1-description h6, .platform-carousel .carsouelContent .design1-description p{ margin: 0; }

.platform-carousel .carsouelContent .design1-description h2, .platform-carousel .carsouelContent .design1-description h1 { margin-bottom: 50px; }

.platform-carousel .carsouelContent .design1-description h3, .platform-carousel .carsouelContent .design1-description h4, .platform-carousel .carsouelContent .design1-description h5, .platform-carousel .carsouelContent .design1-description h6 { margin-bottom: 17px; }

.platform-carousel .carsouelContent .design1-description p { margin-bottom: 55px; }

.platform-carousel .container--design1 .contentContainer--design1 img { max-width: 100%; }

.platform-carousel .container--design3 {
      grid-column: 2/-2;
      max-width: calc(100vw - 60px);
    }

.platform-carousel .container--design3 .contentContainer--design3 {
        display: flex;
        justify-content: center;
      }

.platform-carousel .container--design3 .contentContainer--design3 span.icon-leftArrow::after, .platform-carousel .container--design3 .contentContainer--design3 span.icon-rightArrow::after {
            content: url('../../../content/dam/digicert/images/components/delivery-group-2/GraphicAndTextCarousel1A-RightNavigationArrow.png');
            width: 20px;
            height: 35px;
            display: block;
            cursor: pointer;
          }

.platform-carousel .container--design3 .contentContainer--design3 span.icon-rightArrow::after {
            transform: scaleX(-1);
          }

.platform-carousel .container--design3 .contentContainer--design3 .img-container {
          box-shadow: 0px 4px 12px 0px rgba(0, 1, 1, 0.15);
          margin: 0 30px;
        }

.platform-carousel .container--design3 .contentContainer--design3 .img-container img { max-width: 100%; }

.platform-carousel .container--design3 .descriptionBox {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
      }

.platform-carousel .container--design3 .descriptionBox div {
          max-width: 270px;
          margin-right: 80px;
        }

.platform-carousel .container--design3 .descriptionBox div h1, .platform-carousel .container--design3 .descriptionBox div h2, .platform-carousel .container--design3 .descriptionBox div h3, .platform-carousel .container--design3 .descriptionBox div h4, .platform-carousel .container--design3 .descriptionBox div h5, .platform-carousel .container--design3 .descriptionBox div h6, .platform-carousel .container--design3 .descriptionBox div p{ margin: 0; }

.platform-carousel .container--design3 .descriptionBox div h2, .platform-carousel .container--design3 .descriptionBox div h1 { margin-bottom: 50px; }

.platform-carousel .container--design3 .descriptionBox div h3, .platform-carousel .container--design3 .descriptionBox div h4, .platform-carousel .container--design3 .descriptionBox div h5, .platform-carousel .container--design3 .descriptionBox div h6 {
            margin-top: 40px;
            margin-bottom: 17px;
          }

.platform-carousel .container--design3 .descriptionBox div p { margin-bottom: 55px; }

.platform-carousel .container--design3 .descriptionBox div:last-child { margin-right: 0; }

.platform-carousel .container--design3 .descriptionBox .line {
          background-color: #e9eef1;
          background-size: 100% 3px !important;
          height: 4px;
          grid-row: 1;
        }

.platform-carousel .container--design3 .descriptionBox .line.active {
            animation: PlatformCarouselLineProgress 5s 1 running ease forwards;
            background-color: #0f9dff !important;
          }

@media(max-width:1024px){
    .platform-carousel .grid-12 {
      grid-column: 1/8 !important;
      grid-template-columns: repeat(1, 1fr) !important;
      grid-template-rows: auto auto;
    }

    .platform-carousel .carsouelNumber { grid-column: 1; }

    .platform-carousel .carsouelContent {
      grid-column: 1/7;
    }

      .platform-carousel .carsouelContent .design1-description { margin: 0 30px 0 100px; }

      .platform-carousel .carsouelContent .dotted-line-carousel { padding: 20px 0; }
      .platform-carousel .container--design1 {
        grid-row: 2;
        grid-column: 1/7;
      }

        .platform-carousel .container--design1 .img-container {
          margin: 0 30px;
        }

          .platform-carousel .container--design1 .img-container img {
            max-height: 100%;
            margin: auto;
          }
        .platform-carousel .container--design3 .mobile-carousel-nav {
          margin-top: 30px;
          text-align: center;
        }

          .platform-carousel .container--design3 .mobile-carousel-nav .nav-bubbles {
            display: inline-block;
          }

            .platform-carousel .container--design3 .mobile-carousel-nav .nav-bubbles .nav-bubble {
              background-color: #d2dce3;
              border-radius: 50%;
              display: inline-block;
              height: 10px;
              margin: 12px;
              width: 10px;
            }

              .platform-carousel .container--design3 .mobile-carousel-nav .nav-bubbles .nav-bubble.active { background-color: #0f9dff; }

        .platform-carousel .container--design3 div.prev,
        .platform-carousel .container--design3 div.next {
          display: inline-block;
          margin: auto 15px;
        }
            .platform-carousel .container--design3 div.prev span.icon-leftArrow::after, .platform-carousel .container--design3 div.prev span.icon-rightArrow::after, .platform-carousel .container--design3 div.next span.icon-leftArrow::after, .platform-carousel .container--design3 div.next span.icon-rightArrow::after {
              content: url('../../../content/dam/digicert/images/components/delivery-group-2/GraphicAndTextCarousel1A-RightNavigationArrow.png');
              width: 20px;
              height: 35px;
              display: block;
              cursor: pointer;
            }
            .platform-carousel .container--design3 div.prev span.icon-rightArrow::after, .platform-carousel .container--design3 div.next span.icon-rightArrow::after {
              transform: scaleX(-1);
            }
          .platform-carousel .container--design3 .contentContainer--design3 div.prev,.platform-carousel .container--design3 .contentContainer--design3 div.next { display: none; }

        .platform-carousel .container--design3 .descriptionBox {
          margin: 60px 60px 0;
        }

          .platform-carousel .container--design3 .descriptionBox div {
            display: none;
          }

            .platform-carousel .container--design3 .descriptionBox div.active-desc {
              display: block;
              grid-column: 1/-1;
            }

          .platform-carousel .container--design3 .descriptionBox .line {display: block;}
}

@media (min-width:1025px) {
    .platform-carousel .carsouelNumber { grid-column: 7/9; }

    .platform-carousel .carsouelContent { grid-column: 8/12; }
      .platform-carousel .carousel-card .active {
        background: #016099;
        color: #fff;
        cursor: pointer;
      }

    .platform-carousel .dotted-circle-numeric-carousel {
      grid-row: 1;
      grid-column: 8/13;
      border-radius: 50%;
      border: 10px dotted #bbb;
      height: 544px;
      margin-left: -30px;
      margin-right: -30px;
      display: none;
      align-items: center;
      z-index: -1;
    }

    .platform-carousel .Circle {
      display: none;
      align-items: center;
      text-align: center;
      border-radius: 50%;
      border: 1px solid #bbb;
      width: 90px;
      height: 90px;
      background-color: #fff;
      font-size: 48px;
      z-index: 101;
      color: #D0D2D3;
      cursor: pointer;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
    }

    .platform-carousel .Number-1 {
      grid-row: 1;
      grid-column: 9/10;
      margin-left: -30px;
      display: none;
    }

    .platform-carousel .Number-2 {
      margin-top: 100px;
      grid-row: 1;
      grid-column: 12/13;
      display: none;
    }

    .platform-carousel .Number-3 {
      margin-top: 450px;
      grid-row: 1;
      grid-column-start: 12;
      grid-column-end: 13;
      margin-left: -40px;
      display: none;
    }

    .platform-carousel .design2-description {
      grid-row: 1;
      grid-column-start: 10;
      grid-column-end: 12;
      margin-top: 190px;
      margin-left: -15px;
      z-index: 101;
      color: var(--dc-brand-dark-gray);
      text-align: left;
    }

      .platform-carousel .design2-description h1, .platform-carousel .design2-description h2, .platform-carousel .design2-description h3, .platform-carousel .design2-description h4, .platform-carousel .design2-description h5, .platform-carousel .design2-description h6, .platform-carousel .design2-description p{ margin: 0; }

      .platform-carousel .design2-description h2, .platform-carousel .design2-description h1 { margin-bottom: 50px; }

      .platform-carousel .design2-description h3, .platform-carousel .design2-description h4, .platform-carousel .design2-description h5, .platform-carousel .design2-description h6 { margin-bottom: 17px; }

      .platform-carousel .design2-description p { margin-bottom: 55px; }

    .platform-carousel .bottom-text {
      grid-column: 4/10;
      margin: 0 -30px;
      color: var(--dc-brand-dark-gray);
    }

      .platform-carousel .bottom-text h1, .platform-carousel .bottom-text h2, .platform-carousel .bottom-text h3, .platform-carousel .bottom-text h4, .platform-carousel .bottom-text h5, .platform-carousel .bottom-text h6, .platform-carousel .bottom-text p{
        margin: 0;
        text-align: center;
      }
      .platform-carousel .container--design1 {
        display: flex;
        grid-row: 1;
        grid-column: 1/7;
        margin-left: -45px;
        z-index: -1;
      }

        .platform-carousel .container--design1 .contentContainer--design1 { margin: auto; }

      .platform-carousel .container--design2 {
        grid-row: 1;
        grid-column-start: 1;
        grid-column-end: 13;
        margin-right: -30px;
        margin-left: -70px;
      }
          .platform-carousel .container--design3 .contentContainer--design3 div.prev,.platform-carousel .container--design3 .contentContainer--design3 div.next {margin: auto 0; }
            .platform-carousel .container--design3 .contentContainer--design3 span.icon-leftArrow::after, .platform-carousel .container--design3 .contentContainer--design3 span.icon-rightArrow::after {
              content: url('../../../content/dam/digicert/images/components/delivery-group-2/GraphicAndTextCarousel1A-RightNavigationArrow.png');
              width: 20px;
              height: 35px;
              display: block;
              cursor: pointer;
            }
            .platform-carousel .container--design3 .contentContainer--design3 span.icon-rightArrow::after {
              transform: scaleX(-1);
            }

          .platform-carousel .container--design3 .contentContainer--design3 .img-container {
            box-shadow: 0px 4px 12px 0px rgba(0, 1, 1, 0.15);
            margin: 0 30px;
          }

            .platform-carousel .container--design3 .contentContainer--design3 .img-container img { max-width: 100%; }

        .platform-carousel .container--design3 .descriptionBox {
          margin-top: 80px;
        }

          .platform-carousel .container--design3 .descriptionBox div {
            max-width: 270px;
            margin-right: 80px;
          }

          .platform-carousel .container--design3 .descriptionBox .line {
            max-width: 270px;
          }

            .platform-carousel .container--design3 .descriptionBox .line.active { margin-top: -20px; }
}

@media(min-width:650px) and (max-width:1024px) {
    .platform-carousel .grid-12 { grid-row-gap: 20px; }

    .platform-carousel .carsouelContent .dotted-line-carousel { padding: 20px 0; }

    .platform-carousel .container--design1 .img-container {
      height: 400px;
      display: flex;
    }
}

@media(max-width:649px) {
    .platform-carousel .grid-12 { grid-row-gap: 40px; }

    .platform-carousel .carsouelContent .dotted-line-carousel { padding: 10px 0; }

    .platform-carousel .container--design1 { height: 300px; }
}

@-webkit-keyframes PlatformCarouselLineProgress {
  from { width: 0%; }

  to { width: 100%; }
}

@keyframes PlatformCarouselLineProgress {
  from { width: 0%; }

  to { width: 100%; }
}

.alt-background {
  background-color: #e9eef1;
}

.pricing-chart-recommend {
  margin: 120px auto;
}

.pricing-chart-recommend .pricing-chart-table.pricing-chart-body,
  .pricing-chart-recommend .pricing-chart-table.pricing-chart-head {
    width: 1230px;
    overflow: hidden;
    background-color: white;
    border: 1px solid #ccc;
  }

.pricing-chart-recommend td &gt; .button-Container &gt; .cmp-button-primary,
  .pricing-chart-recommend td &gt; .button-Container &gt; .cmp-button-blue {
    display: inline-block;
  }

.pricing-chart-recommend td {
    border: 1px solid #ccc;
    position: relative;
    outline: 0;
  }

.pricing-chart-recommend td .dropbtn {
      width: 195px;
      font-size: 14px;
      color: var(--dc-brand-dark-gray);
      min-height: 35px;
      text-align: left;
      background: url(../../../content/dam/digicert/social-icons/Drop%20Down%20Arrow.png)
      no-repeat right white;
      background-position-x: right;
      background-position-x: 95%;
      border: 1px solid var(--dc-brand-dark-gray);
      border-radius: 7px;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
    }

.pricing-chart-recommend td .dropdown {
      position: relative;
      display: inline-block;
      margin: 26px auto;
    }

.pricing-chart-recommend td .dropdown-content {
      display: none;
      position: absolute;
      -webkit-box-shadow: 0 8px 1pc 0 rgba(0, 0, 0, 0.2);
      z-index: 1;
      width: 195px;
      border-radius: 7px;
      background-color: #fff;
      text-align: left;
    }

.pricing-chart-recommend td .dropdown-content a {
      font-size: 14px;
      color: var(--dc-brand-dark-gray);
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      text-align: left;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
    }

.pricing-chart-recommend td .dropdown-content a:hover {
      background-color: #0f9dff;
      border-radius: 7px;
    }

.pricing-chart-recommend td .dropdown:hover .dropdown-content {
      display: block;
    }

.pricing-chart-recommend td span.text-Uppercase {
      font-size: 14px;
      color: var(--dc-brand-dark-gray);font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
    }

.pricing-chart-recommend td span.text-Uppercase::before {
      margin: 26px auto;
    }

.pricing-chart-recommend .pricing-chart-table.pricing-chart-body &gt; tbody &gt; tr &gt; td:first-child {
    padding-left: 30px;
    padding-top: 30px;
  }

.pricing-chart-recommend td &gt; ul.tick-mark {
    list-style-image: url("../../../content/dam/digicert/social-icons/Check%20copy%2016.png");
    margin-left: 30px;
  }

.pricing-chart-recommend td &gt; ul.tick-mark li {
      font-size: 14px;
      color: var(--dc-brand-dark-gray);
      padding-left: 10px;
      padding-bottom: 10px;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
    }

.pricing-chart-recommend td &gt; ul.no-style {
    list-style: none;
  }

.pricing-chart-recommend td &gt; ul.no-style li {
      font-size: 14px;
      color: var(--dc-brand-dark-gray);
      padding-bottom: 10px;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
    }

.pricing-chart-recommend .blue-box-text {
    display: block;
    font-size: 14px;
    color: white;
    background-color: #0174c3;
    padding-top: 5px;
    padding-bottom: 5px;
    content: "Recommended";font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
  }

.pricing-chart-upgrade .pricing-chart-table.pricing-chart-body {
    width: 1230px;
    overflow: hidden;
    background-color: white;
    border: 1px solid #ccc;
  }

.pricing-chart-upgrade .pricing-chart-table.pricing-chart-body &gt; tbody &gt; tr &gt; td:first-child {
    padding-left: 30px;
    padding-top: 30px;
  }

.pricing-chart-upgrade td &gt; ul.no-style {
    list-style: none;
  }

.pricing-chart-upgrade td &gt; ul.no-style li {
      font-size: 14px;
      color: var(--dc-brand-dark-gray);
      padding-bottom: 10px;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
    }

.pricing-chart-upgrade table {
    overflow: hidden;
    background-color: white;
  }

.pricing-chart-upgrade table,
  .pricing-chart-upgrade td {
    border: 1px solid #ccc;
  }

.pricing-chart-upgrade td,
  .pricing-chart-upgrade th {
    position: relative;
    outline: 0;
  }

.pricing-chart-upgrade td &gt; .button-Container &gt; .cmp-button-primary,
  .pricing-chart-upgrade td &gt; .button-Container &gt; .cmp-button-blue {
    display: inline-block;
  }

.pricing-chart-upgrade .show {
    display: block;
  }

.pricing-chart-upgrade .blue-box-text {
    display: block;
    font-size: 14px;
    color: white;
    background-color: #0174c3;
    padding-top: 5px;
    padding-bottom: 5px;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
  }

.pricing-chart-upgrade th h4 {
    z-index: 1;
    position: relative;
  }

.pricing-chart-upgrade thead tr th {
      border-bottom: 1px solid #ccc;
      border-left: 1px solid #ccc;
    }

.pricing-chart-upgrade thead tr th span.table-head {
        color: var(--dc-brand-dark-gray);
      }

.pricing-chart-upgrade tbody tr {
    border-bottom: 1px solid #ccc;
  }

.pricing-chart-upgrade tbody tr th {
      font-size: 14px;
      color: var(--dc-brand-dark-gray);
      text-align: left;
      padding-left: 30px;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
    }

.pricing-chart-upgrade tbody tr td {
      font-size: 14px;
      color: var(--dc-brand-dark-gray);
      height: 50px;
    }

.pricing-chart-upgrade tbody tr td .dropbtn {
        width: 195px;
        font-size: 14px;
        color: var(--dc-brand-dark-gray);
        min-height: 35px;
        text-align: left;
        background: url(../../../content/dam/digicert/social-icons/Drop%20Down%20Arrow.png)
        no-repeat right white;
        background-position-x: right;
        background-position-x: 95%;
        border: 1px solid var(--dc-brand-dark-gray);
        border-radius: 7px;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
      }

.pricing-chart-upgrade tbody tr td .dropdown {
        position: relative;
        display: inline-block;
        margin: 26px auto;
      }

.pricing-chart-upgrade tbody tr td .dropdown-content {
        display: none;
        position: absolute;
        -webkit-box-shadow: 0 8px 1pc 0 rgba(0, 0, 0, 0.2);
        z-index: 1;
        width: 195px;
        border-radius: 7px;
        background-color: #fff;
        text-align: left;
      }

.pricing-chart-upgrade tbody tr td .dropdown-content a {
        color: var(--dc-brand-dark-gray);
        padding: 12px 16px;
        text-decoration: none;
        display: block;
      }

.pricing-chart-upgrade tbody tr td .dropdown-content a:hover {
        background-color: #0f9dff;
        border-radius: 7px;
      }

.pricing-chart-upgrade tbody tr td .dropdown:hover .dropdown-content {
        display: block;
      }

.pricing-chart-upgrade tbody tr td span.text-Uppercase {
        font-size: 14px;
        color: var(--dc-brand-dark-gray);font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
      }

.pricing-chart-upgrade tbody tr td span.text-Uppercase::before {
        margin: 26px auto;
      }

.pricing-chart-upgrade tbody tr td {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

.image-with-text {
  font-size: 14px;
  display: inline-block;
  color: var(--dc-brand-dark-gray);font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

.blue-tick-text::after {
  content: "+";
  padding: 0;
  color: #0174c3;
  font-size: 18px;
  position: relative;
  bottom: 30px;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

.blue-tick-text::before {
  left: 0;
  content: "";
  background-image: url(../../../content/dam/digicert/social-icons/Check%20copy%2016.png);
  width: 20px;
  display: inline-block;
  height: 20px;
  background-repeat: no-repeat;
}

.blue-tick-text {
  display: inline-block;
}

.blue-tick::after {
  content: "";
  background-repeat: no-repeat;
  display: inline-block;
}

.blue-tick::before {
  left: 0;
  content: "";
  background-image: url(../../../content/dam/digicert/social-icons/Check%20copy%2016.png);
  width: 20px;
  display: inline-block;
  height: 20px;
  background-repeat: no-repeat;
}

.blue-tick {
  display: inline-block;
}

.big-dropdown {
  padding: 10px;
}

.td-text {
  height: 60%;
  margin: 0;
  color: var(--dc-brand-dark-gray);
  font-size: 14px;
  min-height: 250px;font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

.pricing-table + .pricing-table,
.cmp-pricing-table + .cmp-pricing-table {
  margin-top: -1px;
}

.cmp-pricing-table {
  background-color: #fff;
  border: 1px solid #d3dce3;
  color: var(--dc-brand-dark-gray);
  text-align: left;
}

.cmp-pricing-table.active .pricing-table-title:after {
    transform: rotate(180deg) translateY(-50%);
  }

.cmp-pricing-table h6 {
    margin: 0;
  }

.cmp-pricing-table .pricing-table-title {
    cursor: pointer;
    padding: 20px;
    position: relative;
    text-transform: uppercase;
  }

.cmp-pricing-table .pricing-table-title:after {
      background: url(clientlib-site/css/var(--dc-arrow-icon-black)) no-repeat;
      content: "";
      display: block;
      height: 10px;
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      transition: transform 300ms;
      width: 17px;
    }

.cmp-pricing-table .pricing-table-content {
    display: none;
  }

.cmp-pricing-table-item {
  background-color: #f5f6f8;
  border-top: 1px solid #d3dce3;
  padding: 20px;
}

.cmp-pricing-table-item ul {
    list-style: none;
  }

.cmp-pricing-table-item ul li::before {
      color: var(--dc-brand-dark-gray);
      content: "\2022";
      margin-right: 10px;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
    }

.cmp-pricing-table-item ul {font-stretch: normal;font-family: 'Roboto-Light', sans-serif;
}

@media (max-width: 991px) {
  .cmp-pricing-table p {
    font-size: 1rem;
    line-height: 1.2;
    margin: 10px 0;
  }

    .cmp-pricing-table p:last-child {
      margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .cmp-pricing-table .pricing-table-title div:first-child, .cmp-pricing-table-item div:first-child {
      align-items: center;
      border-right: 1px solid #d3dce3;
      flex-shrink: 0;
      padding: 20px;
      width: 20%;
    }
    .cmp-pricing-table .pricing-table-title {
      cursor: initial;
      padding: 0;
    }

      .cmp-pricing-table .pricing-table-title:after {
        display: none;
      }

    .cmp-pricing-table .pricing-table-content {
      display: block !important;
      height: auto !important;
    }

  .cmp-pricing-table-item {
    background-color: #fff;
    display: flex;
    padding: 0;
  }
      .cmp-pricing-table-item div:first-child {
        align-items: center;
        display: flex;
        background-color: #f5f6f8;
      }

      .cmp-pricing-table-item div:last-child {
        padding: 20px;
        width: 80%;
      }
}

.product h1, .product h2, .product h3, .product h4, .product h5, .product h6 {
    margin: 0;
  }

.pdp__selection .product.section form {
      padding: 0;
    }

.static-html-container .productFullDetail__root {
      display: flex;
      flex-direction: column;
    }

.product-full-detail__root {
        font-family: 'Roboto-Regular';
        font-size: 0.875rem;
        height: 100%;
        position: relative;
      }

.container--equal-height .product-full-detail__root {
          background-color: #fff;
        }

.product-full-detail .ss-search {
        display: none;
      }

.product-full-detail__description--short {
          font-size: 1rem;
        }

.product-full-detail__quantity.productFullDetail__quantity {
          grid-area: unset;
        }

.geotrust-body .product-full-detail__title h2.productFullDetail__productName {
          color: #0174c3;
        }

.productFullDetail__root.border__style--product {
        padding: 3.125rem 2.5rem;
        position: relative;
      }

.productFullDetail__root.border__color--blue {
        padding-top: 32px;
      }

.pdp__selection .productFullDetail__root,
      .productFullDetail__root.product-full-detail__root,
      .productFullDetail__root {
        grid-template-areas: unset !important;
        grid-template-columns: unset !important;
        grid-template-rows: unset !important;
        height: auto;
      }

.productFullDetail__root.product-full-detail__root {
        align-content: start;
        height: calc(100% - 106px);
        box-sizing: content-box;
      }

.productFullDetail__root .select__input {
        padding-right: 0;
      }

.productFullDetail__root .select__label,
      .productFullDetail__root .ss-values {
        line-height: normal;
      }

.productFullDetail__root .discountedPrice.price {
        display: inline-block;
      }

.productFullDetail__wrap {
      display: grid;
      gap: 10px;
    }

.productFullDetail__description {
      grid-column: unset !important;
      grid-row: unset !important;
      padding: 0 !important;
    }

.productFullDetail__details.productFullDetail__details {
        grid-column: unset;
        grid-row: unset;
        padding: 0;
      }

.border__style--product .productFullDetail__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
        text-align: center;
      }

.productFullDetail__actions.productFullDetail__actions {
        grid-area: unset;
      }

.productFullDetail__options {
      display: grid;
      gap: 10px;
    }

.productFullDetail__options.productFullDetail__options {
        grid-area: unset;
      }

.productFullDetail__borderLabel {
      color: white;
      font-size: 13px;
      left: 0;
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      top: -18px;
      width: 100%;
    }

.productFullDetail__quantity p {
        font-size: 16px;
        line-height: normal;
        margin: 0;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
      }

.productFullDetail__quantity th {
        padding: 0;
        text-align: left;
      }

.productFullDetail__quantity td {
        padding: 0;
      }

.productFullDetail__quantity td.productFullDetail__item__cell {
          padding: 10px 0;
        }

.border--none .productFullDetail__quantity {
        border: 1px solid #ccc;
        padding: 18px 20px;
      }

.border--none .productFullDetail__quantity.productFullDetail__groupedProducts {
          border: none;
          padding: 0;
        }

.border--none .productFullDetail__quantity.productFullDetail__groupedProducts .productFullDetail__item {
            border: 1px solid #ccc;
            padding: 18px 20px;
            width: 100%;
          }

.productFullDetail__quantity .label {
        display: none;
      }

.productFullDetail__quantity .fieldIcons__root {
          border: 1px solid #0f9dff;
          border-radius: 3px;
          display: flex;
        }

.productFullDetail__quantity .fieldIcons__before,
        .productFullDetail__quantity .fieldIcons__after {
          color: #0f9dff;
          padding: 8px 6px;
        }

.productFullDetail__quantity .fieldIcons__before .icon__root, .productFullDetail__quantity .fieldIcons__after .icon__root {
            pointer-events: none;
            display: block;
            width: 15px;
            cursor: pointer;
          }

.productFullDetail__quantity .fieldIcons__after {
          cursor: pointer;
        }

.productFullDetail__quantity .fieldIcons__before {
          cursor: pointer;
        }

.productFullDetail__quantity .fieldIcons__input {
          display: flex;
        }

.productFullDetail__quantity .productFullDetail__areaTitle {
        display: block;
        font-size: 16px;
        line-height: normal;
        margin: 0;
        text-transform: none;
        font-weight: normal;font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
      }

.productFullDetail__quantity .quantity__root {
        display: flex;
        text-align: center;
      }

.productFullDetail__quantity input[type="number"] {
        border: none;
        font-size: 13px;
        text-align: center;
        width: 20px;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
      }

.productFullDetail__quantity input[type="number"]::-webkit-inner-spin-button,
      .productFullDetail__quantity input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
      }

.productFullDetail__item {
      padding: 0;
      width: 100%;
    }

.productFullDetail__productName,
    .productFullDetail__productName &gt; span {
      font-size: 20px;
      line-height: normal;
      margin: 0 0 1rem;
      text-transform: none;
    }

.productFullDetail__title .productFullDetail__productName, .productFullDetail__title .productFullDetail__productName &gt; span {
        font-size: 24px;
        line-height: 32px;
      }

.digicert-body .productFullDetail__productName, .digicert-body .productFullDetail__productName &gt; span {
        font-weight: 400;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
      }

.productFullDetail__subscription {
      align-items: center;
      color: #6e6e6e;
      display: flex;
      font-size: 14px;
      gap: 8px;
    }

.productFullDetail__subscription--small {
        color: #6e6e6e;
        display: flex;
        font-size: 13px;
        gap: 8px;
      }

.productFullDetail__non-subscription {
      color: #6e6e6e;
      font-size: 14px;
      margin-top: 14px;
    }

.productFullDetail__price-wrap {
      display: grid;
    }

.productFullDetail__price {
      font-size: 24px;
    }

.productFullDetail__price .productFullDetail__areaTitle {
        display: flex;
        font-size: 20px;
        gap: 15px;
        text-transform: none;
        font-weight: normal;font-family: 'Roboto-Light', sans-serif;
      }

.productFullDetail__price .price,
      .productFullDetail__price .range {
        display: inline-block;
      }

.productFullDetail__groupedProducts--name,
    .productFullDetail__monthly-price,
    .productFullDetail__shortDescription {
      font-size: 16px;
      line-height: normal;
    }

.productFullDetail__shortDescription p {
      font-size: 16px;
      line-height: normal;
      margin: 0;
    }

.productFullDetail__customizeBundle {
      align-items: center;
      display: flex;
      grid-area: actions;
      justify-content: center;
    }

.productFullDetail__areaTitle {
      display: none;
    }

.productFullDetail__root .productFullDetail__price .regularPrice {
      text-decoration: line-through;
    }

.productFullDetail__root .productFullDetail__price .you-save:before {
      display: block;
      content: " ";
    }

.productFullDetail__imageCarousel {
      grid-area: images;
      max-width: 800px;
      padding: 1rem;
    }

.productFullDetail__groupedProducts table {
      width: 100%;
    }

.productFullDetail__bundleProduct .priceInfo {
      float: right;
    }

.product.card--hidden,
  .product.hide-pdp {
    display: none;
  }

.product.card--hidden,
  .product .card--hidden {
    display: none;
  }

.product {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
}

.icon--information {
  content: url(../../../etc.clientlibs/digicert/clientlibs/clientlib-site/resources/images/information.svg);
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
}

.tooltip,
.tooltip--info {
  display: inline;
  line-height: 1.4;
}

.tooltip__label, .tooltip--info__label {
    border-bottom: 1px dashed #353535;
  }

.tooltip__content, .tooltip--info__content {
    display: none;
  }

.hide-tooltip {
  display: none;
}

.thumbnail__root {
    height: auto;
    width: auto;
  }

.thumbnail__image {
    width: 100%;
  }

.thumbnailList__root {
    display: grid;
    align-content: start;
    grid-gap: 1rem;
  }

.configurable-product__select .ss-disabled {
  display: none;
}

.select__input {
  grid-area: input-start / input-start / input-end / icon-end;
}

.icon {
  display: inline-block;
}

.icon--size-normal {
      height: 16px;
      width: 16px;
    }

.icon--color-default {
      fill: #353535;
    }

.icon--color-gray-medium {
      fill: #6e6e6e;
    }

.container--equal-height .cmp-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }

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

.container--equal-height .cmp-container {
      align-items: center;
      flex-direction: column
  }
    }

.container--equal-height .product {
    max-width: 390px;
  }

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

.container--equal-height .product {
      width: 100%
  }
    }

@media only screen and (min-width: 1380px) {

.container--equal-height .product {
      flex: 0 1 31%
  }
    }

@media only screen and (min-width: 1440px) {

.container--equal-height .product {
      flex: 0 1 31.5%
  }
    }

.span--domain-example {
  color: #6e6e6e;
  display: block;
  font-size: 14px;
}

.tile__root {
    margin-left: 1rem;
    margin-top: 1rem;
    min-width: 3rem;
    padding: 0 0.75rem;
  }

.tileList__root {

    background-color: white;
    border: 1px solid #ccc;
    padding: 0;
    position: relative;
  }

.tileList__root .select__label {
      color: #6e6e6e;
      display: block;
      font-size: 11px;
      padding: 12px 0 0 20px;
      text-transform: uppercase;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
    }

.tileList__root {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
}

.configurable-product__select {
    border: none;
    border-radius: 0;
    padding-bottom: 12px;
    padding-left: 0;
  }

.configurable-product__select:focus {
      box-shadow: none;
    }

.configurable-product__select__option {
      position: relative;
    }

.ss-single .configurable-product__select__option {
        padding: 0 35px 0 20px;
      }

.ss-list .configurable-product__select__option {
        padding: 0 15px;
      }

.ss-content .ss-list .configurable-product__select__option {
        padding: 0 0 0 20px;
      }

.ss-selected .configurable-product__select__option:before {
          border-bottom: 2px solid #353535;
          border-right: 2px solid #353535;
          content: "";
          display: block;
          height: 4px;
          left: 0;
          position: absolute;
          top: 5px;
          transform: rotateY(180deg) rotateZ(45deg);
          width: 8px;
        }

.configurable-product__select__option span {
        display: block;
      }

.configurable-product__select__option--title {
        color: #353535;
        font-size: 16px;
      }

.configurable-product__select__option--subtitle {
        color: #6e6e6e;
        font-size: 14px;
        margin-top: 4px;
      }

.configurable-product__select__option--subtitle:empty {
          display: none;
        }

.configurable-product__select__option {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
}

#authorMode .card--hidden, .aem-AuthorLayer-Edit .card--hidden {
    display: block !important;
  }

.column-cntrl-section .static-html-container .html { display: flex; }

.related-resource .cmp-title h2 {
      margin-top: 0;
      margin-bottom: 55px;
    }

.related-resource .img-container div {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative;
      -webkit-box-shadow: 0 4px 9pt 0 rgba(0, 1, 1, 0.15);
      box-shadow: 0 4px 9pt 0 rgba(0, 1, 1, 0.15);
      z-index: -1;
      -webkit-animation: reveal 2s ease;
      -webkit-animation-fill-mode: backwards;
    }

.related-resource .img-container img {
      max-width: 100%;
    }

.related-resource .description {
    background-color: #0174c3;
    z-index: 1;
    opacity: 0;
    overflow: hidden;
    -webkit-animation: fadeIn 2s 2s forwards;
  }

.related-resource .description &gt; div .rte-desc {
        color: #fff;
      }

.related-resource .description &gt; div .rte-desc h6 {
          text-transform: uppercase;
          line-height: 1;
        }

.related-resource .description &gt; div .rte-desc h1,
        .related-resource .description &gt; div .rte-desc h2,
        .related-resource .description &gt; div .rte-desc h3,
        .related-resource .description &gt; div .rte-desc h4,
        .related-resource .description &gt; div .rte-desc h5,
        .related-resource .description &gt; div .rte-desc h6 {
          margin-bottom: 20px;
          margin-top: 0;
        }

.related-resource .description &gt; div .rte-desc h4,
        .related-resource .description &gt; div .rte-desc h6 {
          font-weight: 700;
        }

.related-resource .description &gt; div .rte-desc p,
        .related-resource .description &gt; div .rte-desc span {
          margin-bottom: 40px;
          line-height: 1.2;
        }

.cmp-search.searchForm i.search {
    transform: rotate(90deg);
    position: absolute;
    left: 38px;
  }

.cmp-search.searchForm &gt; div {
    position: relative;
    padding: 20px 21px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    width: max-content;
    background-color: #99bfd6;
  }

.cmp-search.searchForm &gt; div input#st-search-input {
      max-width: 685px;
      width: 685px;
      height: 53px;
      margin: 0;
      border-radius: 35px;
      padding-left: 45px;
      border: none;
      font-size: 26px;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
    }

.cmp-search.searchForm .searchFormAlign-center {
    margin: 0 auto;
  }

.st-results-container {
  display: grid;
  grid-column-gap: 30px;
}

@media (min-width: 1072px) {

.st-results-container .featured-results-cards {
      grid-column: 2
  }
    }

.st-results-container .featured-results-cards .title {
      padding-bottom: 20px;
      text-transform: uppercase;
      color: #909ca5;
      line-height: unset;
      font-size: 14px;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
    }

@media (min-width: 1072px) {

.st-results-container .dc-com-results {
      grid-column: 1
  }
    }

.st-results-container .dc-com-results #dc-com-container .st-page {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
      }

.st-results-container .dc-com-results #normal-container {
      margin-top: 60px;
    }

.st-results-container .featured-results-cards div#resultCount,
    .st-results-container .featured-results-cards div#kbsearch,
    .st-results-container .dc-com-results div#resultCount,
    .st-results-container .dc-com-results div#kbsearch {
      text-transform: uppercase;
      line-height: unset;
      font-size: 14px;
      padding-bottom: 30px;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
    }

.st-results-container .featured-results-cards div#kbsearch a, .st-results-container .dc-com-results div#kbsearch a {
      text-transform: uppercase;
      line-height: unset;
      font-size: 14px;
      padding: 0;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
    }

.st-results-container .featured-results-cards .st-result, .st-results-container .dc-com-results .st-result {
      padding: 0;
      margin-bottom: 60px;
      border: none;
    }

.st-results-container .featured-results-cards .st-result-card, .st-results-container .dc-com-results .st-result-card {
      width: 277px;
      height: 415px;
      box-shadow: rgba(0, 1, 1, 0.1) 0px 4px 12px 0px;
      margin-bottom: 60px;
    }

.st-results-container .featured-results-cards .st-result-card &gt; .img-container, .st-results-container .dc-com-results .st-result-card &gt; .img-container {
      height: 140px;
    }

.st-results-container .featured-results-cards .st-result-card &gt; .img-container img, .st-results-container .dc-com-results .st-result-card &gt; .img-container img {
        height: 100%;
        width: 100%;
      }

.st-results-container .featured-results-cards .st-result-card &gt; h4, .st-results-container .dc-com-results .st-result-card &gt; h4 {
      text-transform: uppercase;
      line-height: unset;
      margin-top: 30px;
      font-size: 14px;
      margin-bottom: 30px;
      margin-left: 30px;
      margin-right: 30px;
      padding: 0;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
    }

.st-results-container .featured-results-cards .st-result-card &gt; .search-highlight, .st-results-container .dc-com-results .st-result-card &gt; .search-highlight {
      font-size: 26px;
      margin-bottom: 30px;
      margin-left: 30px;
      margin-right: 30px;
      height: 4em;
      line-height: 1.3;
      overflow: hidden;
    }

.st-results-container .featured-results-cards .st-result-card &gt; .search-link, .st-results-container .dc-com-results .st-result-card &gt; .search-link {
      margin-bottom: 30px;
      margin-left: 30px;
      margin-right: 30px;
    }

.st-results-container .featured-results-cards .st-result-card &gt; .search-link .st-search-result-link, .st-results-container .dc-com-results .st-result-card &gt; .search-link .st-search-result-link {
        text-transform: uppercase;
        font-size: 21px;
        font-weight: 300;
      }

.st-results-container .featured-results-cards .st-result &gt; h4, .st-results-container .dc-com-results .st-result &gt; h4 {
      text-transform: none;
      line-height: unset;
      font-size: 26px;
      margin-bottom: 20px;
      padding: 0;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
    }

.st-results-container .featured-results-cards .st-result &gt; .search-link, .st-results-container .dc-com-results .st-result &gt; .search-link {
      margin-bottom: 20px;
    }

.st-results-container .featured-results-cards .st-result &gt; .search-link .st-search-result-link, .st-results-container .dc-com-results .st-result &gt; .search-link .st-search-result-link {
        font-size: 21px;
        font-weight: 300;
      }

.st-results-container .featured-results-cards .st-result &gt; .search-highlight, .st-results-container .dc-com-results .st-result &gt; .search-highlight {
      font-size: 21px;
      margin-bottom: 20px;
    }

.st-results-container .featured-results-cards .st-result &gt; .search-highlight em, .st-results-container .dc-com-results .st-result &gt; .search-highlight em {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
      }

@media (max-width: 1072px) {
    .search-container .st-results-container {
      display: grid;
      grid-template-columns: 100%;
      grid-row-gap: 40px;
    }
}

.st-results-container {
  grid-template-columns: auto auto;
}

.st-results-container .featured-results-cards .title {
    color: #909ca5;
  }

.st-results-container .featured-results-cards div#resultCount,
    .st-results-container .featured-results-cards div#kbsearch,
    .st-results-container .dc-com-results div#resultCount,
    .st-results-container .dc-com-results div#kbsearch {
      color: #909ca5;
    }

.st-results-container .featured-results-cards div#kbsearch a, .st-results-container .dc-com-results div#kbsearch a {
      color: #0f9dff;
    }

.st-results-container .featured-results-cards .st-result-card &gt; .img-container, .st-results-container .dc-com-results .st-result-card &gt; .img-container {
      background-color: #0174c3;
    }

.st-results-container .featured-results-cards .st-result-card &gt; h4, .st-results-container .dc-com-results .st-result-card &gt; h4 {
      color: #909ca5;
    }

.st-results-container .featured-results-cards .st-result-card &gt; .search-highlight, .st-results-container .dc-com-results .st-result-card &gt; .search-highlight {
      color: var(--dc-brand-dark-gray);
    }

.st-results-container .featured-results-cards .st-result-card &gt; .search-link .st-search-result-link, .st-results-container .dc-com-results .st-result-card &gt; .search-link .st-search-result-link {
        color: #0f9dff;
      }

.st-results-container .featured-results-cards .st-result &gt; h4, .st-results-container .dc-com-results .st-result &gt; h4 {
        color: #0f9dff;
      }

.st-results-container .featured-results-cards .st-result &gt; .search-link .st-search-result-link, .st-results-container .dc-com-results .st-result &gt; .search-link .st-search-result-link {
        color: #909ca5;
      }

.st-results-container .featured-results-cards .st-result &gt; .search-highlight, .st-results-container .dc-com-results .st-result &gt; .search-highlight {
        color: var(--dc-brand-dark-gray);
      }

.digicert-body .cmp-search.searchForm i.search {
      color: #0f9dff;
    }

.section-with-number .bg-number {
  color: rgb(233, 238, 241);
  font-size: 300px;
  position: absolute;
  z-index: -1;
  line-height: 1;
  margin-top: -32px;
  margin-left: -50px;font-family: 'Roboto Condensed', sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wght" 400;font-weight: normal;
}

.section-with-number .section-text {
  padding-top: 30px;
}

.section-with-number .text-row-w .section-w .vspacebtncomp-top {
        padding-top: 0px !important;
      }

.section-with-number .text-row-w .section-w .watermark {
        z-index: -1;
        position: absolute;
      }

.section-with-number .text-row-w .section-w .watermark-one {
          content: url('../../../content/dam/digicert/images/components/delivery-group-4/3SectionsWithNumbers-1.png');
        }

.section-with-number .text-row-w .section-w .watermark-two {
          content: url('../../../content/dam/digicert/images/components/delivery-group-4/3SectionsWithNumbers-2.png');
        }

.section-with-number .text-row-w .section-w .watermark-three {
          content: url('../../../content/dam/digicert/images/components/delivery-group-4/3SectionsWithNumbers-3.png');
        }

.section-with-number .text-row-u .section-u {
      transition: transform 0.1s ease-in-out;
    }

.section-with-number .text-row-u .section-u:hover {
        transform: translate(0px, -10px);
      }

.section-with-number .text-row-u .section-u .cmp-text u {
          display: block;
        }

.section-with-number .text-row-u .section-u .cmp-text u br {
            display: none;
          }

.section-with-number .text-row-u .section-u .cmp-text p {
          margin-top: 20px;
          margin-bottom: 60px;
        }

.section-with-number .text-row-4 {
    display: grid;
    text-align: center;
  }

.section-with-number .text-row-4 .text-and-image img {
      margin-bottom: 30px;
    }

@media (max-width: 430px) {
    .section-with-number .text-row-w,
    .section-with-number .text-row-u {
      flex-direction: column;
    }

    .section-with-number .section-w {
      margin-bottom: 60px;
    }
        .section-with-number .text-row-u .section-u .cmp-text.vspacebtncomp-top {
          padding: 0;
        }

        .section-with-number .text-row-u .section-u .cmp-text u,
        .section-with-number .text-row-u .section-u p {
          text-align: center;
        }
    .section-with-number .text-row-4 {
      grid-row-gap: 30px;
    }
}

@media (min-width: 430px) and (max-width: 768px) {
    .section-with-number .text-row-w,
    .section-with-number .text-row-u {
      grid-row-gap: 40px;
      margin: 0 5%;
    }
    .section-with-number .text-row-4 {
      grid-row-gap: 40px;
    }
}

@media (max-width: 768px) {
    .section-with-number &gt; .grid-12 &gt; div,
    .section-with-number &gt; .grid-12 &gt; ol {
      grid-column: 1/5;
    }
      .section-with-number .text-row-w &gt; div, .section-with-number .text-row-u &gt; div {
        max-width: 535px;
        width: 100%;
      }

    .section-with-number .section-w {
      min-height: 140px;
      position: relative;
    }

      .section-with-number .section-w .cmp-text {
        margin-top: 40px;
        margin-left: 20px;
      }

      .section-with-number .section-w .watermark {
        height: 100%;
      }
    .section-with-number .text-row-4 {
      grid-template-columns: auto;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .section-with-number &gt; .grid-12 &gt; div,
    .section-with-number &gt; .grid-12 &gt; ol {
      grid-column: 2/8 !important;
    }

    .section-with-number .text-row-w,
    .section-with-number .text-row-u {
      grid-gap: 6%;
      justify-content: center;
    }

      .section-with-number .text-row-w &gt; div, .section-with-number .text-row-u &gt; div {
        width: calc(100vw - 60px);
      }

    .section-with-number .text-row-w &gt; li,
    .section-with-number .text-row-w &gt; div {
      margin-bottom: 120px;
    }

    .section-with-number .text-row-u &gt; div {
      margin-bottom: 0px;
    }
      .section-with-number .text-row-w .section-w {
        position: relative;
      }

        .section-with-number .text-row-w .section-w .cmp-text {
          margin-top: 12%;
          margin-left: 30px;
        }

        .section-with-number .text-row-w .section-w .watermark {
          margin-left: -20px;
          height: auto;
        }
    .section-with-number .text-row-u .section-u .cmp-text {
      padding-top: 0;
    }
    .section-with-number .text-row-4 {
      grid-template-columns: 45% 45%;
      grid-column-gap: 5%;
    }
}

@media (max-width: 1024px) {
    .section-with-number .text-row-w,
    .section-with-number .text-row-u {
      display: flex;
      flex-wrap: wrap;
      position: relative;
    }
}

@media (min-width: 1024px) {
    .section-with-number &gt; .grid-12 &gt; div,
    .section-with-number &gt; .grid-12 &gt; ol {
      grid-column: 2/12 !important;
    }

    .section-with-number .text-row-w,
    .section-with-number .text-row-u {
      display: grid;
      position: relative;
      grid-template-columns: 30% 30% 30%;
      grid-column-gap: 5%;
    }

      .section-with-number .text-row-w &gt; div, .section-with-number .text-row-u &gt; div {
        width: 100%;
      }
      .section-with-number .text-row-w .section-w {
        position: relative;
      }

        .section-with-number .text-row-w .section-w .cmp-text {
          margin-top: 13%;
          margin-left: 10%;
        }

        .section-with-number .text-row-w .section-w .watermark {
          margin-left: -6.5%;
          height: auto;
        }
    .section-with-number .text-row-4 {
      grid-template-columns: repeat(4, 22.682%);
      grid-column-gap: 3%;
    }
}

.section-with-number .image-container {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
  }

.section-with-number .image-container img {
      -webkit-animation: image-slide 4s cubic-bezier(0.5, 0.5, 0, 1);
      animation: image-slide 4s cubic-bezier(0.5, 0.5, 0, 1);
      animation-fill-mode: forwards;
      -webkit-animation-fill-mode: forwards;
      -webkit-filter: drop-shadow(-4px 5px 5px rgba(0, 0, 0, 0.6));
      filter: drop-shadow(-4px 5px 5px rgba(0, 0, 0, 0.6));
      height: 200px;
    }

.section-with-number .text-container {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    margin-left: -100px;
  }

.section-with-number .text-container .fading-effect {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      background: white;
      -webkit-animation: text-slide 4s cubic-bezier(0.5, 0.5, 0, 1);
      animation: text-slide 4s cubic-bezier(0.5, 0.5, 0, 1);
      animation-fill-mode: forwards;
      -webkit-animation-fill-mode: forwards;
    }

.section-with-number .text-row-w .element {
      opacity: 1;
    }

.section-with-number .text-row-w .element1 {
      animation: move 0.5s reverse;
    }

.section-with-number .text-row-w .element2 {
      animation: move 1.5s reverse;
    }

.section-with-number .text-row-w .element3 {
      animation: move 3s reverse;
    }

@keyframes move {
      1% {
        transform: translate(0);
      }

      100% {
        transform: translate(100px);
        opacity: 0;
      }
    }

@keyframes text-slide {
    1% {
      width: 100%;
    }

    60% {
      width: 100%;
    }

    77% {
      width: 0;
    }

    100% {
      width: 0;
    }
  }

@media screen and (min-width: 1000px) {
    @keyframes image-slide {
      1% {
        transform: translatex(-250px) scale(0);
      }

      60% {
        transform: translatex(-250px) scale(1);
      }

      90% {
        transform: translatex(150px) scale(1);
      }

      100% {
        transform: translatex(150px) scale(1);
      }
    }
  }

@media screen and (max-width: 1000px) {
    @keyframes image-slide {
      1% {
        transform: translatex(-150px) scale(0);
      }

      60% {
        transform: translatex(-150px) scale(1);
      }

      90% {
        transform: translatex(120px) scale(1);
      }

      100% {
        transform: translatex(120px) scale(1);
      }
    }
  }

@media screen and (max-width: 450px) {
    @keyframes image-slide {
      1% {
        transform: translatex(-80px) scale(0);
      }

      60% {
        transform: translatex(-80px) scale(1);
      }

      90% {
        transform: translatex(80px) scale(1);
      }

      100% {
        transform: translatex(80px) scale(1);
      }
    }
  }

@media screen and (max-width: 1000px) {
    .section-with-number .image-container img {
      height: 150px;
    }

    .section-with-number .text-container {
      margin-left: -80px;
    }

    .section-with-number .text-container h1 {
      font-size: 30px;
    }
  }

@media screen and (max-width: 450px) {
    .section-with-number .image-container img {
      height: 120px;
    }

    .section-with-number .text-container {
      margin-left: -70px;
    }

    .section-with-number .text-container h1 {
      font-size: 25px;
    }
  }

body {
  counter-reset: watermark;
}

.section-with-number .customNumber .section-w {
      counter-increment: watermark;
    }

.section-with-number .watermark:after {
      content: counter(watermark);
      width: 125px;
      height: 265px;
      display: block;
      font-size: 330px;
      color: #e9eef1;
      line-height: 0.85;font-family: 'Roboto Condensed', sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wght" 500;font-weight: normal;
    }

.slide-in-content {
  display: grid;
  justify-content: center;
}

.slide-in-content .grid-12 {
    grid-row-gap: 40px;
  }

.slide-in-content__icon {
    justify-items: end;
    min-width: 70px;
  }

.slide-in-content .cmp-text {
    align-self: center;
    display: block;
    max-width: 600px;
  }

.slide-in-content .title {
    text-transform: uppercase;
    text-align: center;
  }

.slide-in-content .title h2 {
      margin-bottom: 0;
    }

@media (max-width: 767px) {
    .slide-in-content .grid-12 &gt; div {
      grid-column: 1/5;
    }
  }

@media (max-width: 430px) {
    .slide-in-content .grid-12 {
      grid-row-gap: 30px;
    }
  }

@media (min-width: 430px) {
    .slide-in-content .grid-12 {
      grid-row-gap: 40px;
    }
  }

@media (min-width: 1024px) {
    .slide-in-content .grid-12 &gt; div {
      grid-column: 3/11;
    }
  }

@media (max-width: 480px) {
  .host-form input + label {
    font-size: 14px !important;
  }
}

@media (max-width: 420px) {
  .host-form input + label {
    top: 22px !important;
  }
}

.host-form {
  width: calc(100% - 60px);
  max-width: 347px;
}

.host-form input {
  margin: 0;
  min-width: unset;
  border-radius: 20px;
  color: var(--dc-brand-dark-gray);
  width: calc(100% - 15px);
}

.host-form input + label {
  position: absolute;
  left: 0;
  top: 30px;
  color: #b5b5b5;
  font-size: 1.05rem;
  text-align: center;
  right: 0;
  pointer-events: none;
}

.host-form input + label b {
  color: var(--dc-brand-dark-gray);
}

.host-form input.hidePlacehoder + label {
  display: none;
}

.ssl-cert-checker-tmp table.main {
  grid-column: 1/13;
}

.ssl-cert-checker-tmp table.main tr.row td.col:first-child {
  width: 45%;
}

.ssl-cert-checker-tmp table.main tr.row td.col {
  padding: 20px;
  vertical-align: top;
}

.ssl-cert-checker-tmp table.main tr.row td.col hr {
  display: none;
}

.ssl-cert-checker-tmp h2.ok,
.ssl-cert-checker-tmp h2.error,
.ssl-cert-checker-tmp h2.warning {
  display: grid;
  grid-template-columns: 75px auto;
}

.ssl-cert-checker-tmp h2.ok::before {
  content: url(../../../content/dam/digicert/icons/blue-fill-cirle-with-white-tick.png);
  display: inline-grid;
  transform: scale(0.6);
  margin-top: -15px;
}

.ssl-cert-checker-tmp h2.error::before,
.ssl-cert-checker-tmp h2.warning::before {
  content: url(../../../content/dam/digicert/icons/close-tick-circle.png);
  display: inline-grid;
  transform: scale(0.08);
  margin-top: -18px;
  height: 45px;
  margin-right: 40px;
}

.ssl-cert-checker-tmp #chain table tr td:first-child::after {
  content: "";
}

.ssl-cert-checker-tmp div #chain table tr:nth-of-type(1n + 5) {
  display: none;
}

.ssl-cert-checker-tmp table {
  background-color: transparent;
}

.ssl-cert-checker-tmp .error {
  grid-column: 1/13;
}

.ssl-cert-checker-tmp img.ok,
.ssl-cert-checker-tmp img.error {
  width: 45px;
}

.ssl-cert-checker-tmp h2.ok,
.ssl-cert-checker-tmp h2.error,
.ssl-cert-checker-tmp h2.warning {
  font-size: 36px;
  line-height: 38px;
  margin-top: -2px !important;
}

.host-form-main {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: center;
  background: #6f9fbc;
  width: max-content;
  padding-right: 20px;
  border-radius: 40px;
}

.host-form {
  min-width: 347px;
}

.host-form-main button#host-form-btn {
  height: 40px;
  font-size: 16px;
  padding: 0px 15px;
  cursor: pointer;
  border-radius: 20px;
  color: var(--dc-brand-dark-gray);font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
}

.ssl-cert-checker-tmp p {
  font-size: 18px;
  line-height: 1.637;
}

.ssl-cert-checker-tmp #CertDetails &gt; p:not(last-child) {
  font-size: 18px;
  line-height: 1.637;
  margin-top: 0;
  margin-bottom: 0;
}

.ssl-cert-checker-tmp table tr td {
  padding: 0;
  font-size: 18px;
  line-height: 1.637;
}

.ssl-cert-checker-tmp table tr td #chain img {
  margin-right: 30px;
}

.svg-checker input[type="file"] {
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    outline: none !important;
  }

@media (max-width: 910px) {
    .svg-checker .greybox {
      display: none;
    }

    .svg-checker .wrapper {
      display: grid;
      max-width: 430px;
      margin: 0 auto;
      position: relative;
    }

    .svg-checker .white-box.description {
      padding: 40px;
      grid-row: 2;
      z-index: 4;
      margin-top: 40px;
    }

    .svg-checker .container {
      grid-row: 1;
    }

    .svg-checker .container .image img.iphone {
      margin-left: -60px;
      z-index: 1;
      position: relative;
    }

    .svg-checker .container .upload-status {
      text-align: center;
      margin-top: -130px;
    }

      .svg-checker .container .upload-status .beforeUpload {
        display: grid;
        grid-gap: 30px;
        justify-items: center;
      }

        .svg-checker .container .upload-status .beforeUpload img {
          max-width: 180px;
        }

        .svg-checker .container .upload-status .beforeUpload h2 {
          margin: 0px;
        }
}

@media (min-width: 911px) {
    .svg-checker .greybox {
      z-index: 0;
    }

    .svg-checker .white-box {
      z-index: 1;
      justify-self: end;
    }

    .svg-checker .wrapper,
    .svg-checker .container {
      display: grid;
    }
      .svg-checker .wrapper .white-box {
        width: 81.819%;
        display: grid;
        justify-items: end;
      }

        .svg-checker .wrapper .white-box &gt; * {
          z-index: 4;
          max-width: 350px;
          align-self: center;
          padding-right: 14%;
        }

      .svg-checker .wrapper &gt; * {
        grid-row: 1;
        grid-column: 1;
      }

      .svg-checker .wrapper .container {
        grid-template-columns: 55% 45%;
      }

        .svg-checker .wrapper .container .image {
          z-index: 1;
          position: relative;
          display: grid;
          grid-template-columns: 60% 40%;
        }

          .svg-checker .wrapper .container .image img.iphone {
            max-height: 800px;
            margin-top: -46%;
            z-index: 2;
          }

          .svg-checker .wrapper .container .image &gt; * {
            grid-row: 1;
          }

          .svg-checker .wrapper .container .image .upload-status {
            grid-column: 2;
            z-index: 1;
            align-self: end;
            margin-left: -38%;
            margin-bottom: -30%;
            cursor: pointer;
          }

            .svg-checker .wrapper .container .image .upload-status .beforeUpload {
              display: grid;
              align-items: center;
              grid-template-columns: auto auto;
              grid-gap: 0px 10px;
            }

            .svg-checker .wrapper .container .image .upload-status h2 {
              font-size: 21px;
              line-height: 1;
              color: #3377b8;
            }

            .svg-checker .wrapper .container .image .upload-status img {
              max-width: 205px;
              width: 100%;
            }

    .svg-checker input[type="file"] {
      z-index: 3;
      opacity: 0;
      position: absolute;
      outline: none !important;
      width: 100%;
      height: 100%;
      cursor: pointer;
      top: 0;
      left: 0;
    }
}

.greybox {
  background-color: #d5d5d5;
  box-shadow: 0 4px 9pt 0 rgba(0, 1, 1, 0.15);
}

.team-blade .team-wrapper {
    display: grid;
    margin-top: 60px;
    justify-content: center;
    grid-template-columns: repeat(auto-fill, minmax(300px, auto));
    grid-row-gap: 100px;
    grid-column-gap: 54px;
  }

.team-blade .team-wrapper .team-member .team-modal {
      display: none;
      position: fixed;
      z-index: 300;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0, 116, 200, 0.76);
    }

.team-blade .team-wrapper .team-member .team-modal .modal-content {
        width: 1200px;
        height: max-content;
        margin: 100px auto;
        background-color: white;
        overflow: auto;
        display: flex;
        flex-direction: row;
      }

.team-blade .team-wrapper .team-member .team-modal .modal-content .close {
          float: right;
          margin-right: 21px;
        }

.team-blade .team-wrapper .team-member .team-modal .modal-content .close span {
            content: url("../../../content/dam/digicert/social-icons/close-05.png");
            width: auto;
            height: auto;
            float: right;
            position: absolute;
            z-index: 1;
            margin-top: -21px;
          }

.team-blade .team-wrapper .team-member .team-modal .modal-content .desc-box {
          margin-right: 75px;
          margin-top: 60px;
          margin-bottom: 60px;
        }

.team-blade .team-wrapper .team-member .team-modal .modal-content .desc-box div {
            margin-left: 500px;
          }

.team-blade .team-wrapper .team-member .team-modal .modal-content .desc-box div p {
              color: #b9b9b9;
              padding: 0;
              margin: 0;
              font-size: 18px;
            }

.team-blade .team-wrapper .team-member .team-modal .modal-content .image-title {
          margin-top: -60px;
          position: absolute;
          margin-left: -30px;
        }

.team-blade .team-wrapper .team-member .team-modal .modal-content .image-title .team-image img {
              width: 460px;
              height: 575px;
            }

.team-blade .team-wrapper .team-member .team-modal .modal-content .image-title .team-social-bar {
            margin-top: -115px;
            position: absolute;
            display: grid;
            grid-template-rows: auto auto;
            grid-row-gap: 9px;
          }

.team-blade .team-wrapper .team-member .team-modal .modal-content .image-title .team-social-bar a img {
                margin-left: -13px;
              }

.team-blade .team-wrapper .team-member .team-modal .modal-content .image-title .member-title {
            margin-left: 30px;
          }

.team-blade .team-wrapper .team-member .member-title {
      width: 270px;
      height: 115px;
      background-color: #0074c8;
      margin-left: 20px;
      margin-top: -115px;
      z-index: 0;
      position: absolute;
    }

.team-blade .team-wrapper .team-member .team-headshot img {
        width: 376px;
        height: 466px;
      }

.team-blade .team-wrapper .team-member .team-headshot :hover {
        cursor: pointer;
      }

.team-blade .team-wrapper .team-member h4 {
    color: #fff;
    margin-bottom: 0;
    padding: 15px;
  }

.team-blade .team-wrapper .team-member p {
    color: #fff;
    padding: 0 15px;
    margin-bottom: 15px;
  }

.team-blade .team-wrapper .team-member:nth-child(4n + 1) {
    clear: both;
  }

.team-blade .team-blade .team-wrapper .team-member .team-modal .modal-content .mobile-close {
    display: none;
  }

@media only screen and (max-width: 767px) {
  .team-blade .team-wrapper {
    grid-template-columns: minmax(300px, auto);
    margin-bottom: 60px;
  }

  .team-blade .team-wrapper .team-member {
    cursor: pointer;
  }
      .team-blade .team-wrapper .team-member .team-headshot img {
        max-width: 100%;
        width: unset;
        height: unset;
        max-height: 100%;
      }

  .team-blade .team-wrapper .team-member .team-modal .modal-content .image-title .member-title {
    width: unset;
    max-width: 100%;
  }

  .team-blade .team-wrapper .team-member .team-modal {
    max-width: 100%;
  }

  .team-blade .team-wrapper .team-member .team-modal .modal-content .image-title .team-image img {
    max-width: 100%;
    max-height: 100%;
    height: unset;
  }

  .team-blade .team-wrapper .team-member .team-modal .modal-content {
    display: flex;
    flex-direction: column;
    width: calc(100vw - 60px);
    margin: 60px 30px 0;
    background: none !important;
    height: unset;
  }

  .team-blade .team-wrapper .team-member .team-modal .modal-content .image-title {
    align-self: center;
    margin-top: 0;
    position: unset;
    margin-left: 0;
  }

  .team-blade .team-wrapper .team-member .team-modal .modal-content .desc-box {
    align-self: center;
    background-color: #fff;
    padding: 60px 30px;
    margin-right: 0;
    margin-top: -60px;
    margin-bottom: 0;
    z-index: -1;
  }

    .team-blade .team-wrapper .team-member .team-modal .modal-content .desc-box div {
      margin-bottom: 15px;
      margin-left: 0;
    }

      .team-blade .team-wrapper .team-member .team-modal .modal-content .desc-box div p {
        color: #b9b9b9;
        padding-top: 30px;
        font-size: 18px;
      }

  .team-blade .team-wrapper .team-member .team-modal .modal-content .close {
    display: none;
  }

  .team-blade .team-wrapper .team-member .team-modal .modal-content .mobile-close {
    align-self: flex-end;
    display: block !important;
    z-index: 2;
    position: absolute;
    top: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1295px) {
  .team-blade .team-wrapper {
    grid-template-columns: minmax(300px, auto);
    margin-bottom: 60px;
  }

  .team-blade .team-wrapper .team-member {
    cursor: pointer;
  }
      .team-blade .team-wrapper .team-member .team-headshot img {
        max-width: 100%;
      }

  .team-blade .team-wrapper .team-member .team-modal .modal-content .image-title .member-title {
    width: unset;
    max-width: 100%;
  }

  .team-blade .team-wrapper .team-member .team-modal {
    max-width: 100%;
  }

  .team-blade .team-wrapper .team-member .team-modal .modal-content .image-title .team-image img {
    max-width: 100%;
    max-height: 100%;
    height: unset;
  }

  .team-blade .team-wrapper .team-member .team-modal .modal-content {
    display: flex;
    flex-direction: column;
    background: none !important;
    height: unset;
    width: calc(100vw / 2);
  }

  .team-blade .team-wrapper .team-member .team-modal .modal-content .image-title {
    align-self: center;
    margin-top: 0;
    position: unset;
    margin-left: 0;
  }

  .team-blade .team-wrapper .team-member .team-modal .modal-content .desc-box {
    align-self: center;
    background-color: #fff;
    padding: 60px 30px;
    margin-right: 0;
    margin-top: -60px;
    margin-bottom: 0;
    z-index: -1;
  }

    .team-blade .team-wrapper .team-member .team-modal .modal-content .desc-box div {
      margin-bottom: 15px;
      margin-left: 0;
    }

      .team-blade .team-wrapper .team-member .team-modal .modal-content .desc-box div p {
        color: #b9b9b9;
        padding-top: 30px;
        font-size: 18px;
      }

  .team-blade .team-wrapper .team-member .team-modal .modal-content .close {
    display: none;
  }

  .team-blade .team-wrapper .team-member .team-modal .modal-content .mobile-close {
    align-self: flex-end;
    display: block !important;
    z-index: 2;
    position: absolute;
    top: 90px;
    right: 180px;
  }
}


.text-and-image-hide,
  .text-and-image-show {
    will-change: transform, opacity, filter;
  }


.text-and-image-hide {
    transform: translateX(-100%);
    opacity: 0;
    filter: blur(5px);
    transition: transform 1s ease-out, opacity 1s ease-out, filter 1s ease-out;
  }


.design3 .text-and-image-hide {
      transform: translateX(100%);
    }


.text-and-image-show {
    transform: translateX(0);
    filter: blur(0);
    opacity: 1;
    animation-fill-mode: forwards;
  }


.design2:not(.animate--false) .text-and-image-show {
      animation: slideInRight 1s ease-out;
    }


.design3:not(.animate--false) .text-and-image-show {
      animation: slideInLeft 1s ease-out;
    }

.media--text-and-image {
  display: grid;
  align-items: center;
  justify-items: center;
}

.media--text-and-image .description {
    line-height: 1.3;
  }

.media--text-and-image ul,
  .media--text-and-image ol {
    display: grid;
    grid-gap: 15px;
    grid-auto-rows: min-content;
    font-size: 21px;
    list-style: revert;
    padding-left: revert;
  }

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

.media--text-and-image {
    grid-column: 1/-1;
    grid-gap: 40px !important
}
  }

@media only screen and (min-width: 768px) and (max-width: 1023px) {

.media--text-and-image {
    grid-column: 2/8;
    grid-gap: 60px !important
}
  }

.media--text-and-image.animate--false img, .media--text-and-image.design1 img {
      opacity: 1;
      filter: blur(0);
      transform: translateX(0);
    }

@media only screen and (max-width: 1024px) {
    .media--text-and-image .img-container {
      margin: 0 !important;
    }
      .media--text-and-image .description br {
        display: none;
      }
  }

@media only screen and (min-width: 1024px) {
    .media--text-and-image.breakpoint--medium-large__flex--row { display: grid; }

    .media--text-and-image.design1,
    .media--text-and-image.design2,
    .media--text-and-image.design3 {
      grid-column: 2/12;
      margin: 0;
    }

    .media--text-and-image.design2,
    .media--text-and-image.design3 {
      grid-template-columns: auto auto;
    }

      .media--text-and-image.design2 .description,
      .media--text-and-image.design2 .img-container,
      .media--text-and-image.design3 .description,
      .media--text-and-image.design3 .img-container {
        grid-row: 1;
      }

    .media--text-and-image.design2 .img-container,
    .media--text-and-image.design3 .description,
    .navItem_dropdown .media--text-and-image.design3 {
      grid-column: 1;
    }

    .media--text-and-image.design2 .description,
    .media--text-and-image.design3 .img-container {
      grid-column: 2;
    }
  }

body:not(#authorMode) .design2:not(.animate--false) .slideIn {
    animation: slideInRight 1s ease-out;
    animation-fill-mode: forwards;
  }

body:not(#authorMode) .design3:not(.animate--false) .slideIn {
    animation: slideInLeft 1s ease-out;
    animation-fill-mode: forwards;
  }

@keyframes slideInRight {
    1% {
      transform: translateX(-500px);
      opacity: 0;
    }

    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }

@keyframes slideInLeft {
    1% {
      transform: translateX(500px);
      opacity: 0;
    }

    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }

#authorMode .media--text-and-image .img-container img {
  opacity: 1;
}

.title-and-image .d-flex {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: baseline;
  }

.title-and-image .d-flex .cmp-image__image {
      max-width: 100px;
    }

.title-and-image .d-flex .title {
      flex-grow: 1;
      align-self: flex-end;
      font-size: 14px;
    }

.title-and-image .cmp-image-prop__title {
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0;
  }

.title-and-image .description {
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
  }

.title-and-image .description p {
      font-size: 14px;
      line-height: 18px;
    }

@media (max-width: 767px) {
      .title-and-image *:not(.editor) #tablet-image {
        display: none;
      }

      .title-and-image *:not(.editor) #tablet-desktop-image {
        display: none;
      }
}

@media (min-width: 768px) and (max-width: 1024px) {
      .title-and-image *:not(.editor) #mobile-image {
        display: none;
      }
}

@media (max-width: 1024px) {
      .title-and-image *:not(.editor) #desktop-image {
        display: none;
      }
}

@media (min-width: 1025px) {
      .title-and-image *:not(.editor) #mobile-image,
      .title-and-image *:not(.editor) #tablet-image {
        display: none;
      }
}
@media (min-width: 600px) {
  .parsys_column {
    margin: 0;
  }

  .cq-colctrl-lt0-c0,
  .cq-colctrl-lt0-c1 {
    float: left;
    width: 48%;
  }

  .cq-colctrl-lt0-c0 {
    margin-right: 2%;
  }

  .cq-colctrl-lt0-c1 {
    margin-left: 2%;
  }
}
.twovariantscolumn .rich-text{
    transition: transform 2s ease-in-out 5s;
  }
.twovariantscolumn .rich-text:hover {
      transform: translate(0px, -5px);
    }

.layout1-col {
  display: grid;
  justify-content: center;
}

.page.bg-img {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
  }

.active-pdp {
  display: flex;
}

.pdp__container {
    display: grid;
    gap: 50px;
    grid-column: 1;
  }

.pdp__container.hide-pdp {
      display: none;
    }

html:not(.aem-AuthorLayer-Edit) .pdp__container:not(.hide-pdp) + .pdp__container:not(.hide-pdp) {
        display: none;
      }

.pdp__container--outer {
      display: grid;
      gap: 50px;
    }

.pdp__container .list &gt; ul, .pdp__container .pdp__container .list &gt; ul &gt; ul {

      display: grid;
      column-gap: 50px;
      row-gap: 15px;
      grid-template-columns: 1fr 1fr;
      margin-left: 15px;
    }

.pdp__container .list &gt; ul li, .pdp__container .pdp__container .list &gt; ul &gt; ul li {
        font-family: 'Roboto-Light', 'Open Sans', sans-serif;
        font-size: 1rem;
      }

.pdp__container .list &gt; ul li:before, .pdp__container .pdp__container .list &gt; ul &gt; ul li:before {
        content: "\2713";
        color: green;
        margin-right: 5px;
        display: inline-block;
        width: 0.75em;
        margin-left: -1em;
      }

.pdp .media {
    display: grid;
    gap: calc(0.625rem * 5);
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  }

.pdp .media__figure {
      flex: 0 1 35%;
    }

.pdp__info .title .heading {
      text-transform: capitalize;
    }

[lang="es-ES"] .pdp__info .title .heading {
        text-transform: none;
      }

.pdp__info .title .heading {font-family: 'Roboto-Bold', sans-serif;font-stretch: normal;
}

.geotrust-body .pdp__info .heading--style-medium {font-family: 'Roboto-Bold', sans-serif;font-stretch: normal;
        }

.geotrust-body .pdp__info .pdp__description p {font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
      }

body .pdp__description p {
      font-size: 16px;
    }

.pdp__description &gt; .read-more {
      display: none;
    }

.pdp__selection {
    flex: 1;
    min-width: 21.875rem;
  }

.pdp__selection .dropdown-title {
      font-size: 20px;
      margin-bottom: 20px;font-stretch: normal;font-family: 'Roboto-Regular', sans-serif;
    }

html:not(.aem-AuthorLayer-Edit) .pdp__selection .commerce-content .product:not(.hide-pdp) + .product:not(.hide-pdp) {
          display: none;
        }

div.pdp-dropdown {
  background: transparent;
  font-family: 'Roboto-Regular', 'Open Sans', sans-serif;
  opacity: unset;
  padding-left: 0;
  width: 100%;
}

div.pdp-dropdown.ss-main .ss-arrow {
      bottom: unset;
      margin: 0;
      position: absolute;
      right: 16px;
      top: unset;
    }

div.pdp-dropdown-container {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 0;
    position: relative;
    border-radius: unset;
    background-position: right 12px top 25px;
    margin-top: 10px;
  }

div.pdp-dropdown-container .configurable-product__select {
      border: none;
      border-radius: 0;
      padding-bottom: 9pt;
    }

div.pdp-dropdown-container .configurable-product__select__option--title {
      font-size: 1rem;
      padding: 2px 0;
    }

div.pdp-dropdown .ss-list .ss-option {
      padding: 16px;
      min-height: auto;
    }

div.pdp-dropdown .ss-list .ss-option.ss-disabled {
        background-color: #dcdee2;
        color: #334147;
      }

.comparisionTabs {
  padding: 60px 0px;
  position: relative;
}

@media only screen and (min-width: 1024px) and (max-width: 1430px) {

.comparisionTabs .wrapper {
      margin: 0 30px
  }
    }

@media only screen and (min-width: 1430px) {

.comparisionTabs .wrapper {
      margin: 0 auto
  }
    }

.comparisionTabs .wrapper &gt; ul {
      display: flex;
    }

.comparisionTabs .wrapper &gt; ul li {
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
      }

.comparisionTabs .wrapper &gt; ul li .content {
          display: none;
          box-sizing: border-box;
        }

.comparisionTabs .wrapper &gt; ul li.active {
          background-color: #fff;
        }

.comparisionTabs .wrapper &gt; ul li.active .content {
            display: block;
          }

.comparisionTabs .wrapper &gt; ul li.active .tabHeading {
            z-index: 1;
          }

@media only screen and (max-width: 768px) {
          .comparisionTabs .wrapper &gt; ul &gt; li .tabHeading {
            padding: 20px 30px;
          }

          .comparisionTabs .wrapper &gt; ul &gt; li .tab_content {
            padding: 40px 30px;
          }
  }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
          .comparisionTabs .wrapper &gt; ul &gt; li .tabHeading {
            padding: 20px 70px;
          }

          .comparisionTabs .wrapper &gt; ul &gt; li .content {
            padding: 40px 70px;
          }

          .comparisionTabs .wrapper &gt; ul &gt; li .tab_content {
            padding: 40px 70px;
          }
  }

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

.comparisionTabs {
    padding: 40px 0px
}
        .comparisionTabs .wrapper &gt; ul &gt; li {
          display: none;
        }

          .comparisionTabs .wrapper &gt; ul &gt; li .tabHeading {
            display: grid;
            justify-content: space-between;
            align-items: center;
          }

            .comparisionTabs .wrapper &gt; ul &gt; li .tabHeading h6 {
              margin-bottom: 5px;
            }

            .comparisionTabs .wrapper &gt; ul &gt; li .tabHeading i {
              display: none;
            }

            .comparisionTabs .wrapper &gt; ul &gt; li .tabHeading:hover {
              background-color: #f4f6f8;
            }

            .comparisionTabs .wrapper &gt; ul &gt; li .tabHeading:target {
              background-color: #dde5ea;
            }

          .comparisionTabs .wrapper &gt; ul &gt; li .content {
            box-shadow: none;
          }

          .comparisionTabs .wrapper &gt; ul &gt; li.active {
            display: block;
          }

            .comparisionTabs .wrapper &gt; ul &gt; li.active .tabHeading {
              border-top-width: 1px;
              border-bottom-width: 1px;
              border-left-width: 0px;
              border-right-width: 0px;
              border-style: solid;
              border-color: #abb6bf;
            }

              .comparisionTabs .wrapper &gt; ul &gt; li.active .tabHeading h6 {
                grid-row: 1;
                grid-column: 1;
              }

              .comparisionTabs .wrapper &gt; ul &gt; li.active .tabHeading small {
                grid-row: 2;
                grid-column: 1;
              }

              .comparisionTabs .wrapper &gt; ul &gt; li.active .tabHeading i {
                grid-row: 1/3;
                grid-column: 2;
                display: block;
                padding: 4px;
                width: 0;
                height: 0;
                margin-top: -6px;
              }

        .comparisionTabs .wrapper &gt; ul.isopen {
          display: grid;
          box-shadow: 0 6px 6px -2px rgba(0, 1, 1, 0.15);
        }
            .comparisionTabs .wrapper &gt; ul.isopen li.active {
              grid-row: 1;
            }
            .comparisionTabs .wrapper &gt; ul.isopen li {

            display: block !important;
	}

            .comparisionTabs .wrapper &gt; ul.isopen li .content {
              display: none;
            }
  }

@media only screen and (min-width: 1024px) {

.comparisionTabs {
    min-height: 760px
}

    .comparisionTabs .wrapper {
      background-color: #f4f6f8;
      padding: 20px 100px 0px;
      margin: 0 auto;
      position: relative;
      max-width: 1370px;
      box-sizing: border-box;
    }

      .comparisionTabs .wrapper &gt; ul {
        grid-gap: 15px;
      }

        .comparisionTabs .wrapper &gt; ul &gt; li {
          height: 90px;
          max-width: 220px;
          padding: 20px;
          background: #dde5ea;
        }

          .comparisionTabs .wrapper &gt; ul &gt; li .content {
            min-height: 560px;

            padding: 50px 100px;
            left: 0;
            position: absolute;
            width: 100%;
            top: 110px;
          }

          .comparisionTabs .wrapper &gt; ul &gt; li.active {
            box-shadow: 0px -10px 9pt 0 rgba(0, 1, 1, 0.15);
          }
      .comparisionTabs .tabHeading h6 {
        margin: 0;
      }

      .comparisionTabs .tabHeading i {
        display: none;
      }
  }

.comparisionTabs .tab_content {
    display: grid;
  }

.comparisionTabs .tab_content &gt; div {
      border: 1px solid #abb6bf;
    }

@media only screen and (max-width: 1024px) {
        .comparisionTabs .tab_content:not(.video) &gt; div {
          padding: 40px;
        }
    }

@media only screen and (min-width: 1024px) {
        .comparisionTabs .tab_content:not(.video) &gt; div {
          padding: 50px 40px 40px;
        }

      .comparisionTabs .tab_content.two_column_chart {
        grid-template-columns: 1fr 1fr;
      }

      .comparisionTabs .tab_content.three_column_chart {
        grid-template-columns: 1fr 1fr 1fr;
      }
    }

.comparisionTabs .tab_content.video .video-component.section {
          margin-top: 0px;
        }

.comparisionTabs .tab_content.video .video-component .grid-12 {
          grid-template-columns: auto;
          padding: 0;
          margin: 0;
        }

.comparisionTabs .tab_content.video .video-component .white-box {
          display: none;
        }

.comparisionTabs .tab_content.video .video-component .container {
          grid-gap: 0;
          padding: 0;
          grid-template-columns: 2fr minmax(400px, 1fr);
          margin: 0;
        }

.comparisionTabs .tab_content.video .video-component .container i.play-btn {
            display: none;
          }

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

.comparisionTabs .tab_content.video .video-component .container .img-container {
              margin: 0;
              grid-row: 1
          }
            }

.comparisionTabs .tab_content.video .video-component .container .img-container img {
            display: block;
            height: 100%;
            object-fit: cover;
          }

.comparisionTabs .tab_content.video .video-component .container .content-container {
            padding: 40px;
            grid-row: 1/3;
            align-self: start;
          }

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

.comparisionTabs .tab_content.video .video-component .container .content-container {
              grid-row: 1
          }
            }

@media only screen and (max-width: 768px) {
          .comparisionTabs .tab_content.video .video-component.section {
            width: 100%;
          }

          .comparisionTabs .tab_content.video .video-component .container {
            grid-template-columns: 1fr;
          }

            .comparisionTabs .tab_content.video .video-component .container .content-container {
              grid-row: 2;
            }
        }

.comparisioncontainer .cmp-container {
    margin-top: 40px !important;
  }

.comparisioncontainer .toggle_heading {
    display: flex;
    gap: 20px;
    align-items: center;
  }

.comparisioncontainer .toggle_heading &gt; .heading {
      margin: 0;
    }

.comparisioncontainer .toggle_heading.align_center {
      justify-content: center;
    }

.comparisioncontainer .toggle_heading .toggle_fieldset {
      border: 1px solid #c1cbd3;
      display: flex;
      font-weight: 400;
    }

.comparisioncontainer .toggle_heading .toggle_fieldset &gt; div {
        padding: 10px 15px;
        cursor: pointer;
        margin-top: 4px;
        margin-bottom: 4px;
      }

.comparisioncontainer .toggle_heading .toggle_fieldset &gt; div.active {
          background: #0f9dff;
          color: #fff;
        }

.comparisioncontainer .toggle_heading .toggle_fieldset &gt; div.active#ov_comparision_chart {
            margin-left: 4px;
          }

.comparisioncontainer .toggle_heading .toggle_fieldset &gt; div.active#ev_comparision_chart {
            margin-right: 4px;
          }

.comparisioncontainer .toggle_heading .toggle_fieldset {font-family: 'Roboto Condensed', sans-serif;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wght" 400;font-weight: normal;
}


.cmp-VeniaAccountInformationPage__editModal__errorContainer {
    padding-bottom: 1rem;
}


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


.global-header--v1 .secondary_navigation .nav-content .search-panel &gt; div form.search-form i.nav_dismiss, .header-v1 .secondary_navigation .nav-content .search-panel &gt; div form.search-form i.nav_dismiss {
                display: block !important
            }
              

}


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


.rich-text br, .cmp-text br {
      display: none
  }
    

body.geotrust-body:not(#authorMode) .container &gt; .cmp-container {
      margin-top: 93px
  }
    
        .tableRowGrid .cmp-text .btn-container a {
          min-width: 90px;
          max-width: 100%;
        }
      

.dhide {
    display: block
}
  
        .accordion--direction-horizontal .expand__trigger {
          background-color: #e9eef1;
          border-bottom: 1px solid #e9eef1;
          color: #334147;
          font-weight: normal;
          padding: 1.25rem;
        }

          .accordion--direction-horizontal .expand__trigger .icon {
            fill: #334147;
            margin-left: 16px;
          }

          .accordion--direction-horizontal .expand__trigger:hover {
            color: #334147;
            border-color: #334147;
          }

            .accordion--direction-horizontal .expand__trigger:hover .icon {
              fill: #334147;
            }
      

.blog-subscriber .container {
      display: grid
  }
    
      .description-cta .descriptionBox br {
        display: none;
      }
  

.news-feature-card .featureCard__featureAsset {
      width: -webkit-fill-available;
      width: -moz-available
  }
    

.news-feature-card .featureCard__CardSet .featureCard__card .cta {
          font-size: 18px
      }
        

.news-feature-card .featureCard__CardSet {
      flex-direction: row
  }
    

.news-feature-card .featureCard__CardSet .featureCard__card:first-child {
      border-top: 1px solid #ccc;
      border-left: none
  }
    

.stackcard .stackcard__textbox {
      padding: 40px
  }
    

.stackcard .stackcard__textbox a {
        font-size: 18px
    }
      
        .digicert-body .global-header .header__nav-dismiss:not(.header__nav-dismiss--search):after, .digicert-body .header .header__nav-dismiss:not(.header__nav-dismiss--search):after {
          color: #000000;
        }
    
        .geotrust-body .global-header .header__nav-dismiss:not(.header__nav-dismiss--search):after, .geotrust-body .header .header__nav-dismiss:not(.header__nav-dismiss--search):after {
          color: #575757;
        }
              .geotrust-body .global-header #support .button-Container &gt; div:hover a, .geotrust-body .global-header .header__secondary-nav-content--contact .button-Container &gt; div:hover a, .geotrust-body .header #support .button-Container &gt; div:hover a, .geotrust-body .header .header__secondary-nav-content--contact .button-Container &gt; div:hover a {
                color: #575757;
              }

            .geotrust-body .global-header #support .button-Container &gt; div a, .geotrust-body .global-header .header__secondary-nav-content--contact .button-Container &gt; div a, .geotrust-body .header #support .button-Container &gt; div a, .geotrust-body .header .header__secondary-nav-content--contact .button-Container &gt; div a {position: relative;padding-bottom: 5px;
            }.geotrust-body .global-header #support .button-Container &gt; div a:after, .geotrust-body .global-header .header__secondary-nav-content--contact .button-Container &gt; div a:after, .geotrust-body .header #support .button-Container &gt; div a:after, .geotrust-body .header .header__secondary-nav-content--contact .button-Container &gt; div a:after {
    display: block;
    content: ' ';
    width: 0%;
    transition: all 0.3s ease-in-out;
    height: 2px;
    background: #f37121;
    position: absolute;
    left: 0;
    bottom: 0;
  };
    .geotrust-body .global-header #support .button-Container &gt; div a:hover:after, .geotrust-body .global-header .header__secondary-nav-content--contact .button-Container &gt; div a:hover:after, .geotrust-body .header #support .button-Container &gt; div a:hover:after, .geotrust-body .header .header__secondary-nav-content--contact .button-Container &gt; div a:hover:after {
      width: 100%;
    }
    
        .geotrust-body .header.fixed .nav-container,
        .geotrust-body .header.fixed .navigation__primary,
        .geotrust-body .header.fixed .header__secondary-nav-content,
        .digicert-body .header.fixed .nav-container,
        .digicert-body .header.fixed .navigation__primary,
        .digicert-body .header.fixed .header__secondary-nav-content {
          max-height: calc(100vh - #{80px});
          overflow-y: scroll;
        }

        .geotrust-body .header.fixed .nav-container, .digicert-body .header.fixed .nav-container {
          position: fixed;
          top: 80px;
          border-top: solid #abb6bf 1px;
        }
        .geotrust-body .header .header__nav-dismiss:not(.header__nav-dismiss--search):after, .digicert-body .header .header__nav-dismiss:not(.header__nav-dismiss--search):after {
          color: #000000;
        }

      .geotrust-body .header .child-pages, .digicert-body .header .child-pages {
        height: auto !important;
      }
          .geotrust-body .header #support .button-Container &gt; div, .geotrust-body .header .header__secondary-nav-content--contact .button-Container &gt; div, .digicert-body .header #support .button-Container &gt; div, .digicert-body .header .header__secondary-nav-content--contact .button-Container &gt; div {
            min-width: auto;
            line-height: 1;
            border: 0;
            text-align: left;
            margin: 10px 0;
          }

            .geotrust-body .header #support .button-Container &gt; div:hover, .geotrust-body .header .header__secondary-nav-content--contact .button-Container &gt; div:hover, .digicert-body .header #support .button-Container &gt; div:hover, .digicert-body .header .header__secondary-nav-content--contact .button-Container &gt; div:hover {
              background: transparent;
            }

              .geotrust-body .header #support .button-Container &gt; div:hover a, .geotrust-body .header .header__secondary-nav-content--contact .button-Container &gt; div:hover a, .digicert-body .header #support .button-Container &gt; div:hover a, .digicert-body .header .header__secondary-nav-content--contact .button-Container &gt; div:hover a {
                color: #0f9dff;
              }

            .geotrust-body .header #support .button-Container &gt; div a, .geotrust-body .header .header__secondary-nav-content--contact .button-Container &gt; div a, .digicert-body .header #support .button-Container &gt; div a, .digicert-body .header .header__secondary-nav-content--contact .button-Container &gt; div a {
              margin: 0;
              padding-right: 12px;
              display: inline-block;
              position: relative;
            }

              .geotrust-body .header #support .button-Container &gt; div a:before, .geotrust-body .header .header__secondary-nav-content--contact .button-Container &gt; div a:before, .digicert-body .header #support .button-Container &gt; div a:before, .digicert-body .header .header__secondary-nav-content--contact .button-Container &gt; div a:before {
                content: '&gt;';
                height: 1em;
                position: absolute;
                right: 0;
                top: 0;
              }

              .geotrust-body .header #support .button-Container &gt; div a, .geotrust-body .header .header__secondary-nav-content--contact .button-Container &gt; div a, .digicert-body .header #support .button-Container &gt; div a, .digicert-body .header .header__secondary-nav-content--contact .button-Container &gt; div a {position: relative;padding-bottom: 5px;
	}
    .geotrust-body .header #support .button-Container &gt; div a:hover:after, .geotrust-body .header .header__secondary-nav-content--contact .button-Container &gt; div a:hover:after, .digicert-body .header #support .button-Container &gt; div a:hover:after, .digicert-body .header .header__secondary-nav-content--contact .button-Container &gt; div a:hover:after {
      width: 100%;
    }.geotrust-body .header #support .button-Container &gt; div a:after, .geotrust-body .header .header__secondary-nav-content--contact .button-Container &gt; div a:after, .digicert-body .header #support .button-Container &gt; div a:after, .digicert-body .header .header__secondary-nav-content--contact .button-Container &gt; div a:after {
    display: block;
    content: ' ';
    width: 0%;
    transition: all 0.3s ease-in-out;
    height: 2px;
    background: #0f9dff;
    position: absolute;
    left: 0;
    bottom: 0;
  }

            .geotrust-body .header #support .button-Container &gt; div, .geotrust-body .header .header__secondary-nav-content--contact .button-Container &gt; div, .digicert-body .header #support .button-Container &gt; div, .digicert-body .header .header__secondary-nav-content--contact .button-Container &gt; div {font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
	}
    

body.digicert-body .global-header--v1, body.digicert-body .header-v1 {
      position: relative
  }
    

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__two, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__two {
            display: none !important
        }
          

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__one, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__one {
                padding-left: 0
            }
              

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60 .section__one, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60 .section__one {
                padding-left: 0
            }
              

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one {
                padding-left: 0;
                padding-right: 0
            }
              

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul {
                  height: unset
              }

                  .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul a#resources, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul a#resources {
                    width: 100%;
                  }

                    .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul a#resources:before, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul a#resources:before {
                      content: ' ';
                      display: block;
                      border-bottom: 1px solid #abb6bf;
                      width: 100%;
                      margin-top: 21px;
                      margin-bottom: 21px;
                    }
                

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto .section__one, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto .section__one {
                padding-left: 0
            }
              

.global-header--v1 .primary_navigation__sections, .header-v1 .primary_navigation__sections {
      z-index: 1002;
      position: relative
  }
        .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div, .header-v1 .primary_navigation__sections .navigation_sections &gt; div {
          grid-template-columns: 1fr !important;
        }

          .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one {
            padding: 0;
            grid-row: 1;
          }
              .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one .mobile__section li[data-addlinebreaker='true']::after, .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one &gt; ul li[data-addlinebreaker='true']::after, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one .mobile__section li[data-addlinebreaker='true']::after, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one &gt; ul li[data-addlinebreaker='true']::after {
                width: 100%;
              }

            .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one .mobile__section, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one .mobile__section {
              min-height: 100px;
              background-color: #0174c3;
              color: #fff;
              display: block;
            }

              .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one .mobile__section .rte-desc, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one .mobile__section .rte-desc {
                margin-top: 22px;
                margin-bottom: -6px;
                max-width: 530px;
              }

                .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one .mobile__section .rte-desc .btn-container, .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one .mobile__section .rte-desc .btn-container {
                  margin-bottom: 4px;
                }

        .global-header--v1 .primary_navigation__sections .navigation_sections .section__two, .header-v1 .primary_navigation__sections .navigation_sections .section__two {
          display: none;
        }
    

.global-header--v1 .primary__navigation li, .header-v1 .primary__navigation li {
        margin-left: 0
    }
      

.global-header--v1 .primary__navigation, .header-v1 .primary__navigation {
      position: absolute;
      top: 80px;
      background: #fff;
      left: 0;
      right: 0;
      padding: 36px 6.98%;
      border-top: 1px solid #abb6bf;
      display: none;
      z-index: 1001
  }

      .global-header--v1 .primary__navigation li, .header-v1 .primary__navigation li {
        position: relative;
      }

        .global-header--v1 .primary__navigation li:not(:last-child), .header-v1 .primary__navigation li:not(:last-child) {
          margin-bottom: 21px;
        }

        .global-header--v1 .primary__navigation li.mobile-nav-item, .header-v1 .primary__navigation li.mobile-nav-item {
          display: block;
        }

        .global-header--v1 .primary__navigation li[data-addlinebreaker='true']::before, .header-v1 .primary__navigation li[data-addlinebreaker='true']::before {
          content: ' ';
          display: block;
          border-bottom: 1px solid #abb6bf;
          width: 100%;
          margin-bottom: 26px;
          margin-top: 9px;
        }

      .global-header--v1 .primary__navigation i.backtotop-arrow, .header-v1 .primary__navigation i.backtotop-arrow {
        position: absolute;
        right: 2px;
        margin-top: auto;
        top: 3px;
        color: #abb6bf;
      }
    

.global-header--v1 .secondary_navigation .nav-content .contact-panel,
      .global-header--v1 .secondary_navigation .nav-content .language-panel,
      .header-v1 .secondary_navigation .nav-content .contact-panel,
      .header-v1 .secondary_navigation .nav-content .language-panel {
          width: 100%
      }
        

.global-header--v1 .secondary_navigation .nav-content .contact-panel &gt; div, .global-header--v1 .secondary_navigation .nav-content .language-panel &gt; div, .header-v1 .secondary_navigation .nav-content .contact-panel &gt; div, .header-v1 .secondary_navigation .nav-content .language-panel &gt; div {
            background: #0174c3;
            max-width: unset;
            color: #fff
        }

            .global-header--v1 .secondary_navigation .nav-content .contact-panel &gt; div ul li a, .global-header--v1 .secondary_navigation .nav-content .language-panel &gt; div ul li a, .header-v1 .secondary_navigation .nav-content .contact-panel &gt; div ul li a, .header-v1 .secondary_navigation .nav-content .language-panel &gt; div ul li a {
              color: #fff;
            }

              .global-header--v1 .secondary_navigation .nav-content .contact-panel &gt; div ul li a:after, .global-header--v1 .secondary_navigation .nav-content .language-panel &gt; div ul li a:after, .header-v1 .secondary_navigation .nav-content .contact-panel &gt; div ul li a:after, .header-v1 .secondary_navigation .nav-content .language-panel &gt; div ul li a:after {
                background-color: #fff;
              }
          
        .global-header--v1 .secondary_navigation &gt; ul li.language,
        .global-header--v1 .secondary_navigation &gt; ul li.contact,
        .header-v1 .secondary_navigation &gt; ul li.language,
        .header-v1 .secondary_navigation &gt; ul li.contact {
          display: none;
        }

        .global-header--v1 .secondary_navigation &gt; ul li.mobile-nav-list, .header-v1 .secondary_navigation &gt; ul li.mobile-nav-list {
          display: block;
        }

          .global-header--v1 .secondary_navigation &gt; ul li.mobile-nav-list a.mobile-nav-item, .header-v1 .secondary_navigation &gt; ul li.mobile-nav-list a.mobile-nav-item {
            width: 25px;
            height: 25px;
            display: block;
            margin-top: -4px;
          }
        .global-header--v1 .secondary_navigation .nav-content i.nav_dismiss, .header-v1 .secondary_navigation .nav-content i.nav_dismiss {
          display: none;
        }

        .global-header--v1 .secondary_navigation .nav-content small.go-back-label, .header-v1 .secondary_navigation .nav-content small.go-back-label {
          display: block;
          position: absolute;
          cursor: pointer;
          top: 20px;
          left: 60px;
          z-index: 10003;
          color: #fff;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
        }
    
      .global-header--v1 #liveChatAgents a, .header-v1 #liveChatAgents a {
        color: #fff;
      }
    

.global-header--v3 header .primary__navigation, .header-v3 header .primary__navigation {
        display: none;
        position: absolute;
        top: 82px;
        background: #fff;
        width: 100%;
        left: 0;
        box-sizing: border-box;
        z-index: 100
    }

        .global-header--v3 header .primary__navigation .mobile-nav-list, .header-v3 header .primary__navigation .mobile-nav-list {
          display: grid;
        }
            .global-header--v3 header .primary__navigation .mobile-nav-list li.language .goback, .header-v3 header .primary__navigation .mobile-nav-list li.language .goback {
              margin-bottom: 30px;
            }

              .global-header--v3 header .primary__navigation .mobile-nav-list li.language .goback h2, .header-v3 header .primary__navigation .mobile-nav-list li.language .goback h2 {
                margin-bottom: 30px;
              }

        .global-header--v3 header .primary__navigation .nav-list, .header-v3 header .primary__navigation .nav-list {
          flex-direction: column;
          gap: 25px;
        }
            .global-header--v3 header .primary__navigation .nav-list &gt; li span, .header-v3 header .primary__navigation .nav-list &gt; li span {
              display: flex;
              justify-content: space-between;
              align-items: center;
            }

              .global-header--v3 header .primary__navigation .nav-list &gt; li span i, .header-v3 header .primary__navigation .nav-list &gt; li span i {
                display: block;
              }
      

.global-header--v3 header .nav_dropdown, .header-v3 header .nav_dropdown {
        top: -2px;
        height: 100%
    }
      

.global-header--v3 header, .header-v3 header {
      grid-template-columns: 135px auto
  }

      .global-header--v3 header i.arrow-updated, .header-v3 header i.arrow-updated {
        display: inline-block;
      }
    

.global-header--v3 header .goback, .header-v3 header .goback {
        display: block
    }
      

.global-header--v3 header .nav_dropdown .navItem.purchase .column1 .list .heading, .global-header--v3 header .nav_dropdown .navItem.purchase .column1 .pdp__container .list &gt; ul .heading, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 .list .heading, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 .pdp__container .list &gt; ul .heading, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 .list .heading, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 .pdp__container .list &gt; ul .heading, .header-v3 header .nav_dropdown .navItem.purchase .column1 .list .heading, .header-v3 header .nav_dropdown .navItem.purchase .column1 .pdp__container .list &gt; ul .heading, .header-v3 header .nav_dropdown .navItem.purchase .column2 .list .heading, .header-v3 header .nav_dropdown .navItem.purchase .column2 .pdp__container .list &gt; ul .heading, .header-v3 header .nav_dropdown .navItem.purchase .column3 .list .heading, .header-v3 header .nav_dropdown .navItem.purchase .column3 .pdp__container .list &gt; ul .heading {
                  width: 100%;
                  gap: 15px
              }

                  .global-header--v3 header .nav_dropdown .navItem.purchase .column1 .list .heading a, .global-header--v3 header .nav_dropdown .navItem.purchase .column1 .pdp__container .list &gt; ul .heading a, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 .list .heading a, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 .pdp__container .list &gt; ul .heading a, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 .list .heading a, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 .pdp__container .list &gt; ul .heading a, .header-v3 header .nav_dropdown .navItem.purchase .column1 .list .heading a, .header-v3 header .nav_dropdown .navItem.purchase .column1 .pdp__container .list &gt; ul .heading a, .header-v3 header .nav_dropdown .navItem.purchase .column2 .list .heading a, .header-v3 header .nav_dropdown .navItem.purchase .column2 .pdp__container .list &gt; ul .heading a, .header-v3 header .nav_dropdown .navItem.purchase .column3 .list .heading a, .header-v3 header .nav_dropdown .navItem.purchase .column3 .pdp__container .list &gt; ul .heading a {
                    width: inherit;
                  }
                
          .global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions,
          .global-header--v3 header .nav_dropdown .navItem.partners,
          .global-header--v3 header .nav_dropdown .navItem.purchase,
          .global-header--v3 header .nav_dropdown .navItem.insights,
          .global-header--v3 header .nav_dropdown .navItem.support,
          .header-v3 header .nav_dropdown .navItem.digital_trust_solutions,
          .header-v3 header .nav_dropdown .navItem.partners,
          .header-v3 header .nav_dropdown .navItem.purchase,
          .header-v3 header .nav_dropdown .navItem.insights,
          .header-v3 header .nav_dropdown .navItem.support {
            grid-template-columns: auto;
            background: #fff;
          }
            .global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .column2, .global-header--v3 header .nav_dropdown .navItem.support .column2, .global-header--v3 header .nav_dropdown .navItem.partners .column2, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .column2, .header-v3 header .nav_dropdown .navItem.support .column2, .header-v3 header .nav_dropdown .navItem.partners .column2 {
              grid-row: 2;
            }
            .global-header--v3 header .nav_dropdown .navItem.insights .column2, .header-v3 header .nav_dropdown .navItem.insights .column2 {
              display: none;
            }

            .global-header--v3 header .nav_dropdown .navItem.insights .column3, .header-v3 header .nav_dropdown .navItem.insights .column3 {
              grid-row: 2;
            }

              .global-header--v3 header .nav_dropdown .navItem.insights .column3 #mobile-section, .header-v3 header .nav_dropdown .navItem.insights .column3 #mobile-section {
                display: block;
              }

              .global-header--v3 header .nav_dropdown .navItem.insights .column3 #desktop-section, .header-v3 header .nav_dropdown .navItem.insights .column3 #desktop-section {
                display: none;
              }

              .global-header--v3 header .nav_dropdown .navItem.insights .column3 #desktop-section.flex, .header-v3 header .nav_dropdown .navItem.insights .column3 #desktop-section.flex {
                display: none;
              }
            .global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .column2, .global-header--v3 header .nav_dropdown .navItem.partners .column2, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .column2, .header-v3 header .nav_dropdown .navItem.partners .column2 {
              grid-template-rows: auto;
            }

              .global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .column2 .col1row1, .global-header--v3 header .nav_dropdown .navItem.partners .column2 .col1row1, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .column2 .col1row1, .header-v3 header .nav_dropdown .navItem.partners .column2 .col1row1 {
                display: none;
              }
                .global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .column2 .col1row2 #mobile-section, .global-header--v3 header .nav_dropdown .navItem.partners .column2 .col1row2 #mobile-section, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .column2 .col1row2 #mobile-section, .header-v3 header .nav_dropdown .navItem.partners .column2 .col1row2 #mobile-section {
                  display: block;
                }

                .global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .column2 .col1row2 #desktop-section, .global-header--v3 header .nav_dropdown .navItem.partners .column2 .col1row2 #desktop-section, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .column2 .col1row2 #desktop-section, .header-v3 header .nav_dropdown .navItem.partners .column2 .col1row2 #desktop-section {
                  display: none;
                }

                .global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .column2 .col1row2 #desktop-section.flex, .global-header--v3 header .nav_dropdown .navItem.partners .column2 .col1row2 #desktop-section.flex, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .column2 .col1row2 #desktop-section.flex, .header-v3 header .nav_dropdown .navItem.partners .column2 .col1row2 #desktop-section.flex {
                  display: none;
                }

          .global-header--v3 header .nav_dropdown .navItem.purchase, .header-v3 header .nav_dropdown .navItem.purchase {
            grid-gap: 25px;
            padding-bottom: 30px;
          }
              .global-header--v3 header .nav_dropdown .navItem.purchase .list p.heading, .global-header--v3 header .nav_dropdown .navItem.purchase .pdp__container .list &gt; ul p.heading, .header-v3 header .nav_dropdown .navItem.purchase .list p.heading, .header-v3 header .nav_dropdown .navItem.purchase .pdp__container .list &gt; ul p.heading {
                display: flex;
                justify-content: space-between;
                align-items: center;
              }

                .global-header--v3 header .nav_dropdown .navItem.purchase .list p.heading i, .global-header--v3 header .nav_dropdown .navItem.purchase .pdp__container .list &gt; ul p.heading i, .header-v3 header .nav_dropdown .navItem.purchase .list p.heading i, .header-v3 header .nav_dropdown .navItem.purchase .pdp__container .list &gt; ul p.heading i {
                  display: block !important;
                }

              .global-header--v3 header .nav_dropdown .navItem.purchase .list small.subheadLine, .global-header--v3 header .nav_dropdown .navItem.purchase .pdp__container .list &gt; ul small.subheadLine, .header-v3 header .nav_dropdown .navItem.purchase .list small.subheadLine, .header-v3 header .nav_dropdown .navItem.purchase .pdp__container .list &gt; ul small.subheadLine {
                color: #909ca5;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
              }
                .global-header--v3 header .nav_dropdown .navItem.purchase .list .level-one small.subheadLine, .global-header--v3 header .nav_dropdown .navItem.purchase .pdp__container .list &gt; ul .level-one small.subheadLine, .header-v3 header .nav_dropdown .navItem.purchase .list .level-one small.subheadLine, .header-v3 header .nav_dropdown .navItem.purchase .pdp__container .list &gt; ul .level-one small.subheadLine {
                  margin-top: -10px;
                }

            .global-header--v3 header .nav_dropdown .navItem.purchase .column1,
            .global-header--v3 header .nav_dropdown .navItem.purchase .column2,
            .global-header--v3 header .nav_dropdown .navItem.purchase .column3,
            .header-v3 header .nav_dropdown .navItem.purchase .column1,
            .header-v3 header .nav_dropdown .navItem.purchase .column2,
            .header-v3 header .nav_dropdown .navItem.purchase .column3 {
              padding: 0 70px;
              grid-gap: 25px;
            }

              .global-header--v3 header .nav_dropdown .navItem.purchase .column1 .level-one, .global-header--v3 header .nav_dropdown .navItem.purchase .column2 .level-one, .global-header--v3 header .nav_dropdown .navItem.purchase .column3 .level-one, .header-v3 header .nav_dropdown .navItem.purchase .column1 .level-one, .header-v3 header .nav_dropdown .navItem.purchase .column2 .level-one, .header-v3 header .nav_dropdown .navItem.purchase .column3 .level-one {
                display: none;
              }

            .global-header--v3 header .nav_dropdown .navItem.purchase .column4, .header-v3 header .nav_dropdown .navItem.purchase .column4 {
              display: none;
              grid-template-columns: auto;
            }

              .global-header--v3 header .nav_dropdown .navItem.purchase .column4 .row1col1,
              .global-header--v3 header .nav_dropdown .navItem.purchase .column4 .row1col2,
              .header-v3 header .nav_dropdown .navItem.purchase .column4 .row1col1,
              .header-v3 header .nav_dropdown .navItem.purchase .column4 .row1col2 {
                padding: 30px;
              }

                .global-header--v3 header .nav_dropdown .navItem.purchase .column4 .row1col1 .cmp-text, .global-header--v3 header .nav_dropdown .navItem.purchase .column4 .row1col2 .cmp-text, .header-v3 header .nav_dropdown .navItem.purchase .column4 .row1col1 .cmp-text, .header-v3 header .nav_dropdown .navItem.purchase .column4 .row1col2 .cmp-text {
                  display: grid;
                  gap: 20px;
                }
      
      .global-header--v3 .secondary_navigation .nav-list, .header-v3 .secondary_navigation .nav-list {
        justify-content: end;
      }

        .global-header--v3 .secondary_navigation .nav-list li.language,
        .global-header--v3 .secondary_navigation .nav-list li.contact-us,
        .global-header--v3 .secondary_navigation .nav-list li.search,
        .header-v3 .secondary_navigation .nav-list li.language,
        .header-v3 .secondary_navigation .nav-list li.contact-us,
        .header-v3 .secondary_navigation .nav-list li.search {
          display: none;
        }

        .global-header--v3 .secondary_navigation .nav-list li.hamburger, .header-v3 .secondary_navigation .nav-list li.hamburger {
          display: block;
        }
    
        .global-header--v4 .navItem_Content_33_33_33 .row2, .header-v4 .navItem_Content_33_33_33 .row2 {
          grid-template-columns: 1fr;
        }

          .global-header--v4 .navItem_Content_33_33_33 .row2 .col1,
          .global-header--v4 .navItem_Content_33_33_33 .row2 .col2,
          .header-v4 .navItem_Content_33_33_33 .row2 .col1,
          .header-v4 .navItem_Content_33_33_33 .row2 .col2 {
            padding: 33px 30px;
            justify-self: start;
            max-width: unset;
          }

        .global-header--v4 .navItem_Content_33_33_33 .col2, .header-v4 .navItem_Content_33_33_33 .col2 {
          border-top: 1px solid #ccc;
        }
      

.scrollbarComponent {
    left: 8px
}
  

.slide-in-content__icon {
      text-align: end
  }

      .slide-in-content__icon img {
        max-width: 100%;
      }
    


.basicpage .text-and-image #desktop-image {
        display: none
    }
      

}


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


body.geotrust-body:not(#authorMode) .container &gt; .cmp-container &gt; *:not(.product):not(.heroimage):not(.fscreen) {
          max-height: none;
          margin-left: 30px;
          margin-right: 30px
      }
        

.media__figure--layered-content-blade {
        display: flex;
        max-height: 220px;
        overflow: hidden
    }
      

.media__figure--layered-content-blade .image {
      }
        
    .compare-chart .chartcardlist {
      align-items: center;
    }

      .compare-chart .chartcardlist .chartcard {
        border: 2px solid #0174c3;
        box-sizing: border-box;
        display: none;
        flex-shrink: 0;
        padding: 60px 40px;
        width: 100%;
      }

    .compare-chart .mobile-carousel {
      align-items: center;
      justify-content: center;
      margin: 40px 0;
    }

    .cmp-experiencefragment--demand-gen-header .header-v1 .secondary_navigation &gt; ul &gt; li.mobile-nav-list{
      display: none;
    }

          .global-header--v4 .navItem_Content_33_33_33 .row2 .col1,
          .global-header--v4 .navItem_Content_33_33_33 .row2 .col2,
          .header-v4 .navItem_Content_33_33_33 .row2 .col1,
          .header-v4 .navItem_Content_33_33_33 .row2 .col2 {
            padding: 33px 30px;
          }
      

.global-header--v4 .navItem_Content_70_30_1 .row1, .header-v4 .navItem_Content_70_30_1 .row1 {
          grid-template-columns: 1fr;
          padding: 0
      }

          .global-header--v4 .navItem_Content_70_30_1 .row1 .column1,
          .global-header--v4 .navItem_Content_70_30_1 .row1 .column2,
          .header-v4 .navItem_Content_70_30_1 .row1 .column1,
          .header-v4 .navItem_Content_70_30_1 .row1 .column2 {
            padding: 40px 30px;
          }

          .global-header--v4 .navItem_Content_70_30_1 .row1 .column2, .header-v4 .navItem_Content_70_30_1 .row1 .column2 {
            padding: 40px 30px;
          }
        
      .global-header--v4 header nav, .header-v4 header nav {
        grid-template-columns: auto auto;
        gap: 15px;
      }

        .global-header--v4 header nav img.logo, .header-v4 header nav img.logo {
          max-width: 100px;
        }

        .global-header--v4 header nav ul.nav_items, .header-v4 header nav ul.nav_items {
          display: none;
        }
            .global-header--v4 header nav ul.nav_items .navItem_dropdown.pmode, .header-v4 header nav ul.nav_items .navItem_dropdown.pmode {
              top: 0;
            }
          .global-header--v4 header nav .secondary #contactUsBtn, .header-v4 header nav .secondary #contactUsBtn {
            display: none;
          }

          .global-header--v4 header nav .secondary .hamburger, .header-v4 header nav .secondary .hamburger {
            display: block;
          }
      .global-header--v4 .navItem_Content .background_theme, .header-v4 .navItem_Content .background_theme {
        display: none;
      }
  

.layered-content-blade .media__figure--cover {
          aspect-ratio: 370 / 220
      }
        

}


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


body#authorMode .container &gt; .cmp-container {
      margin: 0 30px;
      max-height: none
  }
    

body.digicert-body:not(#authorMode) .container &gt; .cmp-container:not(#DemandGenEmtyTemplate) {
        margin-top: 125px
    }
      

body.digicert-body:not(#authorMode) .container &gt; .cmp-container &gt; *:not(.product):not(.heroimage):not(.fscreen) {
          max-height: none;
          margin-left: 30px;
          margin-right: 30px
      }
        
        .table--responsive-stacked .table__root, .table--responsive-stacked-inline .table__root {
          border-collapse: collapse;
          position: relative;
        }

        .table--responsive-stacked .table__head, .table--responsive-stacked-inline .table__head {
          display: none;
          visibility: hidden;
        }
          .table--responsive-stacked .table__row::after, .table--responsive-stacked-inline .table__row::after {
            content: '';
            display: block;
            clear: both;
          }

        .table--responsive-stacked .table__header,
        .table--responsive-stacked .table__data,
        .table--responsive-stacked-inline .table__header,
        .table--responsive-stacked-inline .table__data {
          display: block;
          text-align: center;
          min-width: auto;
          text-align: left;
        }
            .table--responsive-stacked .table__body .table__data:first-of-type, .table--responsive-stacked .table__foot .table__data:first-of-type, .table--responsive-stacked-inline .table__body .table__data:first-of-type, .table--responsive-stacked-inline .table__foot .table__data:first-of-type {
              background-color: #909ca5;
              font-weight: 700;
              text-transform: uppercase;
            }

            .table--responsive-stacked .table__body .table__data:not(:first-of-type)::before, .table--responsive-stacked .table__foot .table__data:not(:first-of-type)::before, .table--responsive-stacked-inline .table__body .table__data:not(:first-of-type)::before, .table--responsive-stacked-inline .table__foot .table__data:not(:first-of-type)::before {
              content: attr(data-heading);
              color: #000000;
              display: block;
              font-weight: 700;
              margin-bottom: 0.5em;
            }
      
        .table--responsive-stacked-inline .table__data:not(:first-of-type) {
          padding-left: 50%;
          text-align: right;
        }

          .table--responsive-stacked-inline .table__data:not(:first-of-type)::before {
            left: 2%;
            position: absolute;
          }
      
      .table .table-section .cmp-text {
        padding: 10px;
        height: calc(100% - 20px);
      }

      .table .table-section .button-Container {
        margin: 20px auto 0 auto !important;
      }

        .table .table-section .button-Container &gt; div {
          min-width: unset !important;
          padding: 0px 10px !important;
        }

      .table .table-section .btn-container {
        margin-top: 20px;
      }

        .table .table-section .btn-container &gt; a {
          min-width: calc(100% - 20px) !important;
          padding: 0px 10px !important;
        }

      .geotrust-body .table_new .mobile-carousel {
        align-items: center;
        justify-content: center;
        margin: 40px 0;
      }

      .geotrust-body .table_new .table_main {
        border: 1px solid #f47121;
        padding: 0 !important;
      }
          .geotrust-body .table_new .table_main .table_row .tableRowGrid {
            grid-template-columns: 45% 55%;
            border: none;
          }

            .geotrust-body .table_new .table_main .table_row .tableRowGrid .cmp-text {
              padding: 20px 10px !important;
            }

              .geotrust-body .table_new .table_main .table_row .tableRowGrid .cmp-text h5 {
                font-size: 21px;
              }

            .geotrust-body .table_new .table_main .table_row .tableRowGrid &gt; div {
              border: none;
            }

            .geotrust-body .table_new .table_main .table_row .tableRowGrid &gt; div:first-child {
              grid-column: 1;
              border-right: 1px solid #abb6bf;
              border-bottom: 1px solid #abb6bf;
            }

            .geotrust-body .table_new .table_main .table_row .tableRowGrid &gt; div:not(:first-child) {
              grid-column: 2;
              display: none;
            }

            .geotrust-body .table_new .table_main .table_row .tableRowGrid &gt; div:not(:first-child).active {
              display: block;
              border-bottom: 1px solid #abb6bf;
            }
            .geotrust-body .table_new .table_main .table_row:last-child .tableRowGrid {
              border-bottom: none !important;
            }

              .geotrust-body .table_new .table_main .table_row:last-child .tableRowGrid &gt; div:first-child {
                border-right: 1px solid #abb6bf;
                border-bottom: none;
              }

              .geotrust-body .table_new .table_main .table_row:last-child .tableRowGrid &gt; div:not(:first-child).active {
                border-bottom: none;
              }
    
    .table_new .mobile-carousel {
      align-items: center;
      justify-content: center;
      margin: 40px 0;
    }
  

.table_new .table_main:not([id^="compare-chart-table"]) {
        margin: 40px 0px
    }
      
    .table_row #mobile-oneColumn {
      grid-template-columns: 100%;
    }
  
    .fill-fullgridgap-right { margin-right: -12%;	}


.blog-author {
    grid-template-rows: 125px 125px auto;
    justify-items: center
}

    .blog-author__image {
      grid-row-start: 1;
    }

    .blog-author__container {
      display: grid;
      grid-row: 2 / 4;
      grid-template-rows: 125px 1fr;
    }

    .blog-author__body {
      grid-row: 2 / 3;
    }
  

.blog-card-container .container {
      display: grid;
      grid-template-columns: auto;
      grid-row-gap: 30px
  }
    
    .blogHeroImage .breadcrumb {
      grid-row: 1/2;
    }

    .blogHeroImage .whiteBox {
      display: none;
    }

    .blogHeroImage .content-container {
      grid-row: 1/3;
      grid-column: 1/5;
      grid-template-columns: auto;
    }

      .blogHeroImage .content-container.left,
      .blogHeroImage .content-container.right {
        grid-gap: 40px;
      }

        .blogHeroImage .content-container.left .description, .blogHeroImage .content-container.right .description {
          background: white;
          box-shadow: 0 4px 9pt 0 rgba(0, 1, 1, 0.15);
        }
        .blogHeroImage .content-container.center .blogCategoryAndDate {
          grid-template-columns: auto !important;
        }

          .blogHeroImage .content-container.center .blogCategoryAndDate .blogCategory {
            justify-content: center;
          }

      .blogHeroImage .content-container .blogAuthor a {
        position: relative;
        z-index: 1;
      }

        .blogHeroImage .content-container .blogAuthor a .social-icons {
          display: block;
        }

      .blogHeroImage .content-container .description {
        padding: 60px 8.11%;
      }


.blog-list-container &gt; div .container,
      .blog-list-container &gt; div .ExNews-container {
          grid-gap: 40px
      }
        

.blog-navigation .blogNav, .blogNavigation .blogNav {
      margin: 0 -8%
  }
    

.blog-navigation .btn-container, .blogNavigation .btn-container {
      justify-content: center
  }
    
        .digicert-body .blog-navigationOpenResult .loadMoreButton, .digicert-body .blogNavigationOpenResult .loadMoreButton {
          margin-top: 0;
        }
      
    .blog-related-articles .article-list, .blog_related_articles .article-list {
      grid-column: 1/5;
    }
  

.blog-subscriber .container {
      padding: 30px 40px;
      width: 100%
  }
    

.blog-subscriber .form {
      display: grid
  }
    

.navigation {
    min-width: 300px
}
  

.navigation .navigation--primary-closed {
        height: 0;
        width: 0;
        overflow: hidden;
        position: absolute;
        left: -999rem;
        top: -999rem;
        z-index: [object Object] .hidden
    }
      

.navigation--submenu.navigation--submenu-closed {
        height: 0;
        width: 0;
        overflow: hidden;
        position: absolute;
        left: -999rem;
        top: -999rem;
        z-index: [object Object] .hidden
    }
      
      .navigation--submenu .navigation--submenu-link {
        padding: [object Object] .default calc([object Object] .default * 5);
      }
    

.news-feature-card .featureCard__featureAsset .featureCard__text-overlay {
        left: 30px;
        right: 30px
    }
      

.news-feature-card .featureCard__featureAsset {
      margin: 40px 30px
  }
    

.news-feature-card .featureCard__CardSet .featureCard__card__title {
          font-size: 14px
      }
        

.news-feature-card .featureCard__CardSet .featureCard__card .cta {
          font-size: 16px
      }
        

.news-feature-card .featureCard__CardSet .featureCard__card {
        padding: 40px 30px;
        border-left: none
    }
      

.news-feature-card .featureCard__CardSet {
      flex-direction: column
  }
    

.stackcard .stackcard__textbox {
      padding: 40px 30px
  }
    

.stackcard .stackcard__textbox p {
        font-size: 14px
    }
      

.stackcard .stackcard__textbox a {
        font-size: 16px
    }
      

.stackcard .stackcard__image {
      display: none
  }
    

.content-card-list .card__grid {
        justify-content: center
    }
      

.geotrust-body .header, .digicert-body .header {
      position: relative
  }
    
          .geotrust-body .header .navigation__secondary #contact a.btn, .digicert-body .header .navigation__secondary #contact a.btn {
            font-size: 10px;
            line-height: 13px;
          }

        .geotrust-body .header .navigation__secondary #search, .digicert-body .header .navigation__secondary #search {
          display: none;
        }
      

.global-header--v1 header, .header-v1 header {
      position: relative;
      width: auto;
      padding: 0 6.98%
  }

      .global-header--v1 header .site_logo, .header-v1 header .site_logo {
        margin-left: -6px;
      }
    

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__two, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__two {
                grid-template-rows: auto
            }

                .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__two &gt; div, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__two &gt; div {
                  padding: 33px 7% 40px;
                }
              

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul &gt; li, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one &gt; ul &gt; li {
                    width: 100%
                }
                  
                  .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__two .two_pt_one .contactList, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__two .two_pt_one .contactList {
                    grid-template-columns: auto;
                  }

                  .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__two .two_pt_one .btn-container, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__two .two_pt_one .btn-container {
                    gap: 20px 0px;
                  }
                

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto .section__two, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto .section__two {
                grid-template-columns: 100%
            }

                .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto .section__two &gt; div, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto .section__two &gt; div {
                  padding: 40px 7%;
                }
              
            .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one .mobile__section,
            .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one &gt; ul,
            .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one .mobile__section,
            .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one &gt; ul {
              padding: 36px 7% 40px;
            }
    
          .global-header--v1 .secondary_navigation &gt; ul &gt; li a.btn, .header-v1 .secondary_navigation &gt; ul &gt; li a.btn {
            padding: 7px 12px;
            font-size: 13px;
            display: flex;
            line-height: 13px;
            margin-top: -3px;
          }

          .global-header--v1 .secondary_navigation &gt; ul &gt; li#search, .header-v1 .secondary_navigation &gt; ul &gt; li#search {
            display: none;
          }
        

.global-header--v1 .secondary_navigation .nav-content .search-panel, .header-v1 .secondary_navigation .nav-content .search-panel {
          padding: 30px 6.9%
      }
        

.global-header--v1 .secondary_navigation .nav-content .search-panel &gt; div form.search-form .search-form__input, .header-v1 .secondary_navigation .nav-content .search-panel &gt; div form.search-form .search-form__input {
                margin: 0 40px 0 20px
            }
              

.global-header--v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list, .header-v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list {
              padding-left: 35px
          }
            

.global-header--v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list ul li, .header-v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list ul li {
                  width: 100%
              }

                  .global-header--v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list ul li .txt-u-animate, .header-v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list ul li .txt-u-animate {
                    width: 100%;
                  }
                

.global-header--v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list ul, .header-v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list ul {
                flex-direction: column
            }
              
          .global-header--v1 .secondary_navigation .nav-content .contact-panel small.go-back-label, .global-header--v1 .secondary_navigation .nav-content .language-panel small.go-back-label, .header-v1 .secondary_navigation .nav-content .contact-panel small.go-back-label, .header-v1 .secondary_navigation .nav-content .language-panel small.go-back-label {
            left: 7.7%;
          }
        

.global-header--v1 .secondary_navigation .nav-content .contact-panel &gt; div, .global-header--v1 .secondary_navigation .nav-content .language-panel &gt; div, .header-v1 .secondary_navigation .nav-content .contact-panel &gt; div, .header-v1 .secondary_navigation .nav-content .language-panel &gt; div {
            padding: 56px 7.7% 34px
        }
          

.global-header--v1 .contact-details .btn-container, .header-v1 .contact-details .btn-container {
      flex-direction: column;
      row-gap: 15px
  }

      .global-header--v1 .contact-details .btn-container a.btn.primary, .header-v1 .contact-details .btn-container a.btn.primary {
        background-color: #0174c3;
        border-color: #0174c3;
        color: #fff;
        text-align: left;
        padding: 0;
      }

        .global-header--v1 .contact-details .btn-container a.btn.primary:after, .header-v1 .contact-details .btn-container a.btn.primary:after {
          content: ' &gt;';
        }
    

.global-header--v1 .contactList, .header-v1 .contactList {
      grid-template-columns: auto
  }
    

.global-header--v1 .contactList .location, .header-v1 .contactList .location {
        font-size: 16px
    }
      

.global-header--v1 #liveChatAgents #liveagent_chatbtns, .header-v1 #liveChatAgents #liveagent_chatbtns {
        flex-direction: column
    }

        .global-header--v1 #liveChatAgents #liveagent_chatbtns a, .header-v1 #liveChatAgents #liveagent_chatbtns a {
          text-align: left;
        }
      

.global-header--v3 header .primary__navigation .mobile-nav-list .content &gt; *, .header-v3 header .primary__navigation .mobile-nav-list .content &gt; * {
              padding-left: 30px;
              padding-right: 30px
          }
            

.global-header--v3 header, .header-v3 header {
      padding: 0 30px
  }
        .global-header--v3 header .primary__navigation .nav-list,
        .global-header--v3 header .primary__navigation .mobile-nav-list,
        .header-v3 header .primary__navigation .nav-list,
        .header-v3 header .primary__navigation .mobile-nav-list {
          padding: 30px;
        }
    

.global-header--v3 header .goback, .header-v3 header .goback {
        padding: 10px 30px
    }
      
          .global-header--v3 header .nav_dropdown .navItem .list, .global-header--v3 header .nav_dropdown .navItem .pdp__container .list &gt; ul, .header-v3 header .nav_dropdown .navItem .list, .header-v3 header .nav_dropdown .navItem .pdp__container .list &gt; ul {
            width: 100%;
          }
            .global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .column1, .global-header--v3 header .nav_dropdown .navItem.partners .column1, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .column1, .header-v3 header .nav_dropdown .navItem.partners .column1 {
              padding: 30px;
            }
              .global-header--v3 header .nav_dropdown .navItem.digital_trust_solutions .column2 &gt; div, .global-header--v3 header .nav_dropdown .navItem.partners .column2 &gt; div, .header-v3 header .nav_dropdown .navItem.digital_trust_solutions .column2 &gt; div, .header-v3 header .nav_dropdown .navItem.partners .column2 &gt; div {
                padding: 30px;
              }
            .global-header--v3 header .nav_dropdown .navItem.purchase .column1,
            .global-header--v3 header .nav_dropdown .navItem.purchase .column2,
            .global-header--v3 header .nav_dropdown .navItem.purchase .column3,
            .header-v3 header .nav_dropdown .navItem.purchase .column1,
            .header-v3 header .nav_dropdown .navItem.purchase .column2,
            .header-v3 header .nav_dropdown .navItem.purchase .column3 {
              padding: 0 !important;
              width: calc(100% - 60px);
              margin: 0 auto;
            }
            .global-header--v3 header .nav_dropdown .navItem.insights .column1,
            .global-header--v3 header .nav_dropdown .navItem.insights .column2,
            .global-header--v3 header .nav_dropdown .navItem.insights .column3,
            .header-v3 header .nav_dropdown .navItem.insights .column1,
            .header-v3 header .nav_dropdown .navItem.insights .column2,
            .header-v3 header .nav_dropdown .navItem.insights .column3 {
              padding: 30px;
            }
            .global-header--v3 header .nav_dropdown .navItem.support .column1,
            .global-header--v3 header .nav_dropdown .navItem.support .column2,
            .header-v3 header .nav_dropdown .navItem.support .column1,
            .header-v3 header .nav_dropdown .navItem.support .column2 {
              padding: 30px;
            }

            .global-header--v3 header .nav_dropdown .navItem.support .column1, .header-v3 header .nav_dropdown .navItem.support .column1 {
              grid-template-columns: auto;
              gap: 30px;
            }

              .global-header--v3 header .nav_dropdown .navItem.support .column1 .col1row2, .header-v3 header .nav_dropdown .navItem.support .column1 .col1row2 {
                padding-top: 30px;
                border-top: 1px solid rgb(72, 86, 94);
              }

            .global-header--v3 header .nav_dropdown .navItem.support ul[data-column-count='2'], .header-v3 header .nav_dropdown .navItem.support ul[data-column-count='2'] {
              grid-template-columns: auto;
            }
      
        .global-header--v4 .navItem_Content_33_33_33 .row1, .header-v4 .navItem_Content_33_33_33 .row1 {
          grid-template-columns: 1fr;
          padding: 0 40px;
        }
            .global-header--v4 .navItem_Content_33_33_33 .row1 .list &gt; .level-one:last-child, .global-header--v4 .navItem_Content_33_33_33 .row1 .pdp__container .list &gt; ul &gt; .level-one:last-child, .header-v4 .navItem_Content_33_33_33 .row1 .list &gt; .level-one:last-child, .header-v4 .navItem_Content_33_33_33 .row1 .pdp__container .list &gt; ul &gt; .level-one:last-child {
              margin-bottom: 5px;
            }

            .global-header--v4 .navItem_Content_33_33_33 .row1 .list .btn.buy, .global-header--v4 .navItem_Content_33_33_33 .row1 .pdp__container .list &gt; ul .btn.buy, .header-v4 .navItem_Content_33_33_33 .row1 .list .btn.buy, .header-v4 .navItem_Content_33_33_33 .row1 .pdp__container .list &gt; ul .btn.buy {
              min-width: 80px;
              height: 28px;
              line-height: 25px;
            }

          .global-header--v4 .navItem_Content_33_33_33 .row1 .col1, .header-v4 .navItem_Content_33_33_33 .row1 .col1 {
            padding-bottom: 0;
          }

          .global-header--v4 .navItem_Content_33_33_33 .row1 .col2, .header-v4 .navItem_Content_33_33_33 .row1 .col2 {
            padding: 0;
            border: none;
            display: grid;
            gap: 40px;
          }

          .global-header--v4 .navItem_Content_33_33_33 .row1 .col3, .header-v4 .navItem_Content_33_33_33 .row1 .col3 {
            padding-top: 0;
          }

            .global-header--v4 .navItem_Content_33_33_33 .row1 .col3 .closeIconContainer, .header-v4 .navItem_Content_33_33_33 .row1 .col3 .closeIconContainer {
              display: none;
            }

            .global-header--v4 .navItem_Content_33_33_33 .row1 .col3 &gt; div:not(.closeIconContainer), .header-v4 .navItem_Content_33_33_33 .row1 .col3 &gt; div:not(.closeIconContainer) {
              display: grid;
              gap: 40px;
            }
          .global-header--v4 .navItem_Content_33_33_33 .row2 .col1,
          .global-header--v4 .navItem_Content_33_33_33 .row2 .col2,
          .header-v4 .navItem_Content_33_33_33 .row2 .col1,
          .header-v4 .navItem_Content_33_33_33 .row2 .col2 {
            justify-self: start;
            max-width: unset;
          }

            .global-header--v4 .navItem_Content_33_33_33 .row2 .col1 .cmp-text, .global-header--v4 .navItem_Content_33_33_33 .row2 .col2 .cmp-text, .header-v4 .navItem_Content_33_33_33 .row2 .col1 .cmp-text, .header-v4 .navItem_Content_33_33_33 .row2 .col2 .cmp-text {
              display: grid;
              gap: 20px;
            }
      

.global-header--v4 .navItem_Content_50_50, .header-v4 .navItem_Content_50_50 {
        grid-template-columns: auto
    }

        .global-header--v4 .navItem_Content_50_50 .background_theme,
        .global-header--v4 .navItem_Content_50_50 .closeIconContainer,
        .header-v4 .navItem_Content_50_50 .background_theme,
        .header-v4 .navItem_Content_50_50 .closeIconContainer {
          display: none;
        }

        .global-header--v4 .navItem_Content_50_50 .navItem_Content_Container, .header-v4 .navItem_Content_50_50 .navItem_Content_Container {
          padding: 0;
          grid-template-columns: 1fr;
        }

          .global-header--v4 .navItem_Content_50_50 .navItem_Content_Container &gt; *, .header-v4 .navItem_Content_50_50 .navItem_Content_Container &gt; * {
            padding: 40px 30px;
            justify-content: left;
          }
          .global-header--v4 .navItem_Content_50_50 .text-and-image .img-container, .header-v4 .navItem_Content_50_50 .text-and-image .img-container {
            width: 100%;
            grid-row: 2;
          }

          .global-header--v4 .navItem_Content_50_50 .text-and-image .wrapper, .header-v4 .navItem_Content_50_50 .text-and-image .wrapper {
            justify-content: left !important;
          }
      
        .global-header--v4 .navItem_Content_70_30 .goback, .header-v4 .navItem_Content_70_30 .goback {
          grid-row: 1;
        }

        .global-header--v4 .navItem_Content_70_30 .row_design, .header-v4 .navItem_Content_70_30 .row_design {
          display: none;
        }

        .global-header--v4 .navItem_Content_70_30 .row1, .header-v4 .navItem_Content_70_30 .row1 {
          grid-row: 2;
          grid-template-columns: auto;
        }

          .global-header--v4 .navItem_Content_70_30 .row1 .column1, .header-v4 .navItem_Content_70_30 .row1 .column1 {
            grid-template-columns: auto;
            padding: 40px 30px;
            box-sizing: border-box;
          }

            .global-header--v4 .navItem_Content_70_30 .row1 .column1 .row1col2, .header-v4 .navItem_Content_70_30 .row1 .column1 .row1col2 {
              padding-top: 35px;
            }

          .global-header--v4 .navItem_Content_70_30 .row1 .column3, .header-v4 .navItem_Content_70_30 .row1 .column3 {
            display: block;
            grid-row: 2;
          }

            .global-header--v4 .navItem_Content_70_30 .row1 .column3 &gt; *, .header-v4 .navItem_Content_70_30 .row1 .column3 &gt; * {
              border-top: 1px solid #ccc;
              padding: 30px;
            }

        .global-header--v4 .navItem_Content_70_30 .row2, .header-v4 .navItem_Content_70_30 .row2 {
          display: none;
        }
      

.footer--contact {
      flex-direction: column;
      margin: 0 -20px;
      padding: 20px;
      width: calc(100% - 45px)
  }
    
    .related-resource .cmp-title,
    .related-resource .icon-container,
    .related-resource .img-container,
    .related-resource .description {
      grid-column: 1/5;
    }

    .related-resource .img-container {
      padding: 0 20px;
    }

    .related-resource .description {
      margin-top: -30px;
    }

      .related-resource .description &gt; div {
        margin: 40px;
      }
  


.basicpage .text-and-image #tablet-image,
    .basicpage .text-and-image #tablet-desktop-image {
        display: none
    }
      

.pdp__container .list &gt; ul, .pdp__container .pdp__container .list &gt; ul &gt; ul {
        grid-template-columns: 1fr
    }
      
      .pdp__info .image {
        display: none;
      }
    
      .pdp__description &gt; p {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
      }

      .pdp__description &gt; .read-more {
        cursor: pointer;
        display: block;
      }
    

.comparisioncontainer .toggle_heading {
      flex-wrap: wrap;
      gap: 30px
  }
        .comparisioncontainer .toggle_heading .toggle_heading &gt; .heading {
          font-size: 20px;
        }
    

}


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


.brand .brand__label {
      margin-left: 0
  }
    
          .digicert-body .global-header__logo a img, .digicert-body .header__logo a img {
            width: 100px;
          }
        

.minicart .cmp-VeniaMiniCart__miniCart__title,
    .minicart .cmp-VeniaMiniCart__miniCart__status:not(.hidden) {
        font-size: 24px
    }
      

.minicart .cmp-VeniaMiniCart__miniCart__contents_open {
          width: 85vw
      }
        

.minicart .cmp-VeniaMiniCart__miniCart__price-text,
      .minicart .cmp-VeniaMiniCart__miniCart__price-value {
          font-size: 24px
      }
        

}


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


.upsell__column.image {
        display: none
    }
      

}


@media only screen and (min-width: 384px) and (max-width: 768px) {


.blog-card-container .container .card {
        margin: 0 auto
    }
      

.blog-related-articles,
.blog_related_articles {
    margin: 0 8%
}
  

}


@media only screen and (min-width: 768px) and (max-width: 910px) {


body.digicert-body:not(#authorMode) .container &gt; .cmp-container &gt; *:not(.product):not(.fscreen) {
          margin-left: 70px;
          margin-right: 70px;
          max-height: none
      }
        
      .blogHeroImage .whiteBox.right {
        grid-column: 1/7;
      }

      .blogHeroImage .whiteBox.left {
        grid-column: 3/9;
      }

      .blogHeroImage .whiteBox.center {
        grid-column: 1/9;
      }

    .blogHeroImage .content-container {
      grid-column: 1/9;
      grid-gap: 5%;
    }

      .blogHeroImage .content-container.right,
      .blogHeroImage .content-container.left {
        grid-template-columns: 47.5% 47.5%;
      }

      .blogHeroImage .content-container.right .description {
        margin-left: 10%;
      }

      .blogHeroImage .content-container.left .description {
        margin-right: 10%;
      }

      .blogHeroImage .content-container .social-icons {
        display: block;
      }


.blog-navigation .blogNav, .blogNavigation .blogNav {
      margin: 0 -9.5%
  }
    

.blog-navigation .btn-container, .blogNavigation .btn-container {
      margin: 0 7%
  }
    
    .content-bullets-with-image .descriptionBox {
      grid-column: 2/8;
      margin: 0 -5%;
    }

    .content-bullets-with-image .img-container {
      grid-column: 2/8;
      margin: 0 -5%;
    }


.global-header--v4 .navItem_Content_50_50, .header-v4 .navItem_Content_50_50 {
        grid-template-columns: auto
    }

        .global-header--v4 .navItem_Content_50_50 .navItem_Content_Container, .header-v4 .navItem_Content_50_50 .navItem_Content_Container {
          padding: 0;
          grid-template-columns: 1fr;
        }

          .global-header--v4 .navItem_Content_50_50 .navItem_Content_Container &gt; *, .header-v4 .navItem_Content_50_50 .navItem_Content_Container &gt; * {
            padding: 40px 30px;
            justify-content: left;
          }
      

}


@media only screen and (min-width: 768px) and (max-width: 1024px) {


body#authorMode .container &gt; .cmp-container {
      margin: 80px 70px;
      max-height: none
  }
    
      .table .table-section .cmp-text {
        padding: 15px;
        height: calc(100% - 30px);
      }

      .table .table-section .button-Container {
        margin: 20px auto 0 auto !important;
      }

        .table .table-section .button-Container &gt; div {
          min-width: unset !important;
          padding: 0px 10px !important;
        }

      .table .table-section .btn-container {
        margin-top: 20px;
      }

        .table .table-section .btn-container &gt; a {
          min-width: calc(100% - 30px) !important;
        }

    .fill-fullgridgap-right { margin-right: -70px;	}


.blog-card-container .container {
      display: grid;
      grid-template-columns: repeat(2, calc((100% - 40px) / 2)) !important;
      grid-gap: 40px !important
  }
    

.blog-card-container .container .card:nth-child(odd) {
          justify-self: flex-end
      }
        

.blog-related-articles,
.blog_related_articles {
    margin: 0 -5%
}

    .blog-related-articles .article-list, .blog_related_articles .article-list {
      grid-column: 2/8;
    }
  
    .content-image-line .img-container,
    .content-image-line .descBox,
    .content-image-line .verticalLine,
    .content-image-line .horizontalLine {
      grid-row: 1;
    }

    .content-image-line .start-point,
    .content-image-line .last-point {
      width: 25px;
      height: 25px;
      border-radius: 50%;
    }

    .content-image-line .verticalLine {
      width: 7px;
    }

    .content-image-line .start-point {
      grid-row: 1;
      margin-top: 104%;
      grid-column: 2/4;
      justify-self: center;
      z-index: -1;
      display: none;
    }

    .content-image-line .last-point {
      grid-row: 1;
      align-self: flex-end;
      margin-bottom: -9px;
    }

    .content-image-line .horizontalLine {
      height: 7px;
    }
      .content-image-line .descBox h1 {
        font-size: 64px;
        line-height: 72px;
        margin-bottom: -14px;
      }
      .content-image-line .grid-12:nth-child(odd) .img-container {
        grid-column: 5/9;
        margin-left: -40px;
      }

        .content-image-line .grid-12:nth-child(odd) .img-container img {
          width: 100%;
        }

      .content-image-line .grid-12:nth-child(odd) .last-point {
        grid-column: 8;
        margin-left: -9px;
      }

      .content-image-line .grid-12:nth-child(odd) .descBox {
        grid-column: 1/5;
        margin-left: 30px;
        margin-right: 30px;
      }

      .content-image-line .grid-12:nth-child(odd) .verticalLine {
        grid-column: 8;
        justify-self: flex-start;
      }
      .content-image-line .grid-12:nth-child(even) .img-container {
        grid-column: 1/5;
        margin-right: -30px;
      }

        .content-image-line .grid-12:nth-child(even) .img-container img {
          width: 100%;
        }

      .content-image-line .grid-12:nth-child(even) .descBox {
        grid-column: 5/9;
        margin-left: 30px;
        margin-right: 30px;
      }

      .content-image-line .grid-12:nth-child(even) .verticalLine {
        grid-column: 1/2;
        margin-left: 36%;
      }

      .content-image-line .grid-12:nth-child(even) .last-point {
        grid-column: 1;
        margin-left: -29px;
      }

      .content-image-line .grid-12:nth-child(even) .horizontalLine {
        display: flex;
        justify-content: flex-end;
      }
      .content-image-line .grid-12:nth-child(10n + 1) .descBox {
        margin-top: 27%;
      }

      .content-image-line .grid-12:nth-child(10n + 1) .img-container {
        margin-top: 11.7%;
      }

      .content-image-line .grid-12:nth-child(10n + 1) .img-container {
        margin-bottom: 40%;
      }

      .content-image-line .grid-12:nth-child(10n + 1) .horizontalLine {
        grid-column: 1/8;
        margin-right: -5%;
        margin-left: 3.7%;
      }
      .content-image-line .grid-12:nth-child(10n + 2) .img-container {
        margin-bottom: 40%;
      }

      .content-image-line .grid-12:nth-child(10n + 2) .descBox {
        align-self: center;
      }

      .content-image-line .grid-12:nth-child(10n + 2) .horizontalLine {
        grid-column: 5/8;
        margin-top: 17%;
        margin-left: -13.2%;
      }

      .content-image-line .grid-12:nth-child(10n + 2) .verticalLine {
        margin-top: 200%;
        height: 62.75%;
      }
      .content-image-line .grid-12:nth-child(10n + 3) .descBox {
        margin-top: 22%;
      }

      .content-image-line .grid-12:nth-child(10n + 3) .img-container {
        margin-top: 9%;
        margin-bottom: 40%;
      }

      .content-image-line .grid-12:nth-child(10n + 3) .horizontalLine {
        grid-column: 1/6;
        margin-left: 5.4%;
      }

      .content-image-line .grid-12:nth-child(10n + 3) .verticalLine {
        grid-column: 5;
        justify-self: end;
        height: 112%;
      }
      .content-image-line .grid-12:nth-child(10n + 4) .descBox {
        align-self: center;
      }

      .content-image-line .grid-12:nth-child(10n + 4) .img-container {
        margin-bottom: 40%;
      }

      .content-image-line .grid-12:nth-child(10n + 4) .verticalLine {
        grid-column: 1;
        justify-self: end;
        margin-top: 142%;
        height: 89.5%;
      }

      .content-image-line .grid-12:nth-child(10n + 4) .horizontalLine {
        margin-top: 26%;
        grid-column: 4/6;
      }
      .content-image-line .grid-12:nth-child(10n + 5) .descBox {
        align-self: center;
      }

      .content-image-line .grid-12:nth-child(10n + 5) .img-container {
        margin-bottom: 40%;
      }

      .content-image-line .grid-12:nth-child(10n + 5) .verticalLine {
        margin-top: 271%;
        height: 70.8%;
      }

      .content-image-line .grid-12:nth-child(10n + 5) .horizontalLine {
        margin-top: 15.3%;
        grid-column: 2/5;
        margin-right: -25%;
        margin-left: -13.4%;
      }
      .content-image-line .grid-12:nth-child(10n + 6) .descBox {
        align-self: center;
      }

      .content-image-line .grid-12:nth-child(10n + 6) .img-container {
        margin-bottom: 45%;
      }

      .content-image-line .grid-12:nth-child(10n + 6) .verticalLine {
        margin-top: 430%;
        height: 55.32%;
      }

      .content-image-line .grid-12:nth-child(10n + 6) .horizontalLine {
        margin-top: 20%;
        grid-column: 4/8;
        margin-right: -9.5%;
      }
      .content-image-line .grid-12:nth-child(10n + 7) .img-container {
        margin-bottom: 40%;
      }

      .content-image-line .grid-12:nth-child(10n + 7) .verticalLine {
        margin-top: 143%;
        height: 89.7%;
      }

      .content-image-line .grid-12:nth-child(10n + 7) .horizontalLine {
        margin-top: 16%;
        grid-column: 1/6;
        margin-left: 5.3%;
      }

      .content-image-line .grid-12:nth-child(10n + 7) .descBox {
        align-self: center;
      }
      .content-image-line .grid-12:nth-child(10n + 8) .descBox {
        align-self: center;
      }

      .content-image-line .grid-12:nth-child(10n + 8) .img-container {
        margin-bottom: 45%;
      }

      .content-image-line .grid-12:nth-child(10n + 8) .verticalLine {
        margin-top: 400%;
      }

      .content-image-line .grid-12:nth-child(10n + 8) .horizontalLine {
        margin-top: 9.8%;
        grid-column: 3/8;
        margin-right: -7%;
      }
      .content-image-line .grid-12:nth-child(10n + 9) .descBox {
        margin-top: 14%;
      }

      .content-image-line .grid-12:nth-child(10n + 9) .img-container {
        margin-top: 12%;
        margin-bottom: 40%;
      }

      .content-image-line .grid-12:nth-child(10n + 9) .verticalLine {
        height: 109.8%;
      }

      .content-image-line .grid-12:nth-child(10n + 9) .horizontalLine {
        grid-column: 1/8;
        margin-right: -5%;
        margin-left: 3.6%;
      }
      .content-image-line .grid-12:nth-child(10n) .img-container {
        margin-bottom: 45%;
      }

      .content-image-line .grid-12:nth-child(10n) .descBox {
        align-self: center;
      }

      .content-image-line .grid-12:nth-child(10n) .verticalLine {
        margin-top: 100%;
      }

        .content-image-line .grid-12:nth-child(10n) .verticalLine .line {
          margin-top: 100%;
        }

      .content-image-line .grid-12:nth-child(10n) .horizontalLine {
        grid-column: 4/8;
        margin-right: -9.5%;
        margin-top: 10%;
      }
      .content-image-line .grid-12:first-child .descBox {
        margin-top: 0 !important;
      }

        .content-image-line .grid-12:first-child .descBox h5 {
          margin-left: 2vw;
        }

      .content-image-line .grid-12:first-child .img-container {
        margin-top: 0px !important;
      }

      .content-image-line .grid-12:first-child .horizontalLine {
        margin-top: 50%;
        grid-column: 2/6;
        margin-left: 21% !important;
        display: none;
      }

      .content-image-line .grid-12:first-child .verticalLine {
        grid-column: 7 !important;
        margin-top: 73%;
        height: 100%;
        justify-self: flex-end;
      }
  

.global-header--v1 header, .header-v1 header {
      padding: 0 7.7%;
      width: auto
  }
    
            .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one .mobile__section,
            .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div .section__one &gt; ul,
            .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one .mobile__section,
            .header-v1 .primary_navigation__sections .navigation_sections &gt; div .section__one &gt; ul {
              padding: 36px 7.7% 40px;
            }
    

.global-header--v1 .secondary_navigation .nav-content .search-panel, .header-v1 .secondary_navigation .nav-content .search-panel {
          padding: 30px 7.7%
      }
        

.global-header--v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list ul li, .header-v1 .secondary_navigation .nav-content .search-panel &gt; div .quicklinks-list ul li {
                  width: 50%
              }
                

.global-header--v1 .secondary_navigation .nav-content .contact-panel &gt; div, .global-header--v1 .secondary_navigation .nav-content .language-panel &gt; div, .header-v1 .secondary_navigation .nav-content .contact-panel &gt; div, .header-v1 .secondary_navigation .nav-content .language-panel &gt; div {
            padding-top: 60px;
            padding-right: 30px
        }
          

.global-header--v1 .contact-details .btn-container, .header-v1 .contact-details .btn-container {
      padding-top: 7px
  }

      .global-header--v1 .contact-details .btn-container a.btn.blue, .header-v1 .contact-details .btn-container a.btn.blue {
        border-color: #0174c3;
        color: #0174c3;
      }

        .global-header--v1 .contact-details .btn-container a.btn.blue:hover, .header-v1 .contact-details .btn-container a.btn.blue:hover {
          background: #0174c3;
          border-color: #0174c3;
          color: #fff;
        }
    

.global-header--v3 header, .header-v3 header {
      padding: 0 70px
  }
    

.global-header--v3 header .primary__navigation .mobile-nav-list .content &gt; *, .header-v3 header .primary__navigation .mobile-nav-list .content &gt; * {
              padding-left: 70px;
              padding-right: 70px
          }
            

.global-header--v3 header, .header-v3 header {
      padding: 0 70px
  }
        .global-header--v3 header .primary__navigation .nav-list,
        .global-header--v3 header .primary__navigation .mobile-nav-list,
        .header-v3 header .primary__navigation .nav-list,
        .header-v3 header .primary__navigation .mobile-nav-list {
          padding: 40px 70px;
        }
    

.global-header--v3 header .nav_dropdown .navItem.support .column1,
          .global-header--v3 header .nav_dropdown .navItem.support .column2,
          .header-v3 header .nav_dropdown .navItem.support .column1,
          .header-v3 header .nav_dropdown .navItem.support .column2 {
              padding-left: 70px;
              padding-right: 70px
          }
            

.global-header--v3 header .nav_dropdown .navItem.support, .header-v3 header .nav_dropdown .navItem.support {
            grid-template-columns: 100%
        }

            .global-header--v3 header .nav_dropdown .navItem.support &gt; *, .header-v3 header .nav_dropdown .navItem.support &gt; * {
              padding-left: 70px;
              padding-right: 70px;
            }
          
        .global-header--v4 .navItem_Content_33_33_33 .row1, .header-v4 .navItem_Content_33_33_33 .row1 {
          grid-template-columns: 1fr 1fr;
        }

          .global-header--v4 .navItem_Content_33_33_33 .row1 .col1,
          .global-header--v4 .navItem_Content_33_33_33 .row1 .col2,
          .header-v4 .navItem_Content_33_33_33 .row1 .col1,
          .header-v4 .navItem_Content_33_33_33 .row1 .col2 {
            padding-bottom: 0;
          }
      
          .global-header--v4 .navItem_Content_33_33_33 .row2 .col1,
          .global-header--v4 .navItem_Content_33_33_33 .row2 .col2,
          .header-v4 .navItem_Content_33_33_33 .row2 .col1,
          .header-v4 .navItem_Content_33_33_33 .row2 .col2 {
            padding: 33px 70px;
          }
      

.global-header--v4 .navItem_Content_50_50, .header-v4 .navItem_Content_50_50 {
        grid-template-columns: auto
    }

        .global-header--v4 .navItem_Content_50_50 .navItem_Content_Container, .header-v4 .navItem_Content_50_50 .navItem_Content_Container {
          padding: 0;
          grid-template-columns: 1fr;
        }

          .global-header--v4 .navItem_Content_50_50 .navItem_Content_Container &gt; *, .header-v4 .navItem_Content_50_50 .navItem_Content_Container &gt; * {
            padding: 40px 70px;
            justify-content: left;
          }
      

.global-header--v4 .navItem_Content_70_30_1 .row1, .header-v4 .navItem_Content_70_30_1 .row1 {
          grid-template-columns: 1fr;
          padding: 0
      }
        
    .related-resource .cmp-title {
      grid-column: 1/9;
      justify-self: center;
    }

    .related-resource .icon-container {
      grid-column: 1/7;
      justify-self: center;
    }

    .related-resource .img-container {
      grid-column: 1/9;
      padding: 0 20px;
    }

    .related-resource .description {
      width: auto;
      height: auto;
      grid-column: 1/9;
      margin-top: -30px;
      max-width: 100%;
    }
  
    .slide-in-content .grid-12 &gt; div {
      grid-column: 2/8;
    }
  

}


@media only screen and (min-width: 768px) and (max-width: 1369px) {

    .fill-fullgridgap-right { margin-right: -12.75%;	}


}


@media only screen and (min-width: 910px) and (max-width: 1024px) {


body.digicert-body:not(#authorMode) .container &gt; .cmp-container &gt; *:not(.product):not(.fscreen) {
          margin-left: 70px;
          margin-right: 70px;
          max-height: none
      }
        

body.geotrust-body:not(#authorMode) .container &gt; .cmp-container &gt; *:not(.product):not(.fscreen) {
          margin-left: 70px;
          margin-right: 70px;
          max-height: none
      }
        

.blog-navigation .blogNav, .blogNavigation .blogNav {
      margin: 0 -70px
  }
    

.blog-navigation .btn-container, .blogNavigation .btn-container {
      margin: 0 7%
  }
    
        .global-header--v4 header nav img.logo, .header-v4 header nav img.logo {
          max-width: 100px;
        }
          .global-header--v4 header nav .secondary #contactUsBtn, .header-v4 header nav .secondary #contactUsBtn {
            display: none;
          }
  

}


@media only screen and (min-width: 1024px) and (max-width: 1230px) {


.blog-navigation .blogNav, .blogNavigation .blogNav {
      margin: 0 calc(-2.6% - 30px)
  }

      .blog-navigation .blogNav .subscribe, .blogNavigation .blogNav .subscribe {
        margin-right: 70px;
      }
    

.blog-navigation .btn-container, .blogNavigation .btn-container {
      justify-content: center
  }
    

.global-header--v1 header, .header-v1 header {
      padding: 0 30px;
      width: auto
  }
    

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__one, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__one {
                padding-left: 30px
            }
              

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__two &gt; div, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__two &gt; div {
                  padding: 33px 6% 40px
              }

                  .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__two &gt; div.two_pt_one &gt; div, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__two &gt; div.two_pt_one &gt; div {
                    max-width: 530px;
                  }

                  .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__two &gt; div.two_pt_two &gt; div, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_30_70 .section__two &gt; div.two_pt_two &gt; div {
                    grid-gap: 25px;
                  }
                

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60 {
              grid-template-columns: 42% auto
          }
            

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60 .section__one, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60 .section__one {
                padding-left: 30px
            }
              

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60 .section__two &gt; div, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60 .section__two &gt; div {
                  padding: 40px
              }

                  .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60 .section__two &gt; div.two_pt_one &gt; div, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60 .section__two &gt; div.two_pt_one &gt; div {
                    max-width: 530px;
                  }

                  .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60 .section__two &gt; div.two_pt_two &gt; div, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_40_60 .section__two &gt; div.two_pt_two &gt; div {
                    grid-gap: 25px;
                  }
                

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one {
                padding-left: 30px;
                padding-right: 30px
            }

                .global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one a.txt-u-animate, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_50_50 .section__one a.txt-u-animate {
                  width: 100%;
                  max-width: max-content;
                }
              

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto {
              grid-template-columns: auto
          }
            

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto .section__one, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto .section__one {
                padding-left: 30px;
                padding-right: 30px
            }
              

.global-header--v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto .section__two &gt; div, .header-v1 .primary_navigation__sections .navigation_sections &gt; div.nav_design_auto .section__two &gt; div {
                  padding: 40px 30px
              }
                

.global-header--v1 .primary_navigation__sections i.nav_dismiss, .header-v1 .primary_navigation__sections i.nav_dismiss {
        right: 30px
    }
      

.global-header--v1 .primary__navigation li, .header-v1 .primary__navigation li {
        margin-left: 4.25%
    }
      

.global-header--v1 .secondary_navigation .nav-content .search-panel, .header-v1 .secondary_navigation .nav-content .search-panel {
          padding: 30px
      }
        

.global-header--v1 .secondary_navigation .nav-content .contact-panel,
      .global-header--v1 .secondary_navigation .nav-content .language-panel,
      .header-v1 .secondary_navigation .nav-content .contact-panel,
      .header-v1 .secondary_navigation .nav-content .language-panel {
          width: 70%
      }
        

.global-header--v1 .secondary_navigation .nav-content .contact-panel &gt; div, .global-header--v1 .secondary_navigation .nav-content .language-panel &gt; div, .header-v1 .secondary_navigation .nav-content .contact-panel &gt; div, .header-v1 .secondary_navigation .nav-content .language-panel &gt; div {
            padding-right: 30px;
            max-width: unset
        }
          

.global-header--v1 .secondary_navigation .nav-content .contact-panel i.nav_dismiss, .global-header--v1 .secondary_navigation .nav-content .language-panel i.nav_dismiss, .header-v1 .secondary_navigation .nav-content .contact-panel i.nav_dismiss, .header-v1 .secondary_navigation .nav-content .language-panel i.nav_dismiss {
            right: 30px
        }
          

.global-header--v3 header .nav_dropdown .navItem.support .column1,
          .global-header--v3 header .nav_dropdown .navItem.support .column2,
          .header-v3 header .nav_dropdown .navItem.support .column1,
          .header-v3 header .nav_dropdown .navItem.support .column2 {
              padding-left: 40px;
              padding-right: 40px
          }
            

.global-header--v4 .navItem_Content_70_30 .row1 .column1, .header-v4 .navItem_Content_70_30 .row1 .column1 {
            padding-left: 30px
        }
          

.global-header--v4 .navItem_Content_70_30 .row2 .column1,
        .global-header--v4 .navItem_Content_70_30 .row2 .column2,
        .header-v4 .navItem_Content_70_30 .row2 .column1,
        .header-v4 .navItem_Content_70_30 .row2 .column2 {
            padding: 23px 30px
        }
          

}


@media only screen and (min-width: 1230px) and (max-width: 1369px) {


.global-header--v1 .primary_navigation__sections i.nav_dismiss, .header-v1 .primary_navigation__sections i.nav_dismiss {
        right: calc(70px - 2%)
    }
      

}


@media only screen and (min-width: 1024px) and (max-width: 1369px) {


body.digicert-body:not(#authorMode) .container &gt; .cmp-container &gt; *:not(.product):not(.fscreen) {
          padding-left: 30px;
          padding-right: 30px
      }
        

body.geotrust-body:not(#authorMode) .container &gt; .cmp-container &gt; *:not(.product):not(.fscreen) {
          padding-left: 30px;
          padding-right: 30px
      }
        

}


@media only screen and (min-width: 512px) {


body {
    line-height: calc(1.3 + 0.1)
}
  

.minicart .cmp-VeniaMiniCart__miniCart__contents_open {
          width: 579px
      }
        

}


@media only screen and (min-width: 640px) {


.icon-wrapper {
      flex-direction: column
  }
    

.icon-wrapper {
      flex-direction: column
  }
    

.footer--contact {
      width: calc(579px - 45px)
  }
    

}


@media only screen and (min-width: 768px) {

    .table_new .mobile-carousel {
      display: none;
    }
  

.table_new .table_main:not([id^="compare-chart-table"]) {
        margin: 60px 0px
    }
      

.tableRowGrid.Col4 {
      grid-template-columns: 25% 25% 25% 25%
  }
        .tableRowGrid.Col4.onetothree .tr1 {
          grid-column: 1/2;
        }

        .tableRowGrid.Col4.onetothree .tr2 {
          grid-column: 2/5;
        }
        .tableRowGrid.Col4.twototwo .tr1 {
          grid-column: 1/3;
        }

        .tableRowGrid.Col4.twototwo .tr2 {
          grid-column: 3/5;
        }
    

.accordion--direction-vertical .expand__target {
          padding: calc(1.25rem * 2) 4rem
      }
        

.blog-author {
    grid-template-columns: 6vw 6vw 1fr;
    grid-template-rows: 125px 125px 1fr
}

    .blog-author__image {
      grid-column: 1 / 3;
      grid-row: 1 / 3;
      justify-self: center;
    }

    .blog-author__container {
      display: grid;
      grid-column: 2 / 4;
      grid-row: 1 / -1;
      grid-template-columns: 100px 1fr;
    }

    .blog-author__body {
      grid-column: 3 / 4;
    }
  
      .blogHeroImage .whiteBox.center, .blogHeroImage .breadcrumb.center {
        margin: 0 40px;
        height: calc(100% - 70px);
      }

    .blogHeroImage .content-container {
      margin-top: 60px;
      grid-row: 2;
    }

      .blogHeroImage .content-container .blogAuthor a {
        position: relative;
        z-index: 1;
      }

      .blogHeroImage .content-container.right,
      .blogHeroImage .content-container.left {
        margin-bottom: 60px;
      }

        .blogHeroImage .content-container.right .description, .blogHeroImage .content-container.left .description {
          grid-row: 1;
        }

        .blogHeroImage .content-container.right .img-container, .blogHeroImage .content-container.left .img-container {
          width: 100%;
          height: 100%;
        }

          .blogHeroImage .content-container.right .img-container img, .blogHeroImage .content-container.left .img-container img {
            width: 100%;
            height: 100%;
          }

        .blogHeroImage .content-container.right .description,
        .blogHeroImage .content-container.right .img-container,
        .blogHeroImage .content-container.left .description,
        .blogHeroImage .content-container.left .img-container {
          grid-row: 1;
        }
        .blogHeroImage .content-container.right .description {
          grid-column: 1;
        }

        .blogHeroImage .content-container.right .img-container {
          grid-column: 2;
        }
        .blogHeroImage .content-container.left .description {
          grid-column: 2;
        }

        .blogHeroImage .content-container.left .img-container {
          grid-column: 1;
        }

      .blogHeroImage .content-container.center {
        grid-template-columns: auto;
        grid-gap: 60px;
      }

        .blogHeroImage .content-container.center .description {
          max-width: 80%;
          width: 100%;
          margin: 0 auto;
          text-align: center;
        }

          .blogHeroImage .content-container.center .description .blogCategoryAndDate .blogCategory {
            grid-column: 1/3;
            justify-content: center;
          }

        .blogHeroImage .content-container.center .img-container {
          max-height: 430px;
          overflow: hidden;
          height: 100%;
        }

          .blogHeroImage .content-container.center .img-container img {
            transform: scale(1);
            transition: transform 0.4s ease-out;
            width: 100%;
            height: 100%;
          }

      .blogHeroImage .content-container .description {
        display: grid;
        grid-template-rows: max-content;
        grid-gap: 40px;
      }


.blog-list-container &gt; div .container,
      .blog-list-container &gt; div .ExNews-container {
          grid-gap: 30px
      }
        

.blog-navigation__menu, .blogNavigation__menu {
      grid-template-columns: auto max-content
  }
    

.digicert-body .blog-navigationOpenResult, .digicert-body .blogNavigationOpenResult {
        display: grid;
        grid-gap: 40px;
        align-items: center;
        grid-template-columns: repeat(2, auto);
        padding-bottom: 60px
    }

        .digicert-body .blog-navigationOpenResult .blog-list-filter, .digicert-body .blogNavigationOpenResult .blog-list-filter {
          display: grid;
          color: #909ca5;
          align-items: center;
          grid-column: 1/3;
          grid-row: 1;
          padding-left: 20px;
        }

          .digicert-body .blog-navigationOpenResult .blog-list-filter .nstories,.digicert-body .blogNavigationOpenResult .blog-list-filter .nstories{
            justify-self: start;
            grid-row: 1;
          }

          .digicert-body .blog-navigationOpenResult .blog-list-filter .sortby,.digicert-body .blogNavigationOpenResult .blog-list-filter .sortby{
            justify-self: end;
            grid-row: 1;
          }

        .digicert-body .blog-navigationOpenResult .card, .digicert-body .blogNavigationOpenResult .card {
          margin: 0;
        }

        .digicert-body .blog-navigationOpenResult .loadMoreButton, .digicert-body .blogNavigationOpenResult .loadMoreButton {
          grid-column: 1/3;
          margin-top: 0;
        }
      

.card__group,
  .card__deck,
  .card__grid {
      display: grid
  }
    

.card__deck {
      grid-template-columns: repeat(auto-fit, minmax(380px, 1fr))
  }
    

.cmp-bullet-two-col ul {
      margin: 0;
      overflow: hidden;
      columns: 2;
      column-gap: 30px
  }

      .cmp-bullet-two-col ul li {
        line-height: 28px;
        margin-top: 20px;
        margin-bottom: 0;
      }

        .cmp-bullet-two-col ul li:first-child {
          margin-top: 0;
        }
    

.navigation .toggle-menu {
      display: none
  }
    

.navigation--default {
      flex-direction: row
  }
    

.navigation--default .navigation--primary {
        flex-direction: row;
        justify-content: flex-end;
        margin-right: 3rem
    }
      

.navigation--default .navigation--primary .list__item {
          text-align: center;
          width: auto
      }
        

.navigation--default .navigation--primary-link {
          border: none
      }
        
      .navigation--default .navigation--primary li:focus-within .navigation--submenu-open {
        visibility: visible;
        opacity: 1;
        display: block;
      }

      .navigation--default .navigation--primary li .navigation--submenu li {
        clear: both;
        width: 100%;
      }
    

.navigation--vertical {
      position: fixed;
      width: 100%;
      max-width: 300px;
      height: 100%;
      padding: 0;
      transition: max-width 0.2s ease
  }

      .navigation--vertical .link &gt; .icon {
        min-width: 1.5rem;
      }

      .navigation--vertical.menu--collapsed {
        max-width: 88px;
        transition: max-width 0.2s ease;
      }

        .navigation--vertical.menu--collapsed .brand {
          width: 0;
          overflow: hidden;
        }

        .navigation--vertical.menu--collapsed .toggle-collapse {
          transform: rotate(0deg);
        }

        .navigation--vertical.menu--collapsed .link &gt; span {
          width: 0;
          overflow: hidden;
          transition: width 0.3s ease;
        }

        .navigation--vertical.menu--collapsed .navigation--submenu-open {
          display: none;
          width: 0;
          height: 0;
          overflow: hidden;
        }

          .navigation--vertical.menu--collapsed .navigation--submenu-open .list__item {
            width: 0;
          }

      .navigation--vertical .toggle-wrapper {
        justify-content: space-between;
        padding: 0 [object Object] .default;
      }

      .navigation--vertical .brand {
        padding: 0 [object Object] .default;
      }

      .navigation--vertical .toggle-menu {
        display: none;
      }

      .navigation--vertical .toggle-collapse {
        align-self: flex-end;
        background-color: #f0f2f4;
        border-radius: 50%;
        border: 2px solid #000000;
        display: inline-flex;
        fill: #000000;
        margin-right: -30px;
        transform: rotate(180deg);
      }

        .navigation--vertical .toggle-collapse:hover {
          background-color: #000000;
          border: 2px solid #000000;
          fill: #f0f2f4;
        }

      .navigation--vertical .navigation--submenu-open {
        background-color: #f0f2f4;
        display: flex;
        flex-direction: column;
        max-width: 300px;
        opacity: 1;
        position: unset;
        visibility: visible;
        width: 100%;
      }

        .navigation--vertical .navigation--submenu-open .navigation--submenu-link {
          padding-left: 6rem;
        }
    

.navigation--submenu.navigation--submenu-closed {
        display: none;
        visibility: hidden
    }
      
      .navigation--default .navigation--submenu {
        flex-direction: column;
        opacity: 1;
        position: absolute;
        text-align: left;
        transition: all 0.5s ease;
        visibility: visible;
      }

        .navigation--default .navigation--submenu .list__item {
          white-space: nowrap;
        }

        .navigation--default .navigation--submenu-open {
          box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.16);
        }

          .navigation--default .navigation--submenu-open::after {
            border-color: hsla(0, 0%, 84%, 0);
            border-bottom-color: #fff;
            border-width: 12px;
            margin-left: -12px;
          }
          .navigation--default .navigation--submenu.navigation--submenu-open::after,
          .navigation--default .navigation--submenu.navigation--submenu-open::before {
            border: solid transparent;
            bottom: 100%;
            content: ' ';
            height: 0;
            left: 2rem;
            pointer-events: none;
            position: absolute;
            width: 0;
          }

          .navigation--default .navigation--submenu.navigation--submenu-open::after {
            border-color: hsla(0, 0%, 84%, 0);
            border-bottom-color: #fff;
            border-width: 12px;
            margin-left: 0;
          }

      .navigation--default .navigation--primary li .navigation--submenu li {
        clear: both;
        width: 100%;
      }
  
          .digicert-body .cmp-navigation__item .nav-container .section-1,
          .digicert-body .cmp-navigation__item .nav-container .section-2 {
            padding: 20px 7.5%;
          }
    
          .geotrust-body .cmp-navigation__item .nav-container .section-1,
          .geotrust-body .cmp-navigation__item .nav-container .section-2 {
            padding: 20px 7.5%;
          }
    

.matter-iot-list {
    grid-template-columns: repeat(2, 1fr)
}
  

.geotrust-body .header, .digicert-body .header {
      position: fixed
  }
    

.minicart .cmp-VeniaProductListing__product__root {
      padding: 30px
  }
    

.minicart .cmp-VeniaMiniCart__miniCart__top {
        max-height: calc(100vh - 210px);
        padding: 32px 24px
    }
      

.minicart .cmp-VeniaMiniCart__miniCart__body {
        max-height: calc(100vh - 475px)
    }
      

.minicart .cmp-VeniaMiniCart__miniCart__footer {
        padding: 30px
    }
      

.minicart .cmp-VeniaProductListing__unitOfMeasure {
        margin-top: 32px
    }
      


.basicpage .text-and-image #mobile-image {
        display: none
    }
      

}


@media only screen and (min-width: 910px) {

      .geotrust-body .table_new .mobile-carousel {
        display: none;
      }
    

.card__grid {
      grid-template-columns: repeat(3, 1fr)
  }
    

.card__grid--3-cols {
        grid-template-columns: 1fr
    }
      

.card__grid--3-cols {
        grid-template-columns: repeat(3, 1fr)
    }
      

.media--layered-content-blade {
      grid-template-columns: repeat(12, 1fr);
      grid-template-rows: 40px 1fr
  }
    

.media__figure--layered-content-blade {
        grid-column-start: 2;
        grid-column-end: span 5;
        grid-row-start: 2;
        justify-items: end
    }
      

.right .media__figure--layered-content-blade {
          grid-column: 1 / span 5;
          justify-items: start
      }
        

.media__figure--layered-content-blade__container {
          grid-template-columns: repeat(6, 1fr);
          grid-template-rows: 40px 1fr;
          grid-column-start: 1;
          grid-column-end: 6;
          grid-row-start: 1;
          grid-row-end: 3
      }

          .media__figure--layered-content-blade__container.right {
            grid-column-start: 8;
            grid-column-end: 13;
          }
        

.media__body--layered-content-blade {
        grid-column-start: 6;
        grid-row-start: 2
    }

        .media__body--layered-content-blade.left {
          grid-column-start: 1;
          grid-column-end: 8;
        }
      
    .compare-chart .chartcardlist {
      align-items: flex-end;
    }

      .compare-chart .chartcardlist .chartcard {
        border: 1px solid #d2dce3;
        border-right: none;
        display: block;
        padding: 70px 51px 70px 50px;
        flex-grow: 1;
        flex-shrink: unset;
        width: 100%;
      }

        .compare-chart .chartcardlist .chartcard:last-child {
          border-right: 1px solid #d2dce3;
        }

        .compare-chart .chartcardlist .chartcard.active {
          display: block;
          border: 2px solid #0174c3 !important;
          padding: 69px 49px;
        }

    .compare-chart .mobile-carousel {
      display: none;
    }

      .compare-chart .table .grid-12 {
        margin: 0;
        grid-template-columns: 1fr 1fr 1fr;
      }

      .compare-chart .table .table-section.fill-gridgap {
        margin: 0;
      }

      .compare-chart .table .table-section .row:first-child .col {
        border-top-width: 0px !important;
      }

    .content-bullets-with-image &gt; .grid-12 {
      align-items: center;
      grid-row-gap: 0;
    }

    .content-bullets-with-image .descriptionBox {
      grid-row: 1;
      max-width: 520px;
      justify-self: center;
    }

      .content-bullets-with-image .descriptionBox.left {
        grid-column: 1/5;
      }

      .content-bullets-with-image .descriptionBox.right {
        grid-column: 5/9;
      }

    .content-bullets-with-image .img-container {
      grid-row: 1;
      display: grid;
      max-width: 520px;
      justify-self: center;
    }

      .content-bullets-with-image .img-container .bg-img {
        grid-row: 1;
        z-index: -1;
      }

        .content-bullets-with-image .img-container .bg-img img {
          max-width: 100%;
        }

        .content-bullets-with-image .img-container .bg-img.right {
          margin: 0 0 0 17%;
          grid-column: 5/9;
        }

        .content-bullets-with-image .img-container .bg-img.left {
          margin: 0 -17% 0 0;
          grid-column: 1/5;
        }

      .content-bullets-with-image .img-container .overlap-img {
        max-width: 155px;
        grid-row: 1;
        z-index: 0;
        align-self: end;
        margin: 0 -5% -40px -5%;
      }

        .content-bullets-with-image .img-container .overlap-img img {
          max-width: 100%;
        }

        .content-bullets-with-image .img-container .overlap-img.right {
          grid-column: 4/5;
        }

        .content-bullets-with-image .img-container .overlap-img.left {
          grid-column: 5/6;
        }

      .content-bullets-with-image .img-container.left {
        grid-column: 1/5;
        margin-left: -70px;
      }

      .content-bullets-with-image .img-container.right {
        grid-column: 5/9;
        margin-right: -70px;
      }

    .content-bullets-with-image .button-Container {
      display: flex;
      flex-wrap: wrap;
      grid-gap: 10px 30px;
      margin-top: 30px;
      justify-content: start;
    }


.layered-content-blade .media__figure--cover {
          justify-content: right;
          margin-top: 40px;
          min-height: calc(300px + 40px)
      }
        

.layered-content-blade .media__figure--cover .image {
            align-self: start;
            aspect-ratio: 230 / 300;
            max-height: 300px;
            max-width: 230px
        }
          
  .productFullDetail__description {
    padding: 0px;
  }


}


@media only screen and (min-width: 1024px) {


body {
    line-height: calc(1.3 + 0.2)
}
  

body#authorMode .container &gt; .cmp-container {
      max-width: 1230px;
      margin: 100px auto 60px;
      height: auto;
      max-height: none
  }
    

body.digicert-body:not(#authorMode) .container &gt; .cmp-container:not(#DemandGenEmtyTemplate) {
        margin-top: 100px
    }
      

body.digicert-body:not(#authorMode) .container &gt; .cmp-container &gt; *:not(.product):not(.fscreen) {
          max-width: 1230px;
          margin-left: auto;
          margin-right: auto;
          max-height: none
      }
        

body.geotrust-body:not(#authorMode) .container &gt; .cmp-container {
      margin-top: 93px
  }
    

body.geotrust-body:not(#authorMode) .container &gt; .cmp-container &gt; *:not(.product):not(.fscreen) {
          max-width: 1230px;
          margin-left: auto;
          margin-right: auto;
          max-height: none
      }
        
      .table .table-section .cmp-text {
        padding: 20px;
        height: calc(100% - 40px);
      }

      .table .table-section .button-Container {
        margin: 30px auto 0 auto !important;
      }

      .table .table-section .btn-container {
        margin-top: 30px;
      }

      .dropdown-selectbtn .big-dropdown-selectbtn h6, .dropdown-selectbtn .dropdown-selectbtn-content h6 {
        margin-bottom: 0px;
      }

  .fill-fullgridgap {
    margin: 0 -100px;
  }

    .fill-fullgridgap-left { margin-left: -100px; }

    .fill-fullgridgap-right { margin-right: -100px; }
@for --i from 1 to 13 {
    @for --j from (--i + 1) to (13 + 1) {
      .gd-col---i----j {
        grid-column: --i / --j;
      }
    }
  }


.vAlignTop {
      margin-top: 60px !important
  }
    

.vAlignBottom {
      margin-bottom: 60px !important
  }
    

.vAlignCenter {
      margin: 0 !important
  }
    

.accordion--direction-horizontal {
        display: flex;
        min-height: 50vh;
        max-height: 100vh;
        margin: 0;
        padding: 0;
        overflow: hidden
    }

        .accordion--direction-horizontal .expand:not(:last-child) {
          border-right: 3px solid #fff;
        }

        .accordion--direction-horizontal .expand {
          flex: 1;
          flex-basis: 0;
          display: flex;
          align-items: stretch;
          padding: 20px;
          transition: all .5s ease;
          background: #e9eef1;
        }

          .accordion--direction-horizontal .expand:hover,
          .accordion--direction-horizontal .expand:focus-within {
            background: #334147;
          }

            .accordion--direction-horizontal .expand:hover .expand__trigger, .accordion--direction-horizontal .expand:focus-within .expand__trigger {
              color: #fff;
            }

          .accordion--direction-horizontal .expand .expand__trigger &gt; span {
            transform: rotate(-90deg);
          }

          .accordion--direction-horizontal .expand.expand-state--open {
            flex: 5;
            background: #fff;
            cursor: default;
          }

            .accordion--direction-horizontal .expand.expand-state--open .expand__trigger {
              color: #334147;
            }

              .accordion--direction-horizontal .expand.expand-state--open .expand__trigger &gt; span {
                transform: none;
              }

                .accordion--direction-horizontal .expand.expand-state--open .expand__trigger &gt; span:hover {
                  text-decoration: underline;
                }

            .accordion--direction-horizontal .expand.expand-state--open .expand__target {
              flex: 4;
              opacity: 1;
              padding: 1rem;
              transform: scaleX(1);
            }

          .accordion--direction-horizontal .expand .expand__title {
            flex: 1;
            display: flex;
            width: 100%;
            margin: 0;
            padding: 0;
            text-align: center;
            white-space: nowrap;
          }

          .accordion--direction-horizontal .expand .expand__trigger {
            align-items: center;
            justify-content: center;
          }

          .accordion--direction-horizontal .expand .expand__target {
            flex: 1;
            display: flex;
            margin: 0;
            padding: 0;
            opacity: 0;
            transition: all .25s .1s ease-out;
          }
      

.blog-card-container .container {
      display: flex;
      grid-template-columns: unset;
      grid-gap: 0 !important
  }

      .blog-card-container .container &gt; * {
        min-width: 200px;
        margin-right: 3.25%;
        width: 100%;
      }

        .blog-card-container .container &gt; *:last-child {
          margin-right: 0;
        }
    
      .blogHeroImage .whiteBox.right, .blogHeroImage .breadcrumb.right {
        grid-column: 1/11;
      }

      .blogHeroImage .whiteBox.left, .blogHeroImage .breadcrumb.left {
        grid-column: 3/13;
      }

      .blogHeroImage .whiteBox.center, .blogHeroImage .breadcrumb.center {
        grid-column: 1/13;
      }

    .blogHeroImage .content-container {
      grid-column: 1/13;
    }

      .blogHeroImage .content-container.left,
      .blogHeroImage .content-container.right {
        grid-gap: 5.5%;
      }

      .blogHeroImage .content-container.left {
        grid-template-columns: 1.82fr 1fr;
      }

        .blogHeroImage .content-container.left .description {
          margin-right: 25%;
        }

      .blogHeroImage .content-container.right {
        grid-template-columns: 1fr 1.82fr;
      }

        .blogHeroImage .content-container.right .description {
          margin-left: 25%;
        }

      .blogHeroImage .content-container .social-icons {
        display: none;
      }


.digicert-body .blog-navigationOpenResult, .digicert-body .blogNavigationOpenResult {
        display: grid;
        grid-gap: 40px;
        align-items: center;
        grid-template-columns: repeat(3, auto);
        padding-bottom: 60px
    }

        .digicert-body .blog-navigationOpenResult .blog-list-filter, .digicert-body .blogNavigationOpenResult .blog-list-filter {
          display: grid;
          color: #909ca5;
          align-items: center;
          grid-column: 1/4;
          grid-row: 1;
          padding-left: 20px;
        }

          .digicert-body .blog-navigationOpenResult .blog-list-filter .nstories,.digicert-body .blogNavigationOpenResult .blog-list-filter .nstories{
            justify-self: start;
            grid-row: 1;
          }

          .digicert-body .blog-navigationOpenResult .blog-list-filter .sortby,.digicert-body .blogNavigationOpenResult .blog-list-filter .sortby{
            justify-self: end;
            grid-row: 1;
          }

        .digicert-body .blog-navigationOpenResult .card, .digicert-body .blogNavigationOpenResult .card {
          margin: 0;
        }

        .digicert-body .blog-navigationOpenResult .loadMoreButton, .digicert-body .blogNavigationOpenResult .loadMoreButton {
          grid-column: 1/4;
          margin-top: 0;
        }
      

.blog-related-articles,
.blog_related_articles {
    margin: 0
}

    .blog-related-articles .article-list, .blog_related_articles .article-list {
      grid-column: 2/12;
    }
  

.modal {
    padding: 6rem 4.6875rem 4.6875rem
}
  

.modal-inner--width {
        margin: 0
    }
      
      .digicert-body .cmp-navigation--mobile {
        display: none;
      }

      .digicert-body .cmp-navigation &gt; .cmp-navigation__group {
        flex-direction: row;
        align-items: center;
      }

      .digicert-body .cmp-navigation__item {
        margin-left: 6.7%;
        width: auto;
      }

        .digicert-body .cmp-navigation__item &gt; .cmp-navigation__item-link {
          padding-top: 0;
          padding-bottom: 0;
        }

          .digicert-body .cmp-navigation__item &gt; .cmp-navigation__item-link:after {
            top: 7px;
          }

        .digicert-body .cmp-navigation__item .nav-container {
          border-top: 1px solid #abb6bf;
          top: 80px;
        }

          .digicert-body .cmp-navigation__item .nav-container__wrapper {
            height: 600px;
            max-height: 600px;
            overflow: hidden;
            flex-direction: row;
          }

          .digicert-body .cmp-navigation__item .nav-container .add-seperator-true {
            border-bottom: 1px solid #abb6bf;
            padding-bottom: 15px;
            margin-bottom: 15px;
          }

          .digicert-body .cmp-navigation__item .nav-container .cmp-nav-section-1 {
            max-height: 550px;
            flex-wrap: wrap;
          }

            .digicert-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .child-1 {
              border-bottom: 0;
              padding: 0;
              margin: 0;
            }
                .digicert-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .child-1 &gt; .cmp-navigation__item-link:after {
                  display: none;
                }

              .digicert-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .child-1.add-seperator-true {
                border-bottom: 1px solid #abb6bf;
                padding-bottom: 15px;
                margin-bottom: 15px;
              }
            .digicert-body .cmp-navigation__item .nav-container#pki .child-1, .digicert-body .cmp-navigation__item .nav-container#tls-ssl .child-1, .digicert-body .cmp-navigation__item .nav-container#support .child-1 {
              width: 40%;
            }
              .digicert-body .cmp-navigation__item .nav-container#tls-ssl .child-1 .child-pages, .digicert-body .cmp-navigation__item .nav-container#partners .child-1 .child-pages, .digicert-body .cmp-navigation__item .nav-container#solutions-overview .child-1 .child-pages {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
              }
            .digicert-body .cmp-navigation__item .nav-container#partners .child-1 {
              width: 50%;
            }
            .digicert-body .cmp-navigation__item .nav-container#support .nav-container__wrapper {
              flex-direction: row-reverse;
            }

          .digicert-body .cmp-navigation__item .nav-container .section-1.half,
          .digicert-body .cmp-navigation__item .nav-container .section-2.half {
            width: 50%;
          }

          .digicert-body .cmp-navigation__item .nav-container .section-1.fourth {
            width: 70%;
          }

          .digicert-body .cmp-navigation__item .nav-container .section-2.fourth {
            width: 30%;
          }

          .digicert-body .cmp-navigation__item .nav-container .section-1.full {
            width: 0%;
          }

          .digicert-body .cmp-navigation__item .nav-container .section-2.full {
            width: 100%;
          }

          .digicert-body .cmp-navigation__item .nav-container .section-1,
          .digicert-body .cmp-navigation__item .nav-container .section-2 {
            padding: 30px;
          }

          .digicert-body .cmp-navigation__item .nav-container .section-2 {
            padding: 60px 30px;
          }

            .digicert-body .cmp-navigation__item .nav-container .section-2 .graphic-Container {
              display: block;
              padding-top: 50px;
            }
    
      .geotrust-body .cmp-navigation--mobile {
        display: none;
      }

      .geotrust-body .cmp-navigation &gt; .cmp-navigation__group {
        flex-direction: row;
        align-items: center;
      }

      .geotrust-body .cmp-navigation__item {
        margin-left: 60px;
        width: auto;
      }

        .geotrust-body .cmp-navigation__item &gt; .cmp-navigation__item-link {
          padding-top: 0;
          padding-bottom: 0;
        }

          .geotrust-body .cmp-navigation__item &gt; .cmp-navigation__item-link:after {
            top: 7px;
          }

        .geotrust-body .cmp-navigation__item .nav-container {
          border-top: 1px solid #abb6bf;
          top: 120px;
        }

          .geotrust-body .cmp-navigation__item .nav-container__wrapper {
            height: 600px;
            max-height: 600px;
            overflow: hidden;
            flex-direction: row;
          }

          .geotrust-body .cmp-navigation__item .nav-container .add-seperator-true {
            border-bottom: 1px solid #abb6bf;
            padding-bottom: 15px;
            margin-bottom: 15px;
          }

          .geotrust-body .cmp-navigation__item .nav-container .cmp-nav-section-1 {
            max-height: 550px;
            flex-wrap: wrap;
          }

            .geotrust-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .child-1 {
              border-bottom: 0;
              padding: 0;
              margin: 0;
            }

              .geotrust-body .cmp-navigation__item .nav-container .cmp-nav-section-1 .child-1.add-seperator-true {
                border-bottom: 1px solid #abb6bf;
                padding-bottom: 15px;
                margin-bottom: 15px;
              }
            .geotrust-body .cmp-navigation__item .nav-container#learn .child-1, .geotrust-body .cmp-navigation__item .nav-container#tls-ssl .child-1, .geotrust-body .cmp-navigation__item .nav-container#partners .child-1, .geotrust-body .cmp-navigation__item .nav-container#support .child-1 {
              width: 40%;
            }
              .geotrust-body .cmp-navigation__item .nav-container#tls-ssl .child-1 .child-pages, .geotrust-body .cmp-navigation__item .nav-container#partners .child-1 .child-pages, .geotrust-body .cmp-navigation__item .nav-container#learn .child-1 .child-pages, .geotrust-body .cmp-navigation__item .nav-container#solutions-overview .child-1 .child-pages {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
              }
            .geotrust-body .cmp-navigation__item .nav-container#partners .child-1 {
              width: 50%;
            }
            .geotrust-body .cmp-navigation__item .nav-container#support .nav-container__wrapper {
              flex-direction: row-reverse;
            }

          .geotrust-body .cmp-navigation__item .nav-container .section-1,
          .geotrust-body .cmp-navigation__item .nav-container .section-2 {
            width: 50%;
            padding: 30px;
          }

          .geotrust-body .cmp-navigation__item .nav-container .section-2 {
            padding: 60px 30px;
          }

            .geotrust-body .cmp-navigation__item .nav-container .section-2 .graphic-Container {
              display: block;
              padding-top: 50px;
            }
    

.tabs.flex--column .tabs__triggers, .tabs.flex--column-reverse .tabs__triggers {
        display: flex
    }
      

.tabs.flex--row .tabs__triggers, .tabs.flex--row-reverse .tabs__triggers {
        display: block
    }
      

.tabs--default .tabs__trigger {
        border: 2px solid #c8ced2;
        min-width: 190px
    }
      

.tabs--default .tabs__trigger[aria-selected="true"] {
          background-color: #e3e6e9;
          border-color: #e3e6e9
      }
        

.tabs--default .tabs__target {
        border: none
    }
      

.tabs--default .tabs__targets {
        border: 2px solid #e3e6e9
    }
      
    .content-bullets-with-image &gt; .grid-12 {
      align-items: center;
    }

    .content-bullets-with-image .descriptionBox {
      grid-row: 1;
    }

      .content-bullets-with-image .descriptionBox.left {
        grid-column: 2/8;
      }

      .content-bullets-with-image .descriptionBox.right {
        grid-column: 6/12;
      }

    .content-bullets-with-image .img-container {
      grid-row: 1;
      display: grid;
    }

      .content-bullets-with-image .img-container .bg-img {
        grid-row: 1;
        z-index: -1;
      }

        .content-bullets-with-image .img-container .bg-img img {
          max-width: 100%;
        }

      .content-bullets-with-image .img-container .overlap-img {
        max-width: 200px;
        grid-row: 1;
        z-index: 0;
        align-self: end;
        margin-bottom: -60px;
      }

        .content-bullets-with-image .img-container .overlap-img img {
          max-width: 100%;
        }

        .content-bullets-with-image .img-container .overlap-img.right {
          grid-column: 5/7;
          margin-right: -10%;
        }

        .content-bullets-with-image .img-container .overlap-img.left {
          grid-column: 7/9;
          margin-left: -10%;
        }

      .content-bullets-with-image .img-container.left {
        grid-column: 1/6;
        justify-self: start;
        margin: 0;
      }

      .content-bullets-with-image .img-container.right {
        grid-column: 8/13;
        justify-self: end;
        margin-right: -100px;
      }

    .content-image-line .img-container,
    .content-image-line .descBox,
    .content-image-line .verticalLine,
    .content-image-line .horizontalLine {
      grid-row: 1;
    }

    .content-image-line .start-point,
    .content-image-line .last-point {
      width: 25px;
      height: 25px;
      border-radius: 50%;
    }

    .content-image-line .verticalLine {
      width: 7px;
    }

    .content-image-line .img-container img {
      width: 100%;
    }

    .content-image-line .start-point {
      grid-row: 1;
      margin-top: 400%;
      grid-column: 3/4;
      justify-self: center;
    }

    .content-image-line .last-point {
      grid-row: 1;
      align-self: flex-end;
      margin-bottom: -9px;
    }

    .content-image-line .horizontalLine {
      height: 7px;
    }
      .content-image-line .grid-12:nth-child(odd) .img-container {
        grid-column: 5/13;
        margin-left: 60px;
        margin-right: -30px;
      }

      .content-image-line .grid-12:nth-child(odd) .last-point {
        grid-column: 12;
        margin-left: -9px;
      }

      .content-image-line .grid-12:nth-child(odd) .descBox {
        grid-column: 1/5;
        margin-left: 60px;
        margin-right: -70px;
      }

      .content-image-line .grid-12:nth-child(odd) .verticalLine {
        grid-column: 12/13;
        justify-self: flex-start;
      }
      .content-image-line .grid-12:first-child .descBox {
        margin-top: 3% !important;
      }

      .content-image-line .grid-12:first-child .img-container {
        margin-top: 0px !important;
      }

      .content-image-line .grid-12:first-child .horizontalLine {
        margin-top: 78%;
        grid-column: 2/6;
        margin-left: 35%;
      }

      .content-image-line .grid-12:first-child .verticalLine {
        grid-column: 11/12;
        margin-top: 411%;
        height: 75.3%;
      }
  

.collapse-component .expand__trigger {
        padding: 1.25rem 2.5rem
    }
      
      .geotrust-body .header header, .digicert-body .header header {
        margin: 0 auto;
        padding: 0 30px;
      }

      .geotrust-body .header .quicklinks-description, .digicert-body .header .quicklinks-description {
        font-size: 14px !important;
        color: #909ca5 !important;
        margin-top: 10px !important;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
      }

      .geotrust-body .header .quicklinks-list, .digicert-body .header .quicklinks-list {
        position: float;
        margin-top: 15px;
        padding-left: 4%;
        display: flex;
        order: 1;
        width: 100%;
        flex-direction: column;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
      }

      .geotrust-body .header .quicklinks-list &gt; ul, .digicert-body .header .quicklinks-list &gt; ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        float: left;
        list-style-type: none;
      }

      .geotrust-body .header .quicklinks-list &gt; ul &gt; li, .digicert-body .header .quicklinks-list &gt; ul &gt; li {
        width: 30%;
        text-align: left;
        color: #353535;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
      }

      .geotrust-body .header .quicklinks-list &gt; ul &gt; li &gt; a, .digicert-body .header .quicklinks-list &gt; ul &gt; li &gt; a {
        color: #353535;
        font-size: 18px !important;font-stretch: normal;font-family: 'Roboto-Medium', sans-serif;
      }

      .geotrust-body .header__navigation, .digicert-body .header__navigation {
        justify-content: space-between;
      }

      .geotrust-body .header .navigation__primary, .digicert-body .header .navigation__primary {
        display: block !important;
        border: none;
        position: unset;
        width: 100%;
        padding: 0;
      }

      .geotrust-body .header .header__secondary-nav-link--mobile, .digicert-body .header .header__secondary-nav-link--mobile {
        display: none;
      }

      .geotrust-body .header .header__secondary-nav-link--desktop,
      .geotrust-body .header .header__secondary-nav-link--desktop,
      .digicert-body .header .header__secondary-nav-link--desktop,
      .digicert-body .header .header__secondary-nav-link--desktop {
        display: block;
      }

      .geotrust-body .header .header__secondary-nav-content, .digicert-body .header .header__secondary-nav-content {
        padding: 60px 30px;
        width: 50%;
      }

      .geotrust-body .header .header__nav-dismiss, .digicert-body .header .header__nav-dismiss {
        right: 30px;display: flex;cursor: pointer;position: absolute;top: 30px;right: 0;width: 30px;height: 30px;align-items: center;justify-content: center;
      }.geotrust-body .header .header__nav-dismiss .close, .digicert-body .header .header__nav-dismiss .close {
    content: url('/content/dam/digicert/images/navigation/header/' + 'CloseX.png');
  }

      .geotrust-body .header .header__nav-dismiss--search, .digicert-body .header .header__nav-dismiss--search {
        position: unset;
      }

      .geotrust-body .header .header__secondary-nav-content--search, .digicert-body .header .header__secondary-nav-content--search {
        width: 100%;
        height: 80px * 3;
        padding-top: 20px !important;
        flex-direction: column !important;
      }

      .geotrust-body .header .header__secondary-nav-content--search--layout-wrapper, .digicert-body .header .header__secondary-nav-content--search--layout-wrapper {
        display: flex;
        order: 2;
        width: 100%;
      }

      .geotrust-body .header .search-form__input, .digicert-body .header .search-form__input {
        margin: 0 30px;
      }

        .geotrust-body .header .search-form__input input, .digicert-body .header .search-form__input input {
          font-size: 3em;
        }

      .geotrust-body .header .contactList, .digicert-body .header .contactList {
        grid-template-columns: repeat(2, 1fr);
      }

      .geotrust-body .header .button-Container, .digicert-body .header .button-Container {
        flex-direction: row;
        margin-top: 25px;
      }

        .geotrust-body .header .button-Container &gt; div, .digicert-body .header .button-Container &gt; div {
          margin: 0 40px 0 0;
        }

      .geotrust-body .header h2, .digicert-body .header h2 {
        padding-right: 30px;
      }
    

.header-helpers__backdrop {
      display: block
  }
    
            .global-header--v4 .navItem_Content_70_30 .row1 .column1 &gt; *, .header-v4 .navItem_Content_70_30 .row1 .column1 &gt; * {
              margin-right: 60px;
            }
          
    .related-resource .icon-container {
      grid-row: 2;
      grid-column-start: 1;
    }

    .related-resource .cmp-title {
      grid-row: 1;
      grid-column: 2/13;
    }

    .related-resource .img-container {
      grid-row: 2;
      grid-column: 6/13;
      height: 575px;
    }

    .related-resource .description {
      grid-row: 2;
      grid-column: 1/8;
      margin-top: 160px;
    }

      .related-resource .description &gt; div {
        margin: 80px 170px 80px 130px;
      }
  


.basicpage .text-and-image #tablet-image {
        display: none
    }
      

.pdp__container {
      border-right: 1px solid #909ca5
  }
    

.pdp__container--outer {
        grid-template-columns: 2fr 1fr
    }
      
    

}


@media only screen and (min-width: 1231px) {


.blog-navigation .btn-container, .blogNavigation .btn-container {
      gap: 2.5rem;
      margin-left: 18%
  }
    

.media--layered-content-blade {
      grid-template-rows: 64px 1fr
  }
    

.media__figure--layered-content-blade {
        grid-column-start: 3;
        grid-column-end: span 4
    }
      

.media__figure--layered-content-blade__container {
          grid-template-rows: 64px 1fr
      }
        

.global-header--v3 header, .header-v3 header {
      padding: 0
  }
    

.layered-content-blade .media__figure--cover {
          margin-top: 64px;
          min-height: calc(380px + 64px)
      }
        

.layered-content-blade .media__figure--cover .image {
            aspect-ratio: 330 / 380;
            max-height: 380px;
            max-width: 330px
        }
          

}


@media only screen and (min-width: 1369px) {

          .digicert-body .cmp-navigation__item .nav-container .section-1,
          .digicert-body .cmp-navigation__item .nav-container .section-2 {
            padding: 60px;
          }

          .digicert-body .cmp-navigation__item .nav-container .section-1 {
            padding: 30px 60px;
          }
    
          .geotrust-body .cmp-navigation__item .nav-container .section-1,
          .geotrust-body .cmp-navigation__item .nav-container .section-2 {
            padding: 60px;
          }

          .geotrust-body .cmp-navigation__item .nav-container .section-1 {
            padding: 30px 60px;
          }
    

.news-feature-card .featureCard__CardSet .featureCard__card__description {
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical
      }
        
      .geotrust-body .header header, .digicert-body .header header {
        padding: 0 60px;
      }

      .geotrust-body .header .header__secondary-nav-content, .digicert-body .header .header__secondary-nav-content {
        padding: 60px;
        height: 600px;
        max-height: 600px;
        overflow: hidden;
      }

      .geotrust-body .header .header__nav-dismiss, .digicert-body .header .header__nav-dismiss {
        right: 60px;
      }
    

}


/* CSS for responsive image */
.s7responsiveContainer {
    width: 100%;
}
.fluidimage {
    max-width: 100%;
}

/* Responsive for all viewer except flyout with size */
.s7responsiveViewer {
    width: 100%;
    height: auto;
}
/* CSS for responsive image */
.s7responsiveContainer {
    width: 100%;
}
.fluidimage {
    max-width: 100%;
}

/* Responsive for all viewer except flyout with size */
.s7responsiveViewer {
    width: 100%;
    height: auto;
}
/* CSS for responsive image */

.s7responsiveViewer {
    width: 100%;
    height: auto;
}
/* CSS for responsive image */

.s7responsiveViewer {
    width: 100%;
    height: auto;
}</pre></body></html>