html, body {
  overflow-x: hidden;
}
woi-banner {
  position: sticky;
  top: 64px;
  z-index: 5;
}
woi-banner .woi-banner {
  padding-top: 16px;
  display: none;
  position: relative;
}
.cart-icon   
{
 margin-right: 15px;
 margin-top: 10px;
 margin-left: 30px;
}
.crt-icon .js-add-product
{
  outline: none;
}
.crt-icon .js-add-product:hover svg
{
  transform: none;
}
@media (min-width: 1024px) {
  woi-banner .woi-banner {
    display: block;
  }
}
@media (min-width: 1440px) {
  woi-banner .woi-banner {
    width: 100%;
  }
}
@media (max-width: 1187px) {
  .plans-class {
    border: 1px solid rgb(232, 234, 237);
    display: grid;
    flex-direction: column;
    grid-row: 1 / 3;
    grid-template-rows: subgrid;
    justify-content: center;
    min-width: 280px;
    padding: 40px 14px;
    position: relative;
  }
}
.auto-0 {
  height: 200px !important;
}

@media screen and (max-width: 425px) {
  woi-incentives-banner .incentives-banner {
    padding-top: 0px !important;
    width: 100%;
    margin: 0px !important;
  }
  .incentives-banner__container {
    width: 100% !important;
    border-radius: 0px !important;
  }
  .plans-class {
    min-width: auto !important;
  }
  .center-in-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 600px) {
  .responsive-table {
    width: auto;
  }
  .responsive-table th,
  .responsive-table td {
    border: 1px solid #ddd;
    border-top: 1px solid black !important;
    padding: 8px;
    border-left: none;
    font-size: 12px;
  }
}
@media screen and (max-width: 600px) {
  .responsive-table td::before {
    position: absolute;
    left: 0;
    width: 50%;
    padding-left: 15px;
    font-weight: bold;
    text-align: left;
  }
}
.mb-2-1 {
  margin-bottom: 5px !important;
}
.mb-2-2 {
  margin-bottom: 10px !important;
}
.text-auto-size {
  max-width: 1033px;
  margin: auto;
}
.fw-bold {
  font-weight: 900 !important;
}
.text-center {
  text-align: center !important;
}
.d-flex {
  display: flex !important;
}
.flex-column {
  flex-direction: column !important;
}
.mt-2 {
  margin-top: 10px;
}
.help-search {
  width: 100%;
  padding: 20px 40px;
  border-radius: 10px;
  border: none;
  background: aliceblue;
}
.icon-container-1 {
  background-color: #1a73e8;
  color: white;
  font-size: 20px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 10px;
}
.content-container p {
  margin: 0px;
}
.fw-2 {
  font-weight: 700px !important;
}
.text-muted {
  font-size: 14px;
  color: #797878;
}
.box-container {
  border: 1px solid #b8b8b8;
  padding: 25px;
  border-radius: 10px;
  cursor: pointer;
  width: 50%;
  max-width: 514px;
}
.box-container:hover {
  border: 1px solid #1a73e8;
  transition-duration: 0.3s;
}
.px-1-2 {
  padding: 0px 10px;
}
.connect-container {
  display: flex;
  justify-content: space-between;
  padding: 20px 15px;
  cursor: pointer;
}
.connect-container:hover {
  background-color: #1a73e830;
  color: #1a73e8;
  border-radius: 10px;
}
.search-icon {
  position: absolute;
  font-size: 24px;
  top: 63px;
  left: 10px;
}
.head-text {
  font-size: 24px;
  font-weight: 600;
}
.articles-container {
  border: 1px solid #b8b8b8;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
}
@media screen and (max-width: 1024px) {
  .box-container {
    border: 1px solid #b8b8b8;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    width: -webkit-fill-available;
    max-width: 100% !important;
  }
}
.align-items-start-1 {
  align-items: start !important;
}
.align-items-center-1 {
  align-items: center !important;
}
.justify-content-center {
  justify-content: center !important;
}
.p-table {
  padding: 10px;
}
.justify-content-start-1 {
  justify-content: start !important;
}
.enterprise-margin {
  margin: 35px 0px;
}
.border-blue {
  border-color: rgb(26, 115, 232) !important;
}
.bl-0 {
  border-left: 0px;
}
.four-card-container {
  margin-top: 100px;
}
.four-card-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#shopify-section-template--16233945071798__9e4cc7c7-c585-4499-a9e1-b3bf12f74135
  .four-card-wrapper {
  margin-bottom: 100px;
}
.four-card-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 160px 100px;
  justify-content: center;
  align-items: center;
}
.four-card {
  display: flex;
  flex-direction: column;
  background-color: rgba(196, 196, 196, 0.1);
  border-radius: 31px;
  width: 348px;
  height: 348px;
  justify-content: center;
  align-items: center;
  position: relative;
}
.four-card-img {
  top: -100px;
}
.four-card-img {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.four-card-img img {
  width: 280px;
  height: auto;
}
.four-card-body {
  width: 80%;
  align-items: flex-start;
  /* position: absolute; */
  /* top: 46%; */
}
.four-card-title {
  font-size: 23px;
  font-weight: 600;
  /* font-style: normal; */
  color: rgb(34, 34, 34);
}
.four-card.card-1 .four-card-text {
  width: 80%;
}
@media screen and (min-width: 1000px) {
  .four-card-text {
    margin-bottom: 35px;
  }
}
.mt-60 {
  margin-top: 60px;
}
.four-card-text {
  line-height: 18px;
  /* opacity: 0.6; */
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
  color: #797878 !important;
}
.four-card-link {
  position: relative;
  /* font-family: "Inter"; */
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.72px;
  color: #121212 !important;
  text-decoration: none !important;
}
.four-card-link .right-arrow {
  position: absolute;
  right: -25px;
  top: 4px;
}
.Fhq2bc {
  font-family: Roboto, Arial, sans-serif;
    letter-spacing: 0.025em;
    font-weight: 500;
    position: absolute;
    text-transform: uppercase;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    padding: 5px 12px;
    text-align: center;
    background-color: #e8f0fe;
    border-radius: 16px;
    color: #1967d2;
    font-size: 11px;
    letter-spacing: .5px;
    line-height: 16px;
    z-index: 10;
}

.start-btn {
  color: rgb(26, 115, 232);
  font-weight: 500;
  font-size: 14px;
  padding: 7px 20px;
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid;
  border-color: rgb(218, 220, 224);
}

.blue-btn {
  color: rgb(26, 115, 232);
  font-weight: 500;
  font-size: 14px;
  padding: 7px 20px;
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid;
  border-color: rgb(218, 220, 224);
}
.start-btn:hover {
  color: rgb(26, 115, 232);
  font-weight: 500;
  font-size: 14px;
  padding: 7px 20px;
  border-radius: 5px;
  background-color: rgb(201 217 239 / 28%);
  border: 1px solid;
  border-color: rgb(218, 220, 224);
}
.start-btn-standerd {
  color: white;
  font-weight: 500;
  font-size: 14px;
  padding: 7px 20px;
  border-radius: 5px;
  background-color: rgb(26, 115, 232);
  border: none;
}
.start-btn-standerd:hover {
  color: white;
  font-weight: 500;
  font-size: 14px;
  padding: 7px 16px;
  border-radius: 5px;
  background-color: rgb(12, 95, 204);
  /* border: 1px solid; */
}
.other-btn {
  color: rgb(23, 78, 166);
  font-size: 12px;
  font-weight: 500;
  border: none;
  background-color: rgba(201, 217, 239, 0.397);
  border-radius: 5px;
}
/* .max-height-23{
  max-height: 54px;
}
.max-height-99{
  max-height: 99px;
} */
.ml-10 {
  margin-left: 20px;
}
.text-blue-1 {
  color: rgb(26, 115, 232) !important;
}
.line {
  height: 1px;
  width: auto;
  background-color: rgb(232, 234, 237);
}
.plans-class {
  border: 1px solid #dadce0;
  display: grid;
  flex-direction: column;
  grid-row: 1 / 3;
  grid-template-rows: subgrid;
  justify-content: center;
  min-width: 280px;
  padding: 40px 14px;
  position: relative;
  border-radius: 15px;
}
.responsive-table {
  width: 100%;
  border-collapse: collapse;
}
.responsive-table th,
.responsive-table td {
  border: 1px solid #ddd;
  border-top: 1px solid black !important;
  padding: 8px;
  border-left: none;
}
.bt-2 {
  border-top: 2px solid #ddd;
}
.mx-auto-1 {
  margin: auto;
}
.responsive-table th {
  background-color: #f2f2f2;
}
/* .border-bold{
  border: 1px solid black;
} */
@media screen and (max-width: 600px) {
  .responsive-table,
  .responsive-table thead,
  .responsive-table tbody,
  .responsive-table th,
  .responsive-table td,
  .responsive-table tr {
    /* display: none; */
  }
  .responsive-table tr {
    margin-bottom: 15px;
  }
  .responsive-table td {
    /* text-align: right; */
    /* padding-left: 50%; */
    position: relative;
  }
  .responsive-table td::before {
    /* content: attr(data-label); */
    /* position: absolute; */
    /* left: 0; */
    /* width: 50%; */
    /* padding-left: 15px; */
    /* font-weight: bold; */
    /* text-align: left; */
  }
  /* .Column-5 {
    display: none !important;
  } */

  .responsive-table th,
  .responsive-table td {
    border: 1px solid #ddd;
    border-top: 1px solid black !important;
    padding: 2px 2px;
    border-left: none;
  }
}

@media screen and (min-width: 1326px) {
  .resposive-font-size-head {
    font-size: 70px !important;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1326px) {
  .resposive-font-size {
    font-size: 50px !important;
  }
}
@media screen and (max-width: 593px) {
  .resposive-font-size {
    font-size: 35px !important;
  }
}
@media screen and (max-width: 420px) {
  .resposive-font-size {
    font-size: 22px !important;
    letter-spacing: 0px !important;
    text-align: start !important;
  }
  .cycling-headline {
    display: flex;
    flex-direction: column !important;
    align-items: start !important;
  }
  .mt-1-3 {
    display: block;
    margin-top: 4px !important;
  }
}
.fs-14-1 {
  font-size: 0.775rem;
}
.gap-2 {
  gap: 5px;
}
.fs-12-1 {
  font-size: 12px;
}
.mt-52 {
  margin-top: 30px;
}
.fw-semibold-1 {
  font-weight: 500;
}
.fs-24-1 {
  font-size: 1.375rem;
}
.line-throught {
  text-decoration: line-through;
}
.XLEy9c {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  line-height: 1.75rem;
  font-size: 1.375rem;
  letter-spacing: 0;
  font-weight: 400;
  color: rgb(95, 99, 104);
  margin-bottom: 20px;
  text-align: center;
}
.PsgTIc {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0.00625em;
  font-weight: 500;
  color: rgb(95, 99, 104);
  display: none;
  text-align: center;
}
.ZJXr3e {
  text-decoration: line-through;
}
.id5Tzb {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0.0178571429em;
  font-weight: 500;
  color: rgb(95, 99, 104);
  font-weight: 700;
}
.G7zuS {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  line-height: 2.75rem;
  font-size: 2.25rem;
  letter-spacing: 0;
  font-weight: 400;
  color: rgb(26, 115, 232);
}
.QNwyqd {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 69px;
  justify-content: center;
  margin: 16px 0 22px;
}
.card-price-text {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  line-height: 2.75rem;
  font-size: 2.10rem;
  letter-spacing: 0;
  font-weight: 400;
  color: rgb(26, 115, 232);
}
woi-banner .woi-banner__container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--glue-blue-50);
  border-radius: 200px;
  color: var(--glue-blue-900);
  padding: 12px 24px;
  width: 100%;
}
woi-banner
  .woi-banner__container
  :where(a, button, .glue-inline-link, .glue-link):visited,
woi-banner .woi-banner__container a,
woi-banner .woi-banner__container button {
  color: var(--glue-blue-900);
}
woi-banner .woi-banner__container button {
  -webkit-font-smoothing: auto;
  border: none;
  letter-spacing: unset;
  margin: 0;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  padding: 0;
  vertical-align: unset;
}
woi-banner .woi-banner__container button:hover {
  background-color: transparent;
}
woi-banner .woi-banner woi-button a {
  white-space: unset;
}
woi-banner.under-tier-2-nav {
  top: 128px;
}
woi-button a,
woi-button button {
  white-space: nowrap;
}
woi-button wbr {
  display: none;
}
woi-button[cta-label] span {
  display: block;
}
woi-button[cta-label] .glue-button {
  -moz-column-gap: 12px;
  -webkit-column-gap: 12px;
  column-gap: 12px;
}
woi-button[cta-label] .glue-button.glue-button--icon svg {
  margin: 0;
}
woi-button[cta-label][icon-type="lg-icon-top"] span {
  text-align: center;
}
woi-button[cta-url^="tel:"]:hover ~ .header-phone-number__rollover {
  display: block;
}
woi-button .glue-button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
woi-button .glue-button .glue-icon--18px {
  height: 18px;
  width: 18px;
}
woi-button .glue-button .glue-icon--20px {
  height: 20px;
  width: 20px;
}
woi-button .glue-button .glue-icon--24px {
  height: 24px;
  width: 24px;
}
woi-button .glue-button .glue-icon--32px {
  height: 32px;
  width: 32px;
}
woi-button .glue-button.lg-icon {
  background-color: transparent;
  border: 0;
  color: var(--glue-blue-600);
  display: grid;
  gap: 16px;
  padding: 0;
  place-items: center;
}
woi-button .glue-button.lg-icon:active,
woi-button .glue-button.lg-icon:hover {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--glue-blue-900);
}
woi-button .glue-button.lg-icon:active svg,
woi-button .glue-button.lg-icon:hover svg {
  fill: var(--glue-blue-900);
}
woi-button .glue-button.lg-icon:focus-visible {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--glue-blue-900);
}
woi-button .glue-button.lg-icon:focus-visible svg {
  fill: var(--glue-blue-900);
}
woi-button .glue-button.lg-icon:focus:not(:focus-visible) {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
woi-button .glue-button.lg-icon:visited {
  color: var(--glue-blue-600);
}
woi-button .glue-button.lg-icon:not(.lg-icon-top) {
  grid-auto-flow: column;
}
woi-button .glue-button.lg-icon svg {
  display: block;
  fill: var(--glue-grey-0);
  height: 24px;
  width: 24px;
}
@media (forced-colors: active) {
  woi-button .glue-button.lg-icon svg {
    fill: currentColor;
  }
}
woi-button .glue-button.lg-icon .icon-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--glue-blue-600);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 56px;
}
[dir="rtl"] woi-button .glue-button.lg-icon svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
woi-button .glue-button.lg-icon:hover .icon-wrapper {
  background-color: var(--glue-blue-50);
}
woi-button .glue-button.lg-icon:focus-visible .icon-wrapper {
  border: 2px solid var(--glue-blue-600);
}
woi-button .glue-button.lg-icon:active .icon-wrapper {
  background-color: var(--glue-blue-100);
}
woi-button .glue-button--icon-right .icon-wrapper,
woi-button .glue-button.lg-icon-right .icon-wrapper {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
woi-button .glue-button--high-emphasis,
woi-button .glue-expansion-panel__button {
  border: 1px solid var(--glue-blue-600);
}
woi-button .glue-label {
  color: var(--glue-grey-700);
}
@media (forced-colors: active) {
  woi-button .glue-label {
    color: buttonText;
  }
}
woi-button .bm-widget-button-text {
  font-size: 16px;
}
woi-button [data-bm-widget-layout="advanced"] {
  line-height: 1.5;
  margin: 8px 0;
}
woi-button [data-bm-widget-layout="advanced"].hidden {
  display: none;
}
woi-button .glue-button--medium-emphasis[data-bm-widget-layout] {
  border: 1px solid var(--glue-grey-300);
}
woi-button .glue-button--medium-emphasis[data-bm-widget-layout]:hover {
  border-color: var(--glue-blue-600);
}
woi-button .woi-button-text__headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 12px;
}
woi-button .woi-button-text__headline .icon-wrapper {
  margin: 0 15px 0 0;
}
woi-card {
  width: 100%;
}
woi-card .background-color-grey {
  background-color: var(--glue-grey-50);
}
woi-card .background-color-white {
  background-color: var(--glue-grey-0);
}
woi-card .budget-card,
woi-card .budget-card:hover {
  -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.04);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.04);
}
woi-card .budget-card:active .glue-card__inner:before,
woi-card .budget-card:focus .glue-card__inner:before,
woi-card .budget-card:hover .glue-card__inner:before {
  border-color: var(--glue-grey-300);
}
woi-card .budget-card .glue-card__asset--logo,
woi-card .budget-card .glue-card__content {
  padding-left: 34px;
  padding-right: 34px;
}
@media (min-width: 600px) {
  woi-card .budget-card .glue-card__asset--logo,
  woi-card .budget-card .glue-card__content {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1024px) {
  woi-card .budget-card .glue-card__asset--logo,
  woi-card .budget-card .glue-card__content {
    padding-left: 33px;
    padding-right: 33px;
  }
}
@media (min-width: 1440px) {
  woi-card .budget-card .glue-card__asset--logo,
  woi-card .budget-card .glue-card__content {
    padding-left: 50px;
    padding-right: 50px;
  }
}
woi-card .budget-card .glue-card__content {
  padding-top: 0;
}
woi-card .budget-card .glue-card__content:last-child {
  padding-bottom: 36px;
}
woi-card .budget-card .glue-card__inner:before {
  border-radius: 20px;
}
woi-card .budget-card .glue-card__asset--logo {
  padding-top: 24px;
}
@media (min-width: 600px) {
  woi-card .budget-card .glue-card__asset--logo {
    padding-bottom: 24px;
    padding-top: 36px;
  }
}
woi-card .budget-card .glue-card__asset--logo img {
  height: auto;
  width: 60px;
}
@media (min-width: 600px) {
  woi-card .budget-card .glue-card__asset--logo img {
    height: auto;
    width: 84px;
  }
}
woi-card .product-card {
  border: 0;
  height: 100%;
}
woi-card .product-card .glue-card:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
woi-card .product-card .glue-card__inner:before {
  border: 0;
  content: none;
}
woi-card .product-card .glue-card__cta {
  padding-top: 33px;
}
woi-card .product-card .glue-button {
  padding: 12px;
  pointer-events: all;
}
woi-card .staggered-card3-up-card,
woi-card .staggered-card3-up-card:hover {
  -webkit-box-shadow: 0 23px 43px rgba(60, 64, 67, 0.05),
    0 1px 3px rgba(60, 64, 67, 0.3);
  box-shadow: 0 23px 43px rgba(60, 64, 67, 0.05),
    0 1px 3px rgba(60, 64, 67, 0.3);
}
woi-card .staggered-card3-up-card .glue-card__inner:before,
woi-card .staggered-card3-up-card:hover .glue-card__inner:before {
  border: none;
}
woi-card .staggered-card3-up-card .glue-card__description {
  margin-top: 24px;
}
woi-card .staggered-card3-up-card .asset {
  padding: 24px 34px 16px;
}
@media (min-width: 600px) {
  woi-card .staggered-card3-up-card .asset {
    padding-top: 34px;
  }
}
woi-card .staggered-card3-up-card .asset--logo img {
  height: auto;
}
woi-card .staggered-card3-up-card .content {
  color: var(--glue-grey-700);
  padding: 18px 34px 48px;
}
@media (min-width: 600px) {
  woi-card .staggered-card3-up-card .content {
    padding-bottom: 75px;
  }
}
@media (min-width: 1024px) {
  woi-card .staggered-card3-up-card .content {
    padding-bottom: 68px;
  }
}
@media (min-width: 600px) {
  woi-card .tools-card {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(152px, 1fr));
  }
}
woi-card .tools-card__featured:before {
  background-color: var(--glue-grey-50);
}
woi-card .tools-card .glue-card__asset--logo {
  padding-bottom: 0;
}
woi-card[card-type="resourceGoalCard"] .resource-card-container {
  border-radius: 8px 8px 0 0;
  display: block;
  text-decoration: none;
}
woi-card[card-type="resourceGoalCard"] .resource-card {
  display: block;
}
woi-card[card-type="resourceGoalCard"] .copy-container {
  padding: 24px;
}
woi-card[card-type="resourceGoalCard"] .copy-container woi-button .glue-button {
  margin: 0;
  padding: 0;
}
woi-card[card-type="resourceGoalCard"]
  .copy-container
  woi-button
  .glue-button:hover {
  background-color: transparent;
}
woi-card[card-type="resourceGoalCard"]
  .copy-container
  woi-button
  .icon-wrapper {
  position: relative;
  top: 3px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
[dir="rtl"]
  woi-card[card-type="resourceGoalCard"]
  .copy-container
  woi-button
  .icon-wrapper {
  top: 0;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
woi-card .incentives-card .glue-headline .glue-font-weight-bold {
  white-space: nowrap;
}
woi-card .incentives-card .flip-headline {
  margin: 10px 0 -8px;
}
woi-carousel .glue-card {
  -webkit-transition: none;
  transition: none;
  word-break: break-word;
}
woi-carousel .glue-card,
woi-carousel .glue-card:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
woi-carousel .glue-card__inner:before {
  content: none;
}
woi-carousel .glue-carousel__dot {
  height: 48px;
  width: 48px;
}
@media (min-width: 1024px) {
  woi-carousel .glue-carousel__dot {
    height: 20px;
    width: 20px;
  }
}
@media (hover: none) {
  woi-carousel .glue-carousel__button.glue-carousel__button--next,
  woi-carousel .glue-carousel__button.glue-carousel__button--prev {
    display: none;
  }
}
woi-carousel
  .glue-carousel--cards
  .glue-carousel__navigation
  .glue-carousel__button:not(.glue-is-inactive) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 599px) {
  woi-carousel
    .glue-carousel--cards
    .glue-carousel__navigation
    .glue-carousel__button--next {
    right: 16px;
  }
  woi-carousel
    .glue-carousel--cards
    .glue-carousel__navigation
    .glue-carousel__button--prev {
    left: 16px;
  }
}
@media (max-width: 599px) {
  woi-carousel .glue-carousel__item {
    border: 1px solid var(--glue-grey-300);
  }
  woi-carousel .glue-carousel__item:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
      0 1px 3px 1px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
      0 1px 3px 1px rgba(60, 64, 67, 0.15);
  }
}
woi-carousel .glue-carousel__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 599px) {
  woi-carousel .glue-carousel__navigation {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
  }
}
@media (min-width: 600px) {
  woi-carousel[animated-text] woi-image {
    text-align: center;
  }
}
woi-carousel[animated-text] img {
  width: 100%;
}
@media (min-width: 600px) {
  woi-carousel[animated-text] img {
    width: auto;
  }
}
@media (min-width: 1024px) {
  woi-carousel[mobile-only] {
    display: none;
  }
}
woi-chatbot {
  position: absolute;
}
woi-chatbot .chat-icon.chat-icon--overlay {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--glue-grey-0);
  border-radius: 50%;
  bottom: 16px;
  color: var(--glue-blue-600);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  pointer-events: none;
  position: fixed;
  right: 16px;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
  width: 56px;
  z-index: 9997;
}
[dir="rtl"] woi-chatbot .chat-icon.chat-icon--overlay {
  left: 16px;
  right: unset;
}
woi-chatbot :where([data-bm-widget-layout="floating"]) {
  display: none;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
}
woi-chatbot
  :where([data-bm-widget-layout="floating"]):not(.open)
  + .chat-icon.chat-icon--overlay {
  display: none;
}
woi-chatbot :where([data-bm-widget-layout="floating"]).open {
  opacity: 0;
}
woi-chatbot
  :where([data-bm-widget-layout="floating"]).open
  + .chat-icon.chat-icon--overlay {
  -webkit-box-shadow: 0 1px 3px rgba(60, 64, 67, 0.15),
    0 1px 2px rgba(60, 64, 67, 0.3), 0 3px 5px rgba(128, 134, 139, 0.06),
    0 -1px 5px rgba(128, 134, 139, 0.09);
  box-shadow: 0 1px 3px rgba(60, 64, 67, 0.15), 0 1px 2px rgba(60, 64, 67, 0.3),
    0 3px 5px rgba(128, 134, 139, 0.06), 0 -1px 5px rgba(128, 134, 139, 0.09);
}
woi-chatbot
  :where([data-bm-widget-layout="floating"]).open:hover
  + .chat-icon.chat-icon--overlay {
  background: var(--glue-blue-50);
}
woi-chatbot
  :where([data-bm-widget-layout="floating"]).open:focus
  + .chat-icon.chat-icon--overlay {
  background: var(--glue-blue-100);
}
woi-chatbot
  :where([data-bm-widget-layout="floating"]).open:active
  + .chat-icon.chat-icon--overlay {
  background: var(--glue-blue-200);
}
woi-chatbot :where([data-bm-widget-layout="floating"]).hidden {
  display: none;
}
[dir="rtl"] woi-chatbot :where([data-bm-widget-layout="floating"]) {
  left: 16px;
  right: unset;
}
[dir="rtl"]
  woi-chatbot
  :where([data-bm-widget-layout="floating"])
  [data-bm-web-widget-iframe-tooltip] {
  left: 0;
  padding: 8px 16px 8px 36px;
  right: unset;
  text-align: initial;
}
[dir="rtl"]
  woi-chatbot
  :where([data-bm-widget-layout="floating"])
  [data-bm-web-widget-iframe-tooltip]:after {
  left: 1.5rem;
  right: auto;
}
[dir="rtl"]
  woi-chatbot
  :where([data-bm-widget-layout="floating"])
  [data-bm-web-widget-iframe-tooltip]
  [data-bm-web-widget-iframe-tooltip-close],
[dir="rtl"]
  woi-chatbot
  :where([data-bm-widget-layout="floating"])
  [data-bm-web-widget-iframe-tooltip]
  [data-bm-web-widget-iframe-tooltip-close]:before {
  left: 8px;
  right: unset;
}
[dir="rtl"] woi-chatbot [data-bm-web-widget-iframe-container] {
  left: 16px;
  right: unset;
}
woi-chatbot :where([data-bm-web-widget-iframe-tooltip]) {
  display: none;
}
[dir="rtl"] [data-bm-web-widget-iframe-container] {
  left: 16px;
  right: unset;
}
woi-chat-widget-third-party .chat-widget__container {
  bottom: 16px;
  position: fixed;
  right: 16px;
  z-index: 9997;
}
woi-chat-widget-third-party .chat-widget__container.translate-up {
  bottom: 86px;
}
woi-chat-widget-third-party .chat-widget__tooltip {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: var(--glue-grey-0);
  border-radius: 10px;
  bottom: 80px;
  -webkit-box-shadow: 0 0.62px 1.25px rgba(60, 64, 67, 0.3),
    0 1.25px 3.77px 1.25px rgba(60, 64, 67, 0.15);
  box-shadow: 0 0.62px 1.25px rgba(60, 64, 67, 0.3),
    0 1.25px 3.77px 1.25px rgba(60, 64, 67, 0.15);
  color: var(--glue-grey-800);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 14px;
  gap: 22px;
  height: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  padding: 16px;
  position: absolute;
  right: 0;
  width: 200px;
}
woi-chat-widget-third-party .chat-widget__tooltip span {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Google Sans;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}
woi-chat-widget-third-party .chat-widget__tooltip button {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
}
woi-chat-widget-third-party .chat-widget__tooltip:before {
  border: solid transparent;
  border-width: 10px 10px 0;
  border-top: 15px solid var(--glue-grey-0);
  bottom: -14px;
  content: "";
  -webkit-filter: drop-shadow(0 1.62px 1.25px rgba(60, 64, 67, 0.3));
  filter: drop-shadow(0 1.62px 1.25px rgba(60, 64, 67, 0.3));
  height: 0;
  position: absolute;
  right: 18px;
  width: 0;
}
woi-chat-widget-third-party .chat-widget__tooltip:after {
  background-color: var(--glue-grey-0);
  bottom: 0;
  content: "";
  height: 4px;
  position: absolute;
  right: 12px;
  width: 32px;
}
woi-chat-widget-third-party .chat-widget__panel {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--glue-grey-0);
  border: 1px solid var(--glue-grey-300);
  border-radius: 10px;
  bottom: 66px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 16px;
  height: auto;
  padding: 16px;
  position: absolute;
  right: 0;
  width: 92vw;
}
@media (min-width: 600px) {
  woi-chat-widget-third-party .chat-widget__panel {
    width: 388px;
  }
}
woi-chat-widget-third-party .chat-widget__panel-text {
  display: block;
}
woi-chat-widget-third-party .chat-widget__panel-text--headline {
  color: var(--glue-grey-800);
  font-family: Google Sans Text;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1px;
  line-height: 24px;
  margin-bottom: 8px;
}
woi-chat-widget-third-party .chat-widget__panel-text--subheadline {
  color: var(--glue-grey-800);
  font-family: Google Sans Text;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-transform: uppercase;
}
woi-chat-widget-third-party .chat-widget__panel woi-image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
woi-chat-widget-third-party [data-chat-widget-layout="floating"] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  border-radius: 12px;
  -webkit-box-shadow: 0 0.62px 1.25px rgba(60, 64, 67, 0.3),
    0 1.25px 3.77px 1.25px rgba(60, 64, 67, 0.15);
  box-shadow: 0 0.62px 1.25px rgba(60, 64, 67, 0.3),
    0 1.25px 3.77px 1.25px rgba(60, 64, 67, 0.15);
  color: var(--glue-grey-0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  height: 56px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  outline: none;
  padding: 0;
  -webkit-transition: -webkit-filter 0.1s ease-in-out;
  transition: -webkit-filter 0.1s ease-in-out;
  transition: filter 0.1s ease-in-out;
  transition: filter 0.1s ease-in-out, -webkit-filter 0.1s ease-in-out;
  width: 56px;
}
woi-chat-widget-third-party
  [data-chat-widget-layout="floating"][data-chat-widget-provider="kakaotalk"] {
  background: #fee500;
  color: #000;
}
woi-chat-widget-third-party
  [data-chat-widget-layout="floating"][data-chat-widget-provider="kakaotalk"]
  + div {
  background: var(--glue-yellow-50);
  color: #000;
}
woi-chat-widget-third-party
  [data-chat-widget-layout="floating"][data-chat-widget-provider="kakaotalk"]
  + div:before {
  border-top-color: var(--glue-yellow-50);
}
woi-chat-widget-third-party
  [data-chat-widget-layout="floating"][data-chat-widget-provider="kakaotalk"]
  + div:after {
  background-color: var(--glue-yellow-50);
}
woi-chat-widget-third-party
  [data-chat-widget-layout="floating"][data-chat-widget-provider="wechat"] {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.27%, #02e36f),
    to(#07c160)
  );
  background: linear-gradient(180deg, #02e36f 0.27%, #07c160);
}
woi-chat-widget-third-party
  [data-chat-widget-layout="floating"][data-chat-widget-provider="wechat"]
  + div {
  background: var(--glue-green-50);
  color: var(--glue-green-800);
}
woi-chat-widget-third-party
  [data-chat-widget-layout="floating"][data-chat-widget-provider="wechat"]
  + div:before {
  border-top-color: var(--glue-green-50);
}
woi-chat-widget-third-party
  [data-chat-widget-layout="floating"][data-chat-widget-provider="wechat"]
  + div:after {
  background-color: var(--glue-green-50);
}
woi-chat-widget-third-party
  [data-chat-widget-layout="floating"][data-chat-widget-provider="line"] {
  background: #06c755;
}
woi-chat-widget-third-party
  [data-chat-widget-layout="floating"][data-chat-widget-provider="line"]
  + div {
  background: var(--glue-green-50);
  color: var(--glue-green-800);
}
woi-chat-widget-third-party
  [data-chat-widget-layout="floating"][data-chat-widget-provider="line"]
  + div:before {
  border-top-color: var(--glue-green-50);
}
woi-chat-widget-third-party
  [data-chat-widget-layout="floating"][data-chat-widget-provider="line"]
  + div:after {
  background-color: var(--glue-green-50);
}
woi-chat-widget-third-party
  [data-chat-widget-layout="floating"][data-chat-widget-provider="zalo"] {
  background: #0687bb;
  height: 53px;
}
woi-chat-widget-third-party
  [data-chat-widget-layout="floating"][data-chat-widget-provider="zalo"]
  + div {
  background: var(--glue-blue-50);
  color: var(--glue-blue-800);
}
woi-chat-widget-third-party
  [data-chat-widget-layout="floating"][data-chat-widget-provider="zalo"]
  + div:before {
  border-top-color: var(--glue-blue-50);
}
woi-chat-widget-third-party
  [data-chat-widget-layout="floating"][data-chat-widget-provider="zalo"]
  + div:after {
  background-color: var(--glue-blue-50);
}
woi-chat-widget-third-party
  [data-chat-widget-layout="floating"].open
  .chat-widget__logo,
woi-chat-widget-third-party
  [data-chat-widget-layout="floating"]:not(.open)
  > woi-icon {
  display: none;
}
woi-chat-widget-third-party [data-chat-widget-layout="floating"]:hover {
  -webkit-filter: brightness(0.9);
  filter: brightness(0.9);
}
woi-chat-widget-third-party [data-chat-widget-layout="floating"]:focus {
  -webkit-filter: brightness(0.8);
  filter: brightness(0.8);
}
woi-chat-widget-third-party [data-chat-widget-layout="floating"]:active {
  -webkit-filter: brightness(0.7);
  filter: brightness(0.7);
}
woi-chat-widget-third-party .hidden {
  display: none;
}
woi-custom-carousel .custom-carousel {
  position: relative;
}
woi-custom-carousel .carousel-snapport {
  --margin-sm: 28px;
  --margin-md: 100px;
  --margin-lg: 150px;
  --margin-xl: 185px;
  display: grid;
  gap: 16px;
  grid-auto-flow: column;
  list-style-type: none;
  margin: 0 auto;
  max-width: var(--snapport-width-sm, 98vw);
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  overflow-y: auto;
  overscroll-behavior-x: contain;
  padding: 4px 2px;
  position: relative;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
@media (min-width: 600px) {
  woi-custom-carousel .carousel-snapport {
    gap: 40px;
    max-width: var(--snapport-width-md, 98vw);
    scroll-padding-left: 100px;
  }
}
@media (min-width: 1024px) {
  woi-custom-carousel .carousel-snapport {
    gap: 64px;
    max-width: var(--snapport-width-lg, 98vw);
    scroll-padding-left: 150px;
  }
}
@media (min-width: 1440px) {
  woi-custom-carousel .carousel-snapport {
    max-width: var(--snapport-width-xl, 98vw);
    scroll-padding-left: 185px;
  }
}
woi-custom-carousel .carousel-snapport::-webkit-scrollbar {
  display: none;
}
woi-custom-carousel.carousel-disabled .carousel-snapport {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
woi-custom-carousel .woi-carousel-card {
  scroll-snap-align: center;
  width: var(--card-width-sm, 319px);
}
@media (min-width: 600px) {
  woi-custom-carousel .woi-carousel-card {
    scroll-snap-align: start;
    width: var(--card-width-md, 445px);
  }
}
@media (min-width: 1024px) {
  woi-custom-carousel .woi-carousel-card {
    width: var(--card-width-lg, 503px);
  }
}
woi-custom-carousel:not(.carousel-disabled) .woi-carousel-card:first-of-type {
  margin-left: var(--margin-sm);
}
@media (min-width: 600px) {
  woi-custom-carousel:not(.carousel-disabled) .woi-carousel-card:first-of-type {
    margin-left: var(--margin-md);
  }
}
@media (min-width: 1024px) {
  woi-custom-carousel:not(.carousel-disabled) .woi-carousel-card:first-of-type {
    margin-left: var(--margin-lg);
  }
}
@media (min-width: 1440px) {
  woi-custom-carousel:not(.carousel-disabled) .woi-carousel-card:first-of-type {
    margin-left: var(--margin-xl);
  }
}
woi-custom-carousel:not(.carousel-disabled) .woi-carousel-card:last-of-type {
  margin-right: var(--margin-sm);
}
@media (min-width: 600px) {
  woi-custom-carousel:not(.carousel-disabled) .woi-carousel-card:last-of-type {
    margin-right: var(--margin-md);
  }
}
@media (min-width: 1024px) {
  woi-custom-carousel:not(.carousel-disabled) .woi-carousel-card:last-of-type {
    margin-right: var(--margin-lg);
  }
}
@media (min-width: 1440px) {
  woi-custom-carousel:not(.carousel-disabled) .woi-carousel-card:last-of-type {
    margin-right: var(--margin-xl);
  }
}
woi-custom-carousel.carousel-disabled .woi-carousel-cards:first-of-type {
  margin-left: 0;
}
woi-custom-carousel.carousel-disabled .woi-carousel-cards:last-of-type {
  margin-right: 0;
}
woi-custom-carousel .carousel-buttons {
  display: none;
}
@media (hover: hover) {
  woi-custom-carousel .carousel-buttons {
    display: block;
  }
}
woi-custom-carousel .carousel-buttons button[disabled],
woi-custom-carousel .pagination-dots {
  display: none;
}
@media (min-width: 1024px) {
  woi-custom-carousel .pagination-dots {
    display: block;
    text-align: center;
  }
}
@media (hover: none) {
  woi-custom-carousel .pagination-dots {
    display: none;
  }
}
.editable-image {
  display: inline-block;
  overflow: hidden;
  pointer-events: none;
  position: relative;
}
.editable-image .image-wrapper {
  display: block;
}
.editable-image .image-wrapper--responsive {
  display: none;
}
@media (min-width: 1440px) {
  .editable-image .image-wrapper--responsive[breakpoint*="xl"] {
    display: block;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .editable-image .image-wrapper--responsive[breakpoint*="lg"] {
    display: block;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .editable-image .image-wrapper--responsive[breakpoint*="md"] {
    display: block;
  }
}
@media (max-width: 599px) {
  .editable-image .image-wrapper--responsive[breakpoint*="sm"] {
    display: block;
  }
}
.editable-image--text-wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  width: 10000px;
}
.editable-image--text {
  font-family: Google Sans, Arial, Helvetica, sans-serif;
  position: absolute;
}
.editable-image .error-message {
  color: red;
  text-align: center;
}
woi-icon {
  line-height: 0;
}
woi-image {
  position: relative;
}
woi-image .round-corners {
  border-radius: 8px;
}
woi-image-cta {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
woi-image-cta a {
  display: inline-block;
  text-decoration: none;
}
woi-incentives-banner .incentives-banner {
  padding-top: 16px;
  position: relative;
}
@media (min-width: 1024px) {
  woi-incentives-banner .incentives-banner {
    z-index: 5;
  }
}
@media (min-width: 1440px) {
  woi-incentives-banner .incentives-banner {
    width: 100%;
  }
}
woi-incentives-banner .incentives-banner woi-button a {
  white-space: unset;
}
@media (min-width: 600px) and (max-width: 1023px) {
  woi-incentives-banner .incentives-banner.glue-page {
    margin: 0 14px;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  woi-incentives-banner .incentives-banner.glue-page {
    margin: 0 8px;
  }
}
woi-incentives-banner .incentives-banner__container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 12px 24px;
  width: 79%;
}
woi-incentives-banner .incentives-banner__container button {
  border: none;
  -webkit-font-smoothing: auto;
  letter-spacing: unset;
  margin: 0;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  padding: 0;
  vertical-align: unset;
}
woi-incentives-banner .incentives-banner__container button:hover {
  background-color: transparent;
}
woi-incentives-banner .incentives-banner__container .banner-icon {
  height: 24px;
  min-width: 24px;
  width: 24px;
}
woi-incentives-banner .incentives-banner__container--blue {
  background: var(--glue-green-50);
  color: var(--glue-green-800) !important;
  width: auto;
  display: none !important;
}
woi-incentives-banner
  .incentives-banner__container--blue
  :where(a, button, .glue-inline-link, .glue-link):visited,
woi-incentives-banner .incentives-banner__container--blue a,
woi-incentives-banner .incentives-banner__container--blue button {
  color: var(--glue-green-800) !important;
}
woi-incentives-banner .incentives-banner__container--green {
  background: var(--glue-green-100);
  color: var(--glue-green-800);
}
.data-input-flag .dropdown-menu {
  height: 272px;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
}

.dropdown-menu.show {
  display: flex !important;
  flex-direction: column !important;
}

.options-flagimg {
  width: 26px;
  border-radius: 4px;
}
woi-incentives-banner
  .incentives-banner__container--green
  :where(a, button, .glue-inline-link, .glue-link):visited,
woi-incentives-banner .incentives-banner__container--green a,
woi-incentives-banner .incentives-banner__container--green button {
  color: var(--glue-green-900);
}
woi-incentives-banner .incentives-banner__container--yellow {
  background: var(--glue-yellow-50);
  color: var(--glue-grey-800);
}
@media (min-width: 600px) {
  woi-incentives-banner .incentives-banner__container--mobile {
    display: none;
  }
}
@media (min-width: 1024px) {
  woi-incentives-banner .incentives-banner__container--mobile {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    position: fixed;
    right: 8px;
    top: 80px;
    -webkit-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
    visibility: hidden;
    width: 300px;
  }
  woi-incentives-banner
    .incentives-banner__container--mobile.incentives-banner__container--blue {
    /* border: 1px solid var(--glue-blue-200); */
  }
  woi-incentives-banner
    .incentives-banner__container--mobile.incentives-banner__container--green {
    border: 1px solid var(--glue-green-200);
  }
  woi-incentives-banner
    .incentives-banner__container--mobile.incentives-banner__container--yellow {
    border: 1px solid var(--glue-yellow-200);
  }
  [dir="rtl"]
    woi-incentives-banner
    .incentives-banner__container--mobile.incentives-banner__container {
    left: 8px;
    right: unset;
  }
}
@media (max-width: 599px) {
  woi-incentives-banner .incentives-banner__container--desktop {
    display: none;
  }
}
@media (min-width: 1024px) {
  woi-incentives-banner .incentives-banner--active {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 599px) {
  woi-incentives-banner .incentives-banner-modal > .glue-page {
    margin: 0;
  }
}
woi-incentives-banner .incentives-banner-modal.glue-modal--dark {
  padding: 20px;
}
@media (min-width: 600px) {
  woi-incentives-banner .incentives-banner-modal.glue-modal--dark {
    padding: 20px 0;
  }
}
@media (min-width: 1024px) {
  woi-incentives-banner .incentives-banner-modal.glue-modal--dark {
    padding: 64px 0;
  }
}
woi-incentives-banner .incentives-banner-modal__container {
  background-color: var(--glue-grey-0);
  position: relative;
}
@media (max-width: 599px) {
  woi-incentives-banner .incentives-banner-modal__container {
    padding-left: 14px;
    padding-right: 14px;
  }
}
woi-incentives-banner .incentives-banner-modal .glue-eyebrow,
woi-incentives-banner .incentives-banner-modal__terms--headline {
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  woi-incentives-banner .incentives-banner-modal .glue-eyebrow,
  woi-incentives-banner .incentives-banner-modal__terms--headline {
    margin-bottom: 16px;
  }
}
woi-incentives-banner .incentives-banner-modal .glue-eyebrow {
  color: var(--glue-blue-900);
}
woi-incentives-banner .incentives-banner-modal .glue-headline--headline-3,
woi-incentives-banner .incentives-banner-modal p {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  woi-incentives-banner .incentives-banner-modal .glue-headline--headline-3,
  woi-incentives-banner .incentives-banner-modal p {
    margin-bottom: 36px;
  }
}
woi-incentives-banner .incentives-banner-modal ol {
  list-style-position: inside;
  margin-left: 0;
}
[dir="rtl"] woi-incentives-banner .incentives-banner-modal ol {
  margin-right: 0;
}
woi-incentives-banner .incentives-banner-modal li {
  margin-bottom: 24px;
}
woi-jumplink-basic-card {
  min-height: 176px;
  min-width: calc(33% - 48px);
  width: 100%;
}
@media (min-width: 600px) {
  woi-jumplink-basic-card {
    max-width: calc(50% - 24px);
  }
}
@media (min-width: 1024px) {
  woi-jumplink-basic-card {
    max-width: 277px;
  }
}
@media (min-width: 1440px) {
  woi-jumplink-basic-card {
    max-width: 340px;
  }
}
woi-jumplink-basic-card .jumplink-basic-card__wrapper {
  border: 1px solid var(--glue-grey-300);
  border-radius: 8px;
  height: 100%;
  padding: 24px;
  position: relative;
  width: 100%;
}
@media (max-width: 599px) {
  woi-jumplink-basic-card .jumplink-basic-card__wrapper {
    padding-right: 64px;
  }
}
@media (min-width: 600px) {
  woi-jumplink-basic-card .jumplink-basic-card__wrapper {
    padding-bottom: 0;
  }
}
woi-jumplink-basic-card .jumplink-basic-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
}
woi-jumplink-basic-card .jumplink-basic-card__label {
  margin-bottom: 8px;
  color: var(--glue-grey-700);
  text-transform: uppercase;
}
woi-jumplink-basic-card .card-cta .glue-button--icon {
  bottom: 8px;
  margin: 0;
  position: absolute;
  right: 8px;
}
woi-jumplink-basic-card .card-cta .glue-button--icon svg {
  height: 24px;
  margin: unset;
  width: 24px;
}
woi-jumplink-list-card .jumplink-list-card__wrapper {
  background: var(--glue-grey-0);
  border-radius: 8px;
  border: 1px solid var(--glue-grey-300);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 850px;
  min-height: 135px;
  padding: 24px 30px;
  position: relative;
  width: auto;
}
@media (min-width: 600px) {
  woi-jumplink-list-card .jumplink-list-card__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    min-height: unset;
    padding: 30px;
  }
}
@media (max-width: 599px) {
  woi-jumplink-list-card .jumplink-list-card__wrapper > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
woi-jumplink-list-card .jumplink-list-card__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 10px;
}
@media (min-width: 600px) {
  woi-jumplink-list-card .jumplink-list-card__title {
    margin-bottom: unset;
    margin-left: 18px;
  }
}
woi-jumplink-list-card .jumplink-list-card__cta {
  min-width: 24px;
}
woi-jumplink-list-card
  .jumplink-list-card__cta
  .glue-button.glue-button--icon
  svg {
  margin: unset;
  width: 24px;
  height: 24px;
}
@media (max-width: 599px) {
  woi-jumplink-list-card .jumplink-list-card__card--desktop {
    display: none;
  }
}
@media (min-width: 600px) {
  woi-jumplink-list-card .jumplink-list-card__card--mobile {
    display: none;
  }
}
woi-jumplink-video-card {
  width: 100%;
}
@media (min-width: 600px) {
  woi-jumplink-video-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 220px;
    min-width: calc(33% - 48px);
  }
}
@media (min-width: 1024px) {
  woi-jumplink-video-card {
    max-width: 276px;
  }
}
@media (min-width: 1440px) {
  woi-jumplink-video-card {
    max-width: 340px;
  }
}
woi-jumplink-video-card .jumplink-video-card__wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--glue-grey-300);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
  width: 100%;
}
woi-jumplink-video-card .jumplink-video-card__wrapper .glue-video__info {
  -ms-flex-line-pack: center;
  align-content: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
}
woi-jumplink-video-card .jumplink-video-card__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24px 24px 8px;
  width: 100%;
}
woi-jumplink-video-card .jumplink-video-card__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  text-decoration: none;
}
woi-jumplink-video-card .jumplink-video-card__thumbnail {
  position: relative;
  width: 100%;
}
woi-jumplink-video-card .jumplink-video-card__thumbnail img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
woi-presentational-video {
  pointer-events: none;
}
woi-presentational-video .video-wrapper {
  border-radius: 8px;
  display: block;
  position: relative;
  width: 250px;
}
woi-presentational-video .video-wrapper--shadow {
  -webkit-box-shadow: 7px 13px 20px rgba(72, 72, 72, 0.15),
    0 4px 7px rgba(54, 64, 67, 0.15);
  box-shadow: 7px 13px 20px rgba(72, 72, 72, 0.15),
    0 4px 7px rgba(54, 64, 67, 0.15);
}
woi-presentational-video .overlay-container {
  bottom: 0;
  position: absolute;
  width: 100%;
}
woi-presentational-video video {
  border-radius: 8px;
  display: block;
}
woi-presentational-video .overlay-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--glue-grey-0);
  border-radius: 4px;
  bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  left: 12px;
  max-width: 90%;
  padding: 7px 30px 6px 6px;
  position: absolute;
}
woi-presentational-video .title {
  color: var(--glue-green-500);
  font-family: Google Sans Display;
  font-size: 12px;
  line-height: 13px;
}
woi-presentational-video .url {
  color: var(--glue-grey-600);
  font-size: 10px;
  line-height: 15px;
}
woi-presentational-video .progress-bar:after,
woi-presentational-video .progress-bar:before {
  bottom: -1px;
  content: "";
  height: 6px;
  position: absolute;
}
woi-presentational-video .progress-bar:before {
  background-color: var(--glue-grey-0);
  border-radius: 0 0 10px 10px;
  width: 100%;
}
woi-presentational-video .progress-bar:after {
  background-color: var(--glue-red-400);
  border-radius: 0 0 0 10px;
  width: 80%;
}
woi-presentational-video .full-overlay video {
  border-radius: 8px 8px 0 0;
}
woi-presentational-video .full-overlay .progress-bar:after,
woi-presentational-video .full-overlay .progress-bar:before {
  border-radius: 0;
  bottom: 100%;
  left: 0;
  padding: 0;
  width: 60%;
}
woi-presentational-video .full-overlay-container {
  background-color: var(--glue-grey-0);
  border-radius: 0 0 8px 8px;
  bottom: -27px;
  -webkit-box-shadow: 0 49px 83px rgba(0, 0, 0, 0.1);
  box-shadow: 0 49px 83px rgba(0, 0, 0, 0.1);
  padding: 15px 20px;
}
woi-presentational-video .full-overlay-container .overlay-content {
  gap: 15px;
  left: auto;
}
woi-presentational-video .full-overlay-container button {
  float: right;
  margin: 0;
  -webkit-transform: scale(75%);
  transform: scale(75%);
}
woi-presentational-video .full-overlay-container .title {
  font-size: 18px;
  line-height: 1.3;
}
woi-presentational-video .full-overlay-container .url {
  color: var(--glue-grey-500);
  font-size: 12px;
  line-height: 1.2;
}
woi-presentational-video .full-extra-content .skip {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 3px 0 0 3px;
  color: var(--glue-grey-100);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  padding: 8px 15px;
  position: absolute;
  right: 0;
  top: -65px;
  z-index: 2;
}
woi-presentational-video .full-extra-content p {
  font-size: 14px;
}
woi-presentational-video .full-extra-content .timer {
  left: 30px;
  position: absolute;
  top: -50px;
}
woi-presentational-video .full-extra-content .timer.light {
  color: var(--glue-grey-50);
}
.woi-related-items .glue-page {
  position: relative;
}
.woi-related-items .glue-card__content:has(.stat-section) {
  padding: 24px 0;
  text-align: left;
}
.woi-related-items .glue-card__content .stat-section {
  color: var(--glue-grey-800);
}
.woi-related-items .copy-section .main-headline {
  font-family: Google Sans Display, Arial, Helvetica, sans-serif;
}
[lang="ja"] .woi-related-items .copy-section .main-headline {
  font-family: Google Sans Display, Noto Sans JP, Noto Sans CJK JP, Arial,
    Helvetica, sans-serif;
}
[lang="ko"] .woi-related-items .copy-section .main-headline {
  font-family: Google Sans Display, Noto Sans KR, Noto Sans CJK KR, Arial,
    Helvetica, sans-serif;
}
[lang="zh-CN"] .woi-related-items .copy-section .main-headline {
  font-family: Google Sans Display, Noto Sans SC, Noto Sans CJK SC, Arial,
    Helvetica, sans-serif;
}
[lang="zh-TW"] .woi-related-items .copy-section .main-headline {
  font-family: Google Sans Display, Noto Sans TC, Noto Sans CJK TC, Arial,
    Helvetica, sans-serif;
}
.woi-related-items .copy-section .main-headline span {
  display: inline-block;
}
.woi-related-items .copy-section .main-subheadline {
  color: var(--glue-grey-800);
}
.woi-related-items .copy-section .main-subheadline--spacer {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .woi-related-items .copy-section .main-subheadline--spacer {
    margin-bottom: 36px;
  }
}
.woi-related-items .related-cards-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .woi-related-items .related-cards-container {
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 32px 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (min-width: 1440px) {
  .woi-related-items .related-cards-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 600px) {
  .woi-related-items
    .related-cards-container.related-tools-cards:not(.hidden-cards)
    woi-card,
  .woi-related-items
    .related-cards-container.related-tools-cards:not(.hidden-cards)
    woi-card:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 600px) {
  .woi-related-items .related-cards-container.fallback-layout {
    -moz-column-gap: 16px;
    -webkit-column-gap: 16px;
    column-gap: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .woi-related-items .related-cards-container.fallback-layout {
    -moz-column-gap: 24px;
    -webkit-column-gap: 24px;
    column-gap: 24px;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .woi-related-items .related-tools-cards {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 600px) {
  .woi-related-items .related-tools-cards {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}
.woi-related-items woi-card {
  -ms-flex-preferred-size: 32%;
  flex-basis: 32%;
  max-width: 340px;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .woi-related-items woi-card {
    margin-bottom: 0;
  }
}
.woi-related-items .hidden-cards {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
}
.woi-related-items .hidden-cards.active .animated-card {
  opacity: 1;
  top: 1px;
  visibility: visible;
}
.woi-related-items .hidden-cards .animated-card {
  opacity: 0;
  position: relative;
  top: -30px;
  -webkit-transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out;
  visibility: hidden;
}
.woi-related-items woi-icon svg {
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
.woi-related-items woi-icon svg.icon-rotated {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.woi-related-items .disclaimer-container {
  padding-top: 16px;
  border-top: 1px solid var(--glue-grey-300);
  color: var(--glue-grey-700);
  text-align: center;
}
@media (min-width: 1024px) {
  .woi-related-items .disclaimer-container {
    margin-top: 36px;
    padding-top: 36px;
  }
}
.woi-related-items__container--arc {
  padding-top: 92px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  .woi-related-items__container--arc {
    padding-top: 120px;
  }
}
.woi-related-items__container--arc:before {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(50%, hsla(0, 0%, 100%, 0)),
    to(#f5f5f5)
  );
  background: linear-gradient(0deg, hsla(0, 0%, 100%, 0) 50%, #f5f5f5);
  border-radius: 100%;
  content: "";
  height: 716px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 828px;
}
@media (min-width: 600px) {
  .woi-related-items__container--arc:before {
    height: 943px;
    width: 1088px;
  }
}
@media (min-width: 1024px) {
  .woi-related-items__container--arc:before {
    height: 1352px;
    width: 1560px;
  }
}
@media (min-width: 1440px) {
  .woi-related-items__container--arc:before {
    height: 1567px;
    width: 1808px;
  }
}
woi-hero2-up .super,
woi-related-products .super,
woi-tab-bar .super {
  font-size: 16px;
  vertical-align: super;
}
woi-hero2-up .super-subheadline,
woi-related-products .super-subheadline,
woi-tab-bar .super-subheadline {
  font-size: 11px;
  vertical-align: super;
}
woi-single-sign-on .woi-profile-avatar {
  background: none;
  border: none;
}
woi-single-sign-on .woi-profile-avatar__container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 8px;
  width: 68px;
}
woi-single-sign-on .woi-profile-avatar__container.hidden {
  display: none;
}
woi-single-sign-on .woi-profile-avatar__image {
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 40px;
  min-width: 40px;
  width: 40px;
}
woi-single-sign-on .woi-profile-avatar--desktop {
  display: none;
}
@media (min-width: 1024px) {
  woi-single-sign-on .woi-profile-avatar--desktop {
    display: block;
  }
}
woi-single-sign-on .woi-profile-avatar--hidden {
  display: none;
}
woi-single-sign-on .woi-sign-in-card {
  background: var(--glue-grey-0);
  border: 1px solid var(--glue-grey-400);
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 10px 0 var(--glue-grey-400);
  box-shadow: 0 2px 10px 0 var(--glue-grey-400);
  max-height: calc(100vh - 150px);
  overflow: auto;
  overscroll-behavior-y: contain;
  width: 354px;
}
woi-single-sign-on .woi-sign-in-card--hidden {
  display: none;
}
woi-single-sign-on .woi-sign-in-card__main-image {
  border-radius: 50%;
  display: block;
  height: 80px;
  margin: 20px auto 16px;
  width: 80px;
}
woi-single-sign-on
  .woi-sign-in-card__main-image.woi-sign-in-card__main-image--not-loaded {
  display: none;
}
woi-single-sign-on .woi-sign-in-card__main-image--placeholder {
  background-color: #fff;
}
woi-single-sign-on .woi-sign-in-card__email {
  color: var(--glue-grey-700);
  font-size: 14px;
  letter-spacing: 0.2px;
}
woi-single-sign-on .woi-sign-in-card__accounts {
  text-align: left;
}
woi-single-sign-on .woi-sign-in-card__account-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 32px;
  padding: 12px 0;
  text-align: left;
  text-decoration: none;
  width: calc(100% - 64px);
}
woi-single-sign-on .woi-sign-in-card__account-item--add {
  padding: 14px 0;
}
woi-single-sign-on
  .woi-sign-in-card__account-item--add
  .glue-link.glue-inline-link {
  color: var(--glue-grey-800);
  font-size: 14px;
  margin-left: 14px;
  text-decoration: none;
}
woi-single-sign-on
  .woi-sign-in-card__account-item--add
  .glue-link.glue-inline-link:visited {
  color: var(--glue-grey-800);
}
woi-single-sign-on .woi-sign-in-card__secondary-profile {
  border-radius: 50%;
  height: 32px;
  width: 32px;
}
woi-single-sign-on .woi-sign-in-card__account-info {
  margin-left: 12px;
}
woi-single-sign-on .woi-sign-in-card__secondary-name {
  color: var(--glue-grey-800);
  font-size: 14px;
  text-decoration: none;
}
woi-single-sign-on .woi-sign-in-card__secondary-email {
  color: var(--glue-grey-700);
  font-size: 12px;
}
woi-single-sign-on .woi-sign-in-card__signout {
  border-bottom: 1px solid var(--glue-grey-300);
  border-top: 1px solid var(--glue-grey-300);
}
woi-single-sign-on .woi-sign-in-card__add-profile-icon {
  display: block;
  margin-left: 8px;
}
woi-single-sign-on .woi-sign-in-card__links {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 13px 0;
}
woi-single-sign-on .woi-sign-in-card__link-item .glue-link {
  color: var(--glue-grey-800);
  font-size: 12px;
  letter-spacing: 0.3px;
  text-decoration: none;
}
woi-single-sign-on .woi-sign-in-card__link-item .glue-link:visited {
  color: var(--glue-grey-800);
}
woi-single-sign-on .woi-sign-in-card__link-separator {
  margin: 0 8px;
}
woi-single-sign-on
  .woi-sign-in-card
  .woi-sign-in-card__signout-btn
  .glue-button.glue-button--medium-emphasis {
  color: var(--glue-grey-800);
  font-size: 14px;
  letter-spacing: 0.25px;
  line-height: 20px;
  margin: 16px auto !important;
  min-height: 36px;
  padding: 0 18px;
}
woi-single-sign-on
  .woi-sign-in-card
  .woi-sign-in-card__manage-btn
  .glue-button.glue-button--medium-emphasis {
  border-radius: 100px;
  color: var(--glue-grey-800);
  font-size: 14px;
  letter-spacing: 0.25px;
  line-height: 20px;
  margin: 16px auto 20px;
  min-height: 32px;
  padding: 0 18px;
}
woi-single-sign-on .woi-sign-in-button {
  margin-right: 12px;
}
@media (min-width: 1024px) {
  woi-single-sign-on .woi-sign-in-button {
    margin: 0;
  }
}
woi-single-sign-on .woi-sign-in-button--hidden {
  display: none !important;
}
woi-single-sign-on .woi-sign-in-button--desktop {
  display: none;
}
@media (min-width: 1024px) {
  woi-single-sign-on .woi-sign-in-button--desktop {
    display: block;
  }
}
woi-single-sign-on a[href*="subid"] {
  visibility: visible;
}
woi-single-sign-on .woi-sso-visibility-hidden {
  height: 0;
  visibility: hidden;
  width: 0;
}
woi-single-sign-on-v2 .woi-profile-avatar {
  background: none;
  border: none;
}
woi-single-sign-on-v2 .woi-profile-avatar__container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 8px;
  width: 68px;
}
woi-single-sign-on-v2 .woi-profile-avatar__container.hidden {
  display: none;
}
woi-single-sign-on-v2 .woi-profile-avatar__image {
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 40px;
  min-width: 40px;
  width: 40px;
}
woi-single-sign-on-v2 .woi-profile-avatar--desktop {
  display: none;
}
@media (min-width: 1024px) {
  woi-single-sign-on-v2 .woi-profile-avatar--desktop {
    display: block;
  }
}
woi-single-sign-on-v2 .woi-profile-avatar--hidden {
  display: none;
}
woi-single-sign-on-v2 .woi-sign-in-card {
  background: var(--glue-grey-0);
  border: 1px solid var(--glue-grey-400);
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 10px 0 var(--glue-grey-400);
  box-shadow: 0 2px 10px 0 var(--glue-grey-400);
  max-height: 802px;
  overflow: auto;
  overscroll-behavior-y: contain;
  width: 354px;
}
@media (max-height: 950px) {
  woi-single-sign-on-v2 .woi-sign-in-card {
    max-height: calc(100vh - 150px);
  }
}
woi-single-sign-on-v2 .woi-sign-in-card--hidden {
  display: none;
}
woi-single-sign-on-v2 .woi-sign-in-card__main-image {
  border-radius: 50%;
  display: block;
  height: 72px;
  margin: 20px auto 16px;
  width: 72px;
}
woi-single-sign-on-v2
  .woi-sign-in-card__main-image.woi-sign-in-card__main-image--not-loaded {
  display: none;
}
woi-single-sign-on-v2 .woi-sign-in-card__main-image--placeholder {
  background-color: #fff;
}
woi-single-sign-on-v2 .woi-sign-in-card__name {
  color: var(--grey-800);
  font: 500 16px Google Sans, Roboto, Arial, Helvetica, sans-serif;
}
woi-single-sign-on-v2 .woi-sign-in-card__email {
  color: var(--glue-grey-700);
  font-size: 14px;
  letter-spacing: 0.2px;
}
woi-single-sign-on-v2 .woi-sign-in-card__accounts {
  text-align: left;
}
woi-single-sign-on-v2 .woi-sign-in-card__loader-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px 0;
}
woi-single-sign-on-v2 .woi-sign-in-card__loader {
  -webkit-animation: sso-loader 2s linear infinite;
  animation: sso-loader 2s linear infinite;
  border-radius: 50%;
  border-top: 5px solid var(--glue-blue-400);
  border: 5px solid var(--glue-blue-400);
  border-top-color: var(--glue-grey-0);
  height: 33px;
  width: 33px;
}
@-webkit-keyframes sso-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes sso-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
woi-single-sign-on-v2 .woi-sign-in-card__account-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3px;
  padding: 16px 32px;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
woi-single-sign-on-v2 .woi-sign-in-card__account-item:first-child {
  border-top: 1px solid var(--glue-grey-300);
}
woi-single-sign-on-v2 .woi-sign-in-card__account-item:hover {
  background: rgba(60, 64, 67, 0.04);
}
woi-single-sign-on-v2 .woi-sign-in-card__account-item:focus {
  background: rgba(60, 64, 67, 0.12);
  outline: none;
}
woi-single-sign-on-v2 .woi-sign-in-card__ads-account-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 16px 32px;
  text-align: left;
  text-decoration: none;
}
woi-single-sign-on-v2 .woi-sign-in-card__ads-account-item:hover {
  background: rgba(60, 64, 67, 0.04);
}
woi-single-sign-on-v2 .woi-sign-in-card__ads-account-item:focus {
  background: rgba(60, 64, 67, 0.12);
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
woi-single-sign-on-v2 .woi-sign-in-card__ads-account-item--add {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  padding: 16px 0;
}
woi-single-sign-on-v2
  .woi-sign-in-card__ads-account-item--add
  .glue-button.glue-link.glue-inline-link {
  color: var(--glue-grey-800);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0 0 0 8px;
  margin-bottom: 0 !important;
  min-height: 0;
  padding: 0;
  text-decoration: none;
}
woi-single-sign-on-v2
  .woi-sign-in-card__ads-account-item--add
  .glue-button.glue-link.glue-inline-link:visited {
  color: var(--glue-grey-800);
}
woi-single-sign-on-v2
  .woi-sign-in-card__ads-account-item--add
  .glue-button.glue-link.glue-inline-link:hover {
  background-color: transparent;
}
woi-single-sign-on-v2 .woi-sign-in-card__ads-account-status {
  color: var(--glue-grey-600);
  font: italic 12px/15px Google Sans Text, Roboto, Arial, Helvetica, sans-serif;
  white-space: nowrap;
}
woi-single-sign-on-v2 .woi-sign-in-card__ads-account-info {
  width: 150px;
}
woi-single-sign-on-v2 .woi-sign-in-card__ads-account-title {
  color: var(--glue-grey-800);
  font: 500 14px/18px Google Sans, Roboto, Arial, Helvetica, sans-serif;
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
woi-single-sign-on-v2 .woi-sign-in-card__ads-account-id {
  color: var(--glue-grey-700);
  font: 12px/15px Google Sans Text, Roboto, Arial, Helvetica, sans-serif;
  letter-spacing: 0.2px;
}
woi-single-sign-on-v2 .woi-sign-in-card__sticky {
  background: var(--glue-grey-0);
  bottom: 0;
  position: sticky;
}
woi-single-sign-on-v2 .woi-sign-in-card__secondary-profile {
  border-radius: 50%;
  height: 32px;
  width: 32px;
}
woi-single-sign-on-v2 .woi-sign-in-card__account-info {
  margin: 0 12px;
}
woi-single-sign-on-v2 .woi-sign-in-card__secondary-name {
  color: var(--glue-grey-800);
  font: 500 14px/20px Google Sans, Roboto, Arial, Helvetica, sans-serif;
  text-decoration: none;
}
woi-single-sign-on-v2 .woi-sign-in-card__secondary-email {
  color: var(--glue-grey-700);
  font: 400 12px/16px Google Sans Text, Roboto, Arial, Helvetica, sans-serif;
  letter-spacing: 0.2px;
}
woi-single-sign-on-v2 .woi-sign-in-card__signout {
  border-bottom: 1px solid var(--glue-grey-300);
  border-top: 1px solid var(--glue-grey-300);
}
woi-single-sign-on-v2 .woi-sign-in-card__add-profile-icon {
  display: block;
  margin-left: 8px;
}
woi-single-sign-on-v2 .woi-sign-in-card__links {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 13px 0;
}
woi-single-sign-on-v2 .woi-sign-in-card__link-item .glue-link {
  color: var(--glue-grey-800);
  font-size: 12px;
  letter-spacing: 0.3px;
  text-decoration: none;
}
woi-single-sign-on-v2 .woi-sign-in-card__link-item .glue-link:visited {
  color: var(--glue-grey-800);
}
woi-single-sign-on-v2 .woi-sign-in-card__link-separator {
  margin: 0 8px;
}
woi-single-sign-on-v2
  .woi-sign-in-card
  .woi-sign-in-card__signout-btn
  .glue-button.glue-button--medium-emphasis {
  color: var(--glue-blue-600);
  font-size: 14px;
  letter-spacing: 0.25px;
  line-height: 24px;
  margin: 16px auto !important;
  padding: 12px 24px;
}
woi-single-sign-on-v2 .woi-sign-in-card .woi-sign-in-card__manage-btn {
  border-bottom: 1px solid var(--glue-grey-300);
}
woi-single-sign-on-v2
  .woi-sign-in-card
  .woi-sign-in-card__manage-btn
  .glue-button.glue-button--medium-emphasis {
  border-radius: 4px;
  color: var(--glue-blue-600);
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  line-height: 24px;
  margin: 16px auto;
  padding: 12px 24px;
}
woi-single-sign-on-v2 .woi-sign-in-button {
  margin-right: 12px;
}
@media (min-width: 1024px) {
  woi-single-sign-on-v2 .woi-sign-in-button {
    margin: 0;
  }
}
woi-single-sign-on-v2 .woi-sign-in-button--hidden {
  display: none !important;
}
woi-single-sign-on-v2 .woi-sign-in-button--desktop {
  display: none;
}
@media (min-width: 1024px) {
  woi-single-sign-on-v2 .woi-sign-in-button--desktop {
    display: block;
  }
}
woi-single-sign-on-v2 .woi-modal {
  background: rgba(32, 33, 36, 0.28);
}
woi-single-sign-on-v2 .woi-modal .glue-modal__close-btn {
  display: none;
}
woi-single-sign-on-v2 .woi-modal__inner {
  background: var(--glue-grey-0);
  border-radius: 8px;
  max-width: 600px;
  padding: 24px;
}
@media (min-width: 600px) {
  woi-single-sign-on-v2 .woi-modal__inner {
    left: 50%;
    min-width: 560px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
woi-single-sign-on-v2 .woi-modal__headline {
  color: var(--glue-grey-900);
}
woi-single-sign-on-v2 .woi-modal__copy {
  color: var(--glue-grey-700);
  letter-spacing: 0.1px;
  margin: 16px 0 24px;
}
woi-single-sign-on-v2 .woi-modal__ctas {
  text-align: right;
}
woi-single-sign-on-v2 .woi-modal__ctas .glue-link {
  color: var(--glue-blue-600);
  font: 500 16px/24px Google Sans, Roboto, Arial, Helvetica, sans-serif;
  padding: 12px;
  text-decoration: none;
}
woi-single-sign-on-v2 a[href*="subid"] {
  visibility: visible;
}
woi-single-sign-on-v2 .woi-sso-visibility-hidden {
  height: 0;
  visibility: hidden;
  width: 0;
}
woi-social .glue-social__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
woi-social .glue-social__title .glue-icon {
  margin-right: 8px;
}
woi-social .glue-social__list {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
woi-social .glue-social__item .mail-icon {
  fill: var(--glue-red-600);
}
woi-sticky-cta .woi-sticky-cta {
  display: none;
}
woi-sticky-cta .woi-sticky-cta__invisible {
  visibility: hidden;
}
@media (max-width: 599px) {
  woi-sticky-cta .woi-sticky-cta {
    background: var(--glue-grey-0);
    -webkit-box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3),
      0 1px 4px rgba(60, 64, 67, 0.25);
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3),
      0 1px 4px rgba(60, 64, 67, 0.25);
    bottom: -100vh;
    display: unset;
    padding: 10px 15px;
    position: fixed;
    width: 100%;
    z-index: 5;
    -webkit-transition: translate 0.35s ease;
    transition: translate 0.35s ease;
  }
  woi-sticky-cta .woi-sticky-cta[data-sticky="true"] {
    bottom: 0;
  }
  woi-sticky-cta .woi-sticky-cta a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    max-width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  woi-sticky-cta .woi-sticky-cta {
    -webkit-transition: none;
    transition: none;
  }
}
woi-time-pill .timestamp {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 999px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 13px;
  height: 22px;
  line-height: 20px;
  padding: 3px 6px;
  visibility: visible;
  width: auto;
}
woi-time-pill .timestamp--dark {
  background-color: var(--glue-grey-900);
  color: var(--glue-grey-0);
  font-weight: 500;
}
woi-time-pill .timestamp--light {
  background-color: var(--glue-grey-100);
  color: var(--glue-grey-900);
  font-weight: 400;
}
woi-time-pill .timestamp-duration {
  font-size: 0.8125rem;
  line-height: 1;
}
woi-time-pill:after {
  content: "";
  height: 180%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.timestamp-icon {
  height: 18px;
  margin-right: 4px;
  width: 18px;
}
.timestamp-icon--dark path {
  fill: var(--glue-grey-0);
}
.timestamp-icon--light path {
  fill: var(--glue-grey-900);
}
woi-video .glue-video__label {
  border-radius: 6px;
  padding: 6px 10px;
}
woi-video .glue-video__timestamp {
  visibility: visible;
}
woi-video .glue-video__timestamp--dark {
  background-color: var(--glue-grey-900);
}
@media (max-aspect-ratio: 8/7) {
  .glue-modal.woi-video-modal.glue-modal-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
  }
  .glue-modal.woi-video-modal.glue-modal-open
    .glue-video__container.glue-modal__content-wrapper {
    -ms-flex-item-align: center;
    align-self: center;
    aspect-ratio: 16/11;
    height: unset;
    width: 100%;
  }
}
@media (min-width: 600px) {
  .glue-modal.woi-video-modal.glue-modal-open {
    padding: 48px;
  }
}
woi-format {
  overflow-x: hidden;
}
woi-format .svg-symbols {
  display: none;
}
woi-format .headline-wrapper {
  position: relative;
}
@media (min-width: 1024px) {
  woi-format .screen-reader-hidden-interaction:focus,
  woi-format .screen-reader-hidden-interaction:focus-within {
    bottom: 0;
    left: 0;
    margin-bottom: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
  }
}
woi-format .glue-headline.glue-headline--headline-2 {
  margin-bottom: 36px;
  font-weight: 500;
}
@media (min-width: 1024px) {
  woi-format .glue-headline.glue-headline--headline-2 {
    margin-bottom: 48px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  woi-format .glue-headline.glue-headline--headline-2 {
    margin-bottom: 10px;
  }
  woi-format .headline-wrapper .glue-body
  {
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  woi-format .facet-pills-wrapper,
  woi-format .image-slot-wrapper,
  woi-format .text-column-wrapper {
    -ms-flex-item-align: center;
    align-self: center;
  }
}
woi-format .facet-pills-wrapper {
  margin-bottom: 24px;
  left: 50%;
  position: relative;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
}
@media (min-width: 1024px) {
  woi-format .facet-pills-wrapper {
    left: unset;
    -webkit-transform: none;
    transform: none;
    width: unset;
  }
}
woi-format .facet-pills-container {
  display: grid;
  gap: 16px;
  grid-auto-flow: column;
  list-style-type: none;
  margin: 0;
  overflow: scroll hidden;
  padding: 0 28px;
  scrollbar-width: none;
}
@media (min-width: 600px) {
  woi-format .facet-pills-container {
    margin: 0 auto;
    max-width: -moz-min-content;
    max-width: -webkit-min-content;
    max-width: min-content;
    padding: 0 40px;
  }
}
@media (min-width: 1024px) {
  woi-format .facet-pills-container {
    gap: 20px;
    grid-auto-flow: row;
    overflow: initial;
    padding: 0;
  }
}
woi-format .facet-pills-container::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1440px) {
  woi-format .facet-list-item {
    width: 100%;
  }
}
woi-format .facet-pill {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--glue-grey-0);
  border: 1px solid var(--glue-grey-200);
  border-radius: 500px;
  color: var(--glue-grey-700);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  height: 52px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 24px;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
woi-format .facet-pill.active,
woi-format .facet-pill.active:hover {
  background-color: var(--glue-grey-900);
  border: 0;
  color: var(--glue-grey-0);
  padding: 0 25px;
}
@media (forced-colors: active) {
  woi-format .facet-pill.active,
  woi-format .facet-pill.active:hover {
    border: 1px solid buttonText;
  }
}
woi-format .facet-pill:focus-visible,
woi-format .facet-pill:hover {
  background-color: var(--glue-grey-200);
  color: var(--glue-grey-700);
}
woi-format .facet-pill:focus-visible {
  border: 2px solid var(--glue-grey-700);
  outline: 0;
  padding: 0 23px;
}
woi-format .facet-pill .facet-icon {
  fill: var(--glue-grey-700);
  height: 24px;
  margin-right: 11px;
  width: 24px;
}
[dir="rtl"] woi-format .facet-pill .facet-icon {
  margin-left: 11px;
  margin-right: 0;
}
@media (forced-colors: active) {
  woi-format .facet-pill .facet-icon {
    fill: currentColor;
  }
}
woi-format .facet-pill.active .facet-icon,
woi-format .facet-pill.active:hover .facet-icon {
  fill: var(--glue-grey-0);
}
@media (forced-colors: active) {
  woi-format .facet-pill.active .facet-icon,
  woi-format .facet-pill.active:hover .facet-icon {
    fill: currentColor;
  }
}
woi-format .facet-pill:focus-visible .facet-icon,
woi-format .facet-pill:hover .facet-icon {
  fill: var(--glue-grey-700);
}
woi-format .facet-pill .facet-pill-border {
  border-radius: 500px;
  fill: none;
  height: 52px;
  left: -1px;
  pointer-events: none;
  position: absolute;
  top: -1px;
  width: calc(100% + 2px);
}
woi-format .facet-pill .facet-pill-border rect {
  height: 52px;
  stroke: var(--glue-grey-900);
  stroke-width: 4px;
  visibility: hidden;
  width: 100%;
}
woi-format .facet-pill .facet-pill-border rect.next {
  visibility: visible;
}
woi-format .facet-pill .screen-reader-only {
  display: none;
}
woi-format .facet-pill.active .screen-reader-only {
  display: inline-block;
}
woi-format .image-slot-wrapper {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  woi-format .image-slot-wrapper {
    margin: 0;
  }
}
woi-format .image-slot {
  display: none;
}
woi-format .image-slot.active {
  display: block;
}
woi-format .text-column {
  display: none;
}
@media (min-width: 1024px) {
  woi-format .text-column {
    text-align: left;
  }
  [dir="rtl"] woi-format .text-column {
    text-align: right;
  }
}
woi-format .text-column.active {
  display: block;
}
woi-format .text-column .glue-headline.glue-headline--headline-3 {
  margin-top: 8px;
  margin-bottom: 16px;
  font-weight: 500;
}
woi-format .text-column .text-column-copy {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  woi-format .text-column .text-column-copy {
    margin-bottom: 20px;
  }
}
woi-format .text-column .cta-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  woi-format .text-column .cta-container {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
  }
}
woi-format .glue-button {
  margin: 0;
}
woi-animated-hero {
  display: block;
  overflow-x: hidden;
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero {
    overflow: hidden;
  }
  woi-animated-hero .woi-animated-hero {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1024px) {
  woi-animated-hero .woi-animated-hero {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
woi-animated-hero .animated-hero-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
woi-animated-hero .animated-hero-items:not(.glue-page) {
  margin: 0 20px 32px;
}
@media (min-width: 1024px) {
  woi-animated-hero .animated-hero-items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    padding: 25px 0 60px;
    min-width: 1099px;
    gap: 41px;
  }
  .custom-size {
    max-width: 1138px;
    min-width: 1138px;
  }
  woi-animated-hero .animated-hero-items:not(.glue-page) {
    margin: 0 32px;
    width: 1093px;
  }
 
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .animated-hero-items {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  woi-animated-hero .animated-hero-items--centered .cycling-headlines-wrapper {
    justify-items: center;
    margin-bottom: 56px;
  }
  woi-animated-hero .animated-hero-items--centered .spacer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 0 48px;
  }
}
woi-animated-hero .cycling-headlines-wrapper,
woi-animated-hero .cycling-images-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: grid;
  justify-items: start !important;
  position: relative;
}
woi-animated-hero .static-text {
  z-index: 4;
}
@media (min-width: 1024px) {
  woi-animated-hero .static-text {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
  }
}
@media (max-width: 1024px) {
  woi-animated-hero .cycling-headlines-wrapper,
  woi-animated-hero .cycling-images-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: grid;
    justify-items: center !important;
    position: relative;
  }
}
@media (min-width: 1024px) {
  woi-animated-hero .cycling-headlines-wrapper {
    justify-items: end;
    z-index: 2;
  }
  [dir="rtl"] woi-animated-hero .cycling-headlines-wrapper {
    justify-items: start;
  }
  .web-display-none-2 {
    display: none !important;
  }
}
woi-animated-hero .static-version .animated-hero-items {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}
@media (min-width: 600px) {
  woi-animated-hero .static-version .animated-hero-items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (min-width: 961px) {
  .min-width-961 {
    min-width: 961px !important;
  }
}
woi-animated-hero .static-version .static-version-headlines {
  display: grid;
  text-align: center;
  z-index: 4;
}
@media (min-width: 600px) {
  woi-animated-hero .static-version .static-version-headlines {
    max-width: calc(58.33333% - 16.66667px);
    text-align: right;
  }
}
@media (min-width: 1024px) {
  woi-animated-hero .static-version .static-version-headlines {
    max-width: calc(58.33333% - 20px);
  }
}
@media (min-width: 1440px) {
  woi-animated-hero .static-version .static-version-headlines {
    max-width: calc(58.33333% - 26.66667px);
  }
}
woi-animated-hero .static-version .static-version-headlines .headline-wrapper {
  display: inline;
  font-size: 36px;
  grid-area: 1/1;
  letter-spacing: -0.25px;
  line-height: 1;
}
@media (min-width: 600px) {
  woi-animated-hero
    .static-version
    .static-version-headlines
    .headline-wrapper {
    font-size: min(6.5vw, 80px);
    letter-spacing: 0;
  }
}
@media (min-width: 1440px) {
  woi-animated-hero
    .static-version
    .static-version-headlines
    .headline-wrapper {
    font-size: 100px;
  }
}
woi-animated-hero
  .static-version
  .static-version-headlines
  .headline-wrapper:not(:first-child)
  .static-headline {
  opacity: 0;
  visibility: hidden;
}
woi-animated-hero
  .static-version
  .static-version-headlines
  .headline-wrapper
  .glue-headline {
  display: inline;
  font-weight: 700;
}
@media (min-width: 600px) {
  woi-animated-hero
    .static-version
    .static-version-headlines.long-version
    .headline-wrapper {
    font-size: min(5.2vw, 70px);
  }
}
@media (min-width: 1440px) {
  woi-animated-hero
    .static-version
    .static-version-headlines.long-version
    .headline-wrapper {
    font-size: 80px;
  }
}
woi-animated-hero .static-version .spacer {
  height: auto;
  margin: -20px 0 0;
  position: relative;
  width: auto;
}
@media (min-width: 600px) {
  woi-animated-hero .static-version .spacer {
    margin: 0 0 0 -20px;
  }
}
@media (min-width: 1024px) {
  woi-animated-hero .static-version .spacer {
    margin: 0 0 0 -25px;
  }
}
@media (min-width: 1440px) {
  woi-animated-hero .static-version .spacer {
    margin: 0 0 0 -30px;
  }
}
@media (min-width: 600px) {
  woi-animated-hero .static-version .cycling-images-wrapper {
    height: 255px;
    width: 255px;
  }
}
@media (min-width: 1024px) {
  woi-animated-hero .static-version .cycling-images-wrapper {
    height: 280px;
    width: 280px;
  }
}
@media (min-width: 1440px) {
  woi-animated-hero .static-version .cycling-images-wrapper {
    height: 360px;
    width: 360px;
  }
}
woi-animated-hero .static-version .animation-control-btn-wrapper {
  bottom: -20px;
  right: -20px;
  -webkit-transform: none;
  transform: none;
}
woi-animated-hero .static-version .animation-control-btn-wrapper .tooltip {
  bottom: auto;
  right: 20px;
  top: 55px;
}
woi-animated-hero .static-version .subheadline {
  margin-top: 36px;
}
woi-animated-hero .spacer {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 265px;
}
@media (min-width: 1024px) {
  woi-animated-hero .spacer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 240px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 -30px 0 0;
    width: 330px;
    z-index: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .spacer {
    height: 660px;
    margin: 0 auto;
    max-width: 1070px;
    padding: 0 28px;
    position: absolute;
    width: 100%;
    z-index: 0;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 600px) {
  woi-animated-hero .spacer {
    height: 580px;
    padding: 0 40px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1024px) {
  woi-animated-hero .spacer {
    height: 470px;
    padding: 0 72px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1440px) {
  woi-animated-hero .spacer {
    padding: 0;
  }
}
woi-animated-hero .cycling-images-wrapper {
  /* -webkit-clip-path: circle(50%); */
  /* clip-path: circle(50%); */
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: min(90vw, 320px);
  margin: 0 auto;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  width: min(90vw, 320px);
  z-index: 3;
}
woi-animated-hero .cycling-images-wrapper[color="bg-color-blue"] {
  background-color: var(--glue-blue-100);
}
woi-animated-hero .cycling-images-wrapper[color="bg-color-green"] {
  background-color: var(--glue-green-100);
}
woi-animated-hero .cycling-images-wrapper[color="bg-color-yellow"] {
  background-color: var(--glue-yellow-50);
}
woi-animated-hero .cycling-images-wrapper[color="bg-color-red"] {
  background-color: var(--glue-red-50);
}
@media (min-width: 1024px) {
  woi-animated-hero .cycling-images-wrapper {
    height: 400px;
    /* width: 400px; */
  }
}
.playbtn {
  display: flex;
  gap: 5px;
  align-items: center;
  color: #1a73e8;
  font-weight: 600;
}

.dot-box {
  height: 10px;
  width: 10px;
  background-color: #1a73e8;
  border-radius: 5px;
}
.align-items-center-1 {
  align-items: center;
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .cycling-images-wrapper {
    background-color: transparent;
    -webkit-clip-path: none;
    clip-path: none;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    height: 100%;
    -webkit-transition: none;
    transition: none;
    width: 100%;
  }
}
woi-animated-hero .cycling-headline,
woi-animated-hero .cycling-image {
  grid-area: 1/1;
  opacity: 0;
  position: relative;
  padding: 15px 0px;
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .cycling-headline:first-child,
  woi-animated-hero .cycling-image:first-child {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .cycling-image {
    opacity: 1;
    position: absolute;
  }
  woi-animated-hero .cycling-image:before {
    border-radius: 50%;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
  }
  woi-animated-hero .cycling-image-0 {
    left: 5%;
    top: -20px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 600px) {
  woi-animated-hero .cycling-image-0 {
    left: 3%;
  }
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .cycling-image-0 img {
    width: 95px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 600px) {
  woi-animated-hero .cycling-image-0 img {
    width: 105px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1024px) {
  woi-animated-hero .cycling-image-0 img {
    width: 120px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1440px) {
  woi-animated-hero .cycling-image-0 img {
    width: 135px;
  }
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .cycling-image-0:before {
    padding: 88%;
  }
  woi-animated-hero .cycling-image-1 {
    right: 6%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1024px) {
  woi-animated-hero .cycling-image-1 {
    right: 3%;
  }
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .cycling-image-1 img {
    width: 114px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 600px) {
  woi-animated-hero .cycling-image-1 img {
    width: 135px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1024px) {
  woi-animated-hero .cycling-image-1 img {
    width: 151px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1440px) {
  woi-animated-hero .cycling-image-1 img {
    width: 172px;
  }
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .cycling-image-1:before {
    padding: 71%;
  }
  woi-animated-hero .cycling-image-2 {
    right: 0;
    top: 16px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 600px) {
  woi-animated-hero .cycling-image-2 {
    right: 6%;
  }
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .cycling-image-2 img {
    width: 90px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 600px) {
  woi-animated-hero .cycling-image-2 img {
    width: 95px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1024px) {
  woi-animated-hero .cycling-image-2 img {
    width: 110px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1440px) {
  woi-animated-hero .cycling-image-2 img {
    width: 120px;
  }
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .cycling-image-2:before {
    padding: 83%;
  }
  woi-animated-hero .cycling-image-3 {
    left: 0;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1024px) {
  woi-animated-hero .cycling-image-3 {
    left: 8%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1440px) {
  woi-animated-hero .cycling-image-3 {
    left: 12%;
  }
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .cycling-image-3 img {
    width: 110px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 600px) {
  woi-animated-hero .cycling-image-3 img {
    width: 120px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1024px) {
  woi-animated-hero .cycling-image-3 img {
    width: 135px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1440px) {
  woi-animated-hero .cycling-image-3 img {
    width: 150px;
  }
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .cycling-image-3:before {
    padding: 67%;
  }
  woi-animated-hero .cycling-image.color-blue:before {
    background-color: var(--glue-blue-100);
  }
  woi-animated-hero .cycling-image.color-green:before {
    background-color: var(--glue-green-100);
  }
  woi-animated-hero .cycling-image.color-red:before {
    background-color: var(--glue-red-50);
  }
  woi-animated-hero .cycling-image.color-yellow:before {
    background-color: var(--glue-yellow-50);
  }
  woi-animated-hero .cycling-image:nth-child(1n + 5) {
    display: none;
  }
}
woi-animated-hero .hero-headline {
  font-size: clamp(32px, 15vw, 62px);
  letter-spacing: -2.5px;
  line-height: 1;
}
@media (min-width: 600px) {
  woi-animated-hero .hero-headline {
    font-size: 80px;
  }
}
@media (min-width: 1024px) {
  woi-animated-hero .hero-headline {
    font-size: 50px;
  }
}
@media (max-width: 599px) {
  woi-animated-hero .hero-headline {
    font-size: clamp(30px, 12vw, 60px);
  }
}
woi-animated-hero .color-blue {
  color: var(--glue-blue-600);
}
woi-animated-hero .color-green {
  color: var(--glue-green-600);
}
woi-animated-hero .color-yellow {
  color: var(--glue-yellow-700);
}
woi-animated-hero .color-red {
  color: var(--glue-red-700);
}
woi-animated-hero .static-headline-wrapper {
  display: inline-block;
  width: 100%;
}
@media (min-width: 1024px) {
  woi-animated-hero .static-headline-wrapper {
    display: inline;
    position: relative;
  }
}
@media (min-width: 1440px) {
  woi-animated-hero .static-headline-wrapper {
    display: inline-block;
    width: auto;
  }
}
@media (max-width: 1440px) {
  woi-animated-hero .animation-control-btn-wrapper {
    bottom: 3px;
    display: inline;
    left: 515px;
    -webkit-transform: none;
    transform: none;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  woi-animated-hero .static-headline-wrapper .glue-headline {
    display: inline;
  }
}
woi-animated-hero .animation-control-btn-wrapper {
  bottom: -20px;
  height: 68px;
  position: absolute;
  right: calc(50% - 160px);
  width: 68px;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
@media (min-width: 1024px) {
}
@media (min-width: 1440px) {
  woi-animated-hero .animation-control-btn-wrapper {
    bottom: -9px;
    left: 425px;
  }
}
woi-animated-hero .animation-control-btn-wrapper .tooltip {
  font-family: Google Sans, Arial, Helvetica, sans-serif;
  background-color: var(--glue-grey-700);
  border-radius: 4px;
  bottom: 21px;
  color: var(--glue-grey-0);
  display: none;
  padding: 3px 8px;
  position: absolute;
  right: 60px;
  white-space: nowrap;
}
[lang="ja"] woi-animated-hero .animation-control-btn-wrapper .tooltip {
  font-family: Google Sans, Noto Sans JP, Noto Sans CJK JP, Arial, Helvetica,
    sans-serif;
}
[lang="ko"] woi-animated-hero .animation-control-btn-wrapper .tooltip {
  font-family: Google Sans, Noto Sans KR, Noto Sans CJK KR, Arial, Helvetica,
    sans-serif;
}
[lang="zh-CN"] woi-animated-hero .animation-control-btn-wrapper .tooltip {
  font-family: Google Sans, Noto Sans SC, Noto Sans CJK SC, Arial, Helvetica,
    sans-serif;
}
[lang="zh-TW"] woi-animated-hero .animation-control-btn-wrapper .tooltip {
  font-family: Google Sans, Noto Sans TC, Noto Sans CJK TC, Arial, Helvetica,
    sans-serif;
}
@media (min-width: 1440px) {
  woi-animated-hero .animation-control-btn-wrapper .tooltip {
    bottom: auto;
    right: 20px;
    top: 60px;
  }
}
woi-animated-hero .animation-control-btn-wrapper .pause,
woi-animated-hero .animation-control-btn-wrapper .play {
  background-color: transparent;
  border: none;
  font-size: 0;
  padding: 20px;
}
woi-animated-hero .animation-control-btn-wrapper .pause:after,
woi-animated-hero .animation-control-btn-wrapper .play:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 26px;
  z-index: 5;
}
woi-animated-hero .animation-control-btn-wrapper .pause:hover + .tooltip,
woi-animated-hero .animation-control-btn-wrapper .play:hover + .tooltip {
  display: block;
}
woi-animated-hero .animation-control-btn-wrapper .tooltip-content {
  font-size: 12px;
}
woi-animated-hero .subheadline {
  color: var(--glue-grey-800);
  position: relative;
  z-index: 2;
}
@media (min-width: 1024px) {
  woi-animated-hero .subheadline {
    margin-top: 48px;
    margin-bottom: 36px;
    font-size: 18px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  woi-animated-hero .subheadline {
    margin-top: 30px;
  }
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .subheadline {
    margin-top: 24px;
  }
}
woi-animated-hero .ctas {
  position: relative;
  z-index: 3;
}
@media (min-width: 600px) {
  woi-animated-hero .ctas {
    -moz-column-gap: 16px;
    -webkit-column-gap: 16px;
    column-gap: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .ctas {
    margin-bottom: 150px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 600px) {
  woi-animated-hero .ctas {
    margin-bottom: 180px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1024px) {
  woi-animated-hero .ctas {
    margin-bottom: 210px;
  }
}
@media (min-width: 600px) {
  woi-animated-hero .ctas .glue-button {
    margin: 0;
  }
}
@media (max-width: 599px) {
  woi-animated-hero .ctas a {
    min-width: 100%;
  }
  .hero-cta woi-button a.glue-button,.hero-cta woi-button button.glue-button {
    min-width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .animation-control-btn-wrapper,
  woi-animated-hero .cycling-headlines-wrapper,
  woi-animated-hero .static-text {
    display: none;
  }
}
woi-animated-hero .reduced-motion-alt {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .reduced-motion-alt {
    display: block;
    margin: 150px auto 0;
    max-width: 1079px;
    position: relative;
    text-align: center;
    z-index: 2;
  }
  woi-animated-hero .reduced-motion-alt--headline {
    margin-bottom: 24px;
    font-size: 55px;
    letter-spacing: -2px;
    line-height: 1.1em;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 600px) {
  woi-animated-hero .reduced-motion-alt--headline {
    font-size: 72px;
  }
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .reduced-motion-alt--headline-span {
    color: var(--glue-blue-600);
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 600px) {
  woi-animated-hero .reduced-motion-alt {
    margin-top: 160px;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1024px) {
  woi-animated-hero .reduced-motion-alt {
    margin-top: 180px;
  }
}
@media (prefers-reduced-motion: reduce) {
  woi-animated-hero .reduced-motion-alt br {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 600px) {
  woi-animated-hero .reduced-motion-alt br {
    display: inline-block;
  }
}
@media (min-width: 600px) {
  woi-animated-hero .reverse-order {
    margin-bottom: 124px;
    margin-top: 112px;
  }
}
@media (min-width: 1024px) {
  woi-animated-hero .reverse-order .animated-hero-items {
    padding: 0;
    margin: 0 32px 60px;
  }
}
@media (min-width: 1440px) {
  woi-animated-hero .reverse-order .animated-hero-items {
    max-width: 1296px;
    margin: 0 auto;
  }
}
woi-animated-hero .reverse-order .cycling-headlines-wrapper {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  z-index: 4;
}
@media (min-width: 1024px) {
  woi-animated-hero .reverse-order .cycling-headlines-wrapper {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 160px;
    max-width: 750px;
  }
}
@media (min-width: 1024px) {
  woi-animated-hero .reverse-order .cycling-headline {
    justify-self: center;
  }
}
@media (min-width: 1024px) {
  woi-animated-hero .reverse-order .static-headline-wrapper {
    position: static;
  }
}
@media (min-width: 1440px) {
  woi-animated-hero .reverse-order .static-headline-wrapper {
    display: block;
    left: unset;
    margin: 0 auto;
    max-width: 1296px;
    -webkit-transform: none;
    transform: none;
  }
}
woi-animated-hero .reverse-order .cycling-images-wrapper {
  height: 310px;
  width: 310px;
}
@media (min-width: 1024px) {
  woi-animated-hero .reverse-order .cycling-images-wrapper {
    height: 304px;
    width: 304px;
  }
}
woi-animated-hero .reverse-order .static-text {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}
woi-animated-hero .reverse-order .spacer {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
@media (min-width: 1024px) {
  woi-animated-hero .reverse-order .spacer {
    height: 180px;
    margin: 0;
    width: auto;
  }
}
@media (min-width: 1440px) {
  woi-animated-hero .reverse-order .spacer {
    bottom: 80px;
    height: auto;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
  }
}
@media (min-width: 1024px) {
  woi-animated-hero .reverse-order .animation-control-btn-wrapper {
    bottom: -110px;
    right: -20px;
  }
}
@media (min-width: 1024px) {
  woi-animated-hero .reverse-order .subheadline {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) {
  woi-animated-hero .reverse-order .subheadline {
    margin-inline: auto;
    max-width: 640px;
  }
}
woi-animated-hero .error-message {
  color: red;
  text-align: center;
}
woi-animated-hero2-up .animated-hero-2up {
  padding-top: 60px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  woi-animated-hero2-up .animated-hero-2up {
    padding-top: 80px;
  }
}
@media (min-width: 600px) {
  woi-animated-hero2-up .animated-hero-2up {
    padding-bottom: 60px;
  }
}
@media (min-width: 600px) and (min-width: 1024px) {
  woi-animated-hero2-up .animated-hero-2up {
    padding-bottom: 80px;
  }
}
@media (min-width: 1440px) {
  woi-animated-hero2-up .animated-hero-2up {
    padding-bottom: 92px;
    padding-top: 92px;
  }
}
@media (min-width: 1440px) and (min-width: 1024px) {
  woi-animated-hero2-up .animated-hero-2up {
    padding-bottom: 120px;
    padding-top: 120px;
  }
}
woi-animated-hero2-up
  .animated-hero-2up[data-main-theme="blue"]
  .animated-hero2-up__animated-preheadline {
  color: var(--glue-blue-600);
}
woi-animated-hero2-up
  .animated-hero-2up[data-main-theme="blue"]
  .cycling-images-wrapper {
  background-color: var(--glue-blue-100);
}
woi-animated-hero2-up
  .animated-hero-2up[data-main-theme="green"]
  .animated-hero2-up__animated-preheadline {
  color: var(--glue-green-500);
}
woi-animated-hero2-up
  .animated-hero-2up[data-main-theme="green"]
  .cycling-images-wrapper {
  background-color: var(--glue-green-100);
}
woi-animated-hero2-up
  .animated-hero-2up[data-main-theme="red"]
  .animated-hero2-up__animated-preheadline {
  color: var(--glue-red-700);
}
woi-animated-hero2-up
  .animated-hero-2up[data-main-theme="red"]
  .cycling-images-wrapper {
  background-color: var(--glue-red-100);
}
woi-animated-hero2-up
  .animated-hero-2up[data-main-theme="yellow"]
  .animated-hero2-up__animated-preheadline {
  color: var(--glue-yellow-900);
}
woi-animated-hero2-up
  .animated-hero-2up[data-main-theme="yellow"]
  .cycling-images-wrapper {
  background-color: var(--glue-yellow-100);
}
woi-animated-hero2-up .animated-hero-2up .animated-hero2-up__animated-headline {
  grid-area: 1/1;
  opacity: 0;
}
woi-animated-hero2-up .animated-hero-2up .animated-hero2-up__image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2;
}
@media (min-width: 1024px) {
  woi-animated-hero2-up .animated-hero-2up .animated-hero2-up__image {
    top: -12px;
  }
}
woi-animated-hero2-up .animated-hero2-up__content {
  position: relative;
  z-index: 1;
}
@media (min-width: 1024px) {
  woi-animated-hero2-up .animated-hero2-up__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 70px;
    text-align: unset;
  }
}
woi-animated-hero2-up .animated-hero2-up__wrapper {
  position: relative;
  z-index: 2;
}
@media (min-width: 1024px) {
  woi-animated-hero2-up .animated-hero2-up__wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
@media (min-width: 1440px) {
  woi-animated-hero2-up .animated-hero2-up__wrapper {
    max-width: 567px;
  }
}
woi-animated-hero2-up
  .animated-hero2-up__wrapper
  .animated-hero2-up__copy-container {
  padding-bottom: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--glue-grey-900);
  display: grid;
  font-size: 40px;
  justify-items: center;
  letter-spacing: -1.51px;
  line-height: 98%;
  position: relative;
}
@media (min-width: 600px) {
  woi-animated-hero2-up
    .animated-hero2-up__wrapper
    .animated-hero2-up__copy-container {
    font-size: 52px;
  }
}
@media (min-width: 1024px) {
  woi-animated-hero2-up
    .animated-hero2-up__wrapper
    .animated-hero2-up__copy-container {
    justify-items: left;
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  woi-animated-hero2-up
    .animated-hero2-up__wrapper
    .animated-hero2-up__copy-container {
    font-size: 70px;
  }
}
woi-animated-hero2-up .animated-hero2-up__wrapper .animated-hero2-up__copy {
  color: var(--glue-grey-800);
  font-size: 16px;
  letter-spacing: 0.1px;
  margin-top: 29px;
}
@media (min-width: 600px) {
  woi-animated-hero2-up .animated-hero2-up__wrapper .animated-hero2-up__copy {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  woi-animated-hero2-up .animated-hero2-up__wrapper .animated-hero2-up__copy {
    letter-spacing: 0;
  }
}
woi-animated-hero2-up .animated-hero2-up__animated-preheadline {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: var(--glue-blue-600);
  display: block;
  font-size: 40px;
  grid-area: 1/1;
  justify-items: center;
  letter-spacing: -1.51px;
  line-height: 98%;
  margin-bottom: -12px;
  opacity: 0;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 600px) {
  woi-animated-hero2-up .animated-hero2-up__animated-preheadline {
    font-size: 52px;
  }
}
@media (min-width: 1024px) {
  woi-animated-hero2-up .animated-hero2-up__animated-preheadline {
    justify-items: left;
    max-width: 300px;
  }
}
@media (min-width: 1440px) {
  woi-animated-hero2-up .animated-hero2-up__animated-preheadline {
    font-size: 70px;
  }
}
woi-animated-hero2-up .animated-hero2-up__cta-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 599px) {
  woi-animated-hero2-up .animated-hero2-up__cta-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (min-width: 1024px) {
  woi-animated-hero2-up .animated-hero2-up__cta-container {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
  }
}
woi-animated-hero2-up .animated-hero2-up__cta-container woi-button a {
  margin: 0;
}
@media (max-width: 599px) {
  woi-animated-hero2-up .animated-hero2-up__cta-container woi-button a {
    width: 100%;
  }
}
woi-animated-hero2-up .animated-hero2-up__image-container {
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  z-index: -1;
}
@media (max-width: 599px) {
  woi-animated-hero2-up .animated-hero2-up__image-container {
    padding-bottom: 24px;
    padding-top: 24px;
    height: 340px;
  }
}
@media (min-width: 600px) {
  woi-animated-hero2-up .animated-hero2-up__image-container {
    margin: 0 auto;
    width: 100%;
  }
}
woi-animated-hero2-up .animated-hero2-up__image-container img {
  aspect-ratio: auto 1/1;
  -o-object-fit: cover;
  object-fit: cover;
}
woi-animated-hero2-up .cycling-images-wrapper {
  background-color: var(--glue-blue-100);
  -webkit-clip-path: circle(50%);
  clip-path: circle(50%);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: min(80vw, 453px);
  margin: 0 auto;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  width: min(80vw, 453px);
  z-index: 1;
}
@media (min-width: 1024px) and (max-width: 1439px) {
  woi-animated-hero2-up .cycling-images-wrapper {
    height: min(80vw, 420px);
    width: min(80vw, 420px);
  }
}
woi-animated-hero2-up .show-in-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1024px) {
  woi-animated-hero2-up .show-in-mobile {
    display: none;
    visibility: hidden;
  }
}
woi-animated-hero2-up .show-in-desktop {
  display: none;
  visibility: hidden;
}
@media (min-width: 1024px) {
  woi-animated-hero2-up .show-in-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
  }
}
woi-animated-hero2-up .animation-control-btn-wrapper {
  bottom: 209px;
  position: absolute;
  right: -9px;
  z-index: 4;
}
@media (min-width: 600px) {
  woi-animated-hero2-up .animation-control-btn-wrapper {
    bottom: 0;
    right: 0;
  }
}
woi-animated-hero2-up .animation-control-btn-wrapper .pause,
woi-animated-hero2-up .animation-control-btn-wrapper .play {
  background-color: transparent;
  border: none;
  font-size: 0;
  padding: 20px;
}
woi-animated-hero2-up .animation-control-btn-wrapper .pause:after,
woi-animated-hero2-up .animation-control-btn-wrapper .play:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 26px;
  z-index: 5;
}
woi-animated-hero2-up .animation-control-btn-wrapper .pause:hover + .tooltip,
woi-animated-hero2-up .animation-control-btn-wrapper .play:hover + .tooltip {
  display: block;
}
woi-animated-hero2-up
  .animation-control-btn-wrapper
  .pause
  .animated-hero2-up__icon,
woi-animated-hero2-up
  .animation-control-btn-wrapper
  .play
  .animated-hero2-up__icon {
  fill: var(--glue-grey-700);
}
woi-animated-hero2-up .animation-control-btn-wrapper .tooltip {
  background-color: var(--glue-grey-700);
  border-radius: 4px;
  bottom: 21px;
  color: var(--glue-grey-0);
  display: none;
  padding: 3px 8px;
  position: absolute;
  right: 60px;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  woi-animated-hero2-up .animation-control-btn-wrapper .tooltip {
    bottom: auto;
    right: 20px;
    top: 60px;
  }
}
woi-animated-hero2-up .animation-control-btn-wrapper .tooltip .tooltip-content {
  font-size: 12px;
}
woi-animated-text {
  position: relative;
}
woi-animated-text.bg-grey:before {
  background: var(--glue-grey-50);
  bottom: 0;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
woi-animated-text.bg-grey .glue-carousel__item {
  background: var(--glue-grey-50);
}
woi-animated-text .glue-page {
  padding-bottom: 60px;
  padding-top: 60px;
  position: relative;
}
@media (min-width: 1024px) {
  woi-animated-text .glue-page {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
woi-animated-text .glue-headline {
  color: var(--glue-grey-700);
}
woi-animated-text .animated-card-title {
  color: var(--glue-green-700);
}
woi-animated-text .animated-card-body {
  margin: 0 auto;
  max-width: 500px;
  pointer-events: all;
  width: 100%;
}
woi-animated-text .headline-container {
  text-align: center;
  z-index: 1;
}
woi-animated-text .animated-headline {
  color: var(--glue-grey-900);
}
woi-animated-text .main-copy {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  woi-animated-text .main-copy {
    margin-bottom: 48px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  woi-animated-text .main-copy {
    margin-bottom: 60px;
  }
}
@media (min-width: 1024px) {
  woi-animated-text .main-copy-item {
    margin-bottom: 32px;
  }
}
woi-animated-text .main-btn-container {
  z-index: 1;
}
[dir="rtl"] woi-animated-text .main-btn-container {
  text-align: center;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
@media (min-width: 1024px) {
  [dir="rtl"] woi-animated-text .main-btn-container {
    text-align: initial;
  }
}
@media (min-width: 600px) {
  woi-animated-text .main-btn-container {
    margin-bottom: 32px;
  }
}
@media (min-width: 1024px) {
  woi-animated-text .main-btn-container {
    margin-bottom: 0;
  }
}
woi-animated-text li:last-child,
woi-animated-text ul {
  margin-bottom: 0;
}
woi-animated-text .glue-headline,
woi-animated-text .panels,
woi-animated-text p {
  pointer-events: none;
}
@media (min-width: 1024px) {
  woi-animated-text .panels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
  }
  [dir="rtl"] woi-animated-text .panels-container {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
}
woi-animated-text .panel {
  cursor: pointer;
  overflow: hidden;
  pointer-events: all;
  position: relative;
}
[dir="rtl"] woi-animated-text .panel h3 {
  text-align: initial;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
woi-animated-text .panel:before {
  background-color: var(--glue-grey-300);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 2px;
}
@media (-ms-high-contrast: active), (forced-colors: active) {
  woi-animated-text .panel:before {
    border: 1px solid windowText;
  }
}
woi-animated-text .panel:after {
  background-color: var(--glue-green-600);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: -100%;
  width: 2px;
  z-index: 2;
}
@media (-ms-high-contrast: active), (forced-colors: active) {
  woi-animated-text .panel:after {
    border: 1px solid window;
  }
}
woi-animated-text .panel .glue-headline,
woi-animated-text .panel p {
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
woi-animated-text .panel:hover .glue-headline,
woi-animated-text .panel p {
  color: var(--glue-grey-900);
}
@media (min-width: 1024px) {
  woi-animated-text .panel {
    padding: 0 0 0 48px;
  }
}
@media (min-width: 1440px) {
  woi-animated-text .panel {
    padding: 0 0 0 64px;
  }
}
woi-animated-text .panels {
  display: none;
}
@media (min-width: 1024px) {
  woi-animated-text .panels {
    display: block;
    margin-bottom: 48px;
  }
}
woi-animated-text .panel-body {
  pointer-events: all;
}
[dir="rtl"] woi-animated-text .panel-body {
  text-align: initial;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
woi-animated-text .js-connected .panel {
  -webkit-transition: height 0.2s linear;
  transition: height 0.2s linear;
}
woi-animated-text .js-connected .active .glue-headline {
  color: var(--glue-green-700);
}
woi-animated-text .glue-page .panel-images-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
woi-animated-text .panel-images {
  display: grid;
}
woi-animated-text .panel-image-container {
  display: none;
}
woi-animated-text .panel-image-container.hidden {
  opacity: 0;
}
@media (min-width: 1024px) {
  woi-animated-text .panel-image-container {
    display: block;
    grid-area: 1/2;
    height: 100%;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    width: calc(100% + 30px);
  }
}
woi-animated-text .panel-image {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
woi-animated-text .glue-card {
  border-radius: 8px;
}
@media (max-width: 599px) {
  woi-animated-text
    div[data-bg-color="grey"]
    woi-carousel
    .glue-carousel__item {
    border: 1px solid var(--glue-grey-400);
  }
  woi-animated-text .glue-text-center {
    padding: 0 16px;
  }
  woi-animated-text .animated-card-body {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media (min-width: 1440px) {
  woi-breadcrumbs .glue-breadcrumbs {
    width: 100%;
  }
}
woi-budget .color-blue-900 {
  color: var(--glue-blue-600);
}
@media (min-width: 1024px) {
  woi-budget .budget-header__container {
    padding-top: 36px;
    position: sticky;
    top: 64px;
  }
}
woi-budget .budget-header__headline {
  padding-bottom: 16px;
  text-align: center;
}
@media (min-width: 600px) {
  woi-budget .budget-header__headline {
    padding-bottom: 36px;
  }
}
@media (min-width: 1024px) {
  woi-budget .budget-header__headline {
    padding-bottom: 48px;
    text-align: left;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  woi-budget .budget-header__headline {
    padding-bottom: 60px;
  }
}
woi-budget .budget-header__cta-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  woi-budget .budget-header__cta-container {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
  }
}
@media (max-width: 599px) {
  woi-budget .budget-cards__container {
    padding-top: 36px;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  woi-budget .budget-cards__container {
    padding-top: 48px;
  }
}
@media (min-width: 600px) and (max-width: 1023px) and (min-width: 1024px) {
  woi-budget .budget-cards__container {
    padding-top: 60px;
  }
}
woi-budget .budget .glue-cards {
  grid-gap: 36px;
}
@media (min-width: 600px) {
  woi-budget .budget .glue-cards {
    grid-gap: 80px;
  }
}
woi-budget .budget .glue-card__content .glue-card__description {
  color: var(--glue-grey-800);
}
woi-budget .budget .budget-card.glue-card {
  border-radius: 20px;
}
woi-budget .budget .budget-card--inactive .glue-card__inner:before {
  border-color: var(--glue-grey-0);
}
woi-budget .budget .budget-card--inactive .glue-card__asset {
  opacity: 0.5;
}
woi-budget .budget .budget-card--inactive .glue-card__description,
woi-budget .budget .budget-card--inactive .glue-headline {
  color: var(--glue-grey-400);
}
woi-budget .budget .budget-card--inactive .glue-card__asset,
woi-budget .budget .budget-card--inactive .glue-card__description,
woi-budget .budget .budget-card--inactive .glue-card__inner:before,
woi-budget .budget .budget-card--inactive .glue-headline,
woi-budget .budget .budget-card .glue-card__asset,
woi-budget .budget .budget-card .glue-card__description,
woi-budget .budget .budget-card .glue-card__inner:before,
woi-budget .budget .budget-card .glue-headline {
  -webkit-transition: border-color 0.75s ease, color 0.75s ease,
    opacity 0.75s ease;
  transition: border-color 0.75s ease, color 0.75s ease, opacity 0.75s ease;
}
woi-callout {
  --copy-max-width: 840px;
}
woi-callout .woi-callout {
  overflow: hidden;
}
woi-callout:has(.endcap-space) {
  margin-top: -100px;
}
woi-callout .woi-callout__wrapper {
  padding-bottom: 36px;
  padding-top: 36px;
  position: relative;
}
@media (min-width: 600px) {
  woi-callout .woi-callout__wrapper {
    border-radius: 12px;
  }
}
woi-callout .woi-callout__wrapper:before {
  content: "";
  height: 100%;
  left: -28px;
  position: absolute;
  top: 0;
  width: 100vw;
}
@media (min-width: 600px) {
  woi-callout .woi-callout__wrapper {
    padding: 48px 60px;
  }
}
@media (min-width: 600px) and (min-width: 1024px) {
  woi-callout .woi-callout__wrapper {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
@media (min-width: 600px) {
  woi-callout .woi-callout__wrapper:before {
    content: none;
  }
}
woi-callout .woi-callout__wrapper--blue,
woi-callout .woi-callout__wrapper--blue:before {
  background-color: var(--glue-blue-50);
}
woi-callout .woi-callout__wrapper--grey,
woi-callout .woi-callout__wrapper--grey:before {
  background-color: var(--glue-grey-50);
}
@media (min-width: 1024px) {
  woi-callout .woi-callout__image {
    margin-bottom: 24px;
  }
}
@media (min-width: 1024px) {
  woi-callout .woi-callout__image img {
    border-radius: 8px;
  }
}
woi-callout .woi-callout__content .glue-headline {
  position: relative;
}
@media (min-width: 1024px) {
  woi-callout .woi-callout__content .glue-headline {
    margin-bottom: 16px;
  }
}
woi-callout .woi-callout__content p {
  letter-spacing: 0.1px;
  margin: 0 auto;
  max-width: var(--copy-max-width);
  position: relative;
}
@media (min-width: 1024px) {
  woi-callout .woi-callout__content p {
    margin-bottom: 24px;
  }
}
woi-callout .woi-callout__cta {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
woi-callout .woi-callout__cta .glue-button {
  margin: 0;
}
@media (max-width: 599px) {
  woi-callout-animated-stat .callout-container {
    margin: 0;
    padding: 28px;
  }
}
@media (min-width: 600px) {
  woi-callout-animated-stat .callout-container {
    padding: 32px 24px;
  }
}
@media (min-width: 1024px) {
  woi-callout-animated-stat .callout-container {
    padding: 40px 0 48px;
  }
}
@media (min-width: 600px) {
  woi-callout-animated-stat .callout-container--bg {
    border-radius: 30px;
  }
}
woi-callout-animated-stat .callout-container--bg-grey {
  background-color: var(--glue-grey-50);
}
woi-callout-animated-stat .cta-container {
  margin-bottom: 16px;
}
@media (min-width: 600px) {
  woi-callout-animated-stat .cta-container {
    margin-bottom: 36px;
  }
}
woi-callout-animated-stat .cta-container .glue-button {
  margin: 0;
}
woi-callout-animated-stat .headline {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  woi-callout-animated-stat .headline {
    margin-bottom: 24px;
  }
}
@media (min-width: 600px) {
  woi-callout-animated-stat .stats-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
  }
}
@media (min-width: 600px) {
  woi-callout-animated-stat .stats-container--1-column {
    width: 100%;
  }
}
@media (min-width: 600px) and (min-width: 600px) {
  woi-callout-animated-stat .stats-container--1-column {
    width: calc(50% - 20px);
  }
}
@media (min-width: 600px) and (min-width: 1024px) {
  woi-callout-animated-stat .stats-container--1-column {
    width: calc(50% - 24px);
  }
}
@media (min-width: 600px) and (min-width: 1440px) {
  woi-callout-animated-stat .stats-container--1-column {
    width: calc(50% - 32px);
  }
}
@media (min-width: 1024px) {
  woi-callout-animated-stat .stats-container--1-column {
    width: 100%;
  }
}
@media (min-width: 1024px) and (min-width: 600px) {
  woi-callout-animated-stat .stats-container--1-column {
    width: calc(33.33333% - 26.66667px);
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  woi-callout-animated-stat .stats-container--1-column {
    width: calc(33.33333% - 32px);
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  woi-callout-animated-stat .stats-container--1-column {
    width: calc(33.33333% - 42.66667px);
  }
}
woi-callout-animated-stat .stats-container--1-column .stat-animation {
  height: 102px;
}
woi-callout-animated-stat .stats-container--1-column .stat-step {
  font-size: 102px;
}
woi-callout-animated-stat
  .stats-container--1-column
  .stat-strip--animation-finished {
  -webkit-transform: translateY(calc(-100% + 102px));
  transform: translateY(calc(-100% + 102px));
}
@media (min-width: 600px) {
  woi-callout-animated-stat .stats-container--2-column {
    width: 100%;
  }
}
@media (min-width: 600px) and (min-width: 600px) {
  woi-callout-animated-stat .stats-container--2-column {
    width: calc(66.66667% - 13.33333px);
  }
}
@media (min-width: 600px) and (min-width: 1024px) {
  woi-callout-animated-stat .stats-container--2-column {
    width: calc(66.66667% - 16px);
  }
}
@media (min-width: 600px) and (min-width: 1440px) {
  woi-callout-animated-stat .stats-container--2-column {
    width: calc(66.66667% - 21.33333px);
  }
}
@media (min-width: 1024px) {
  woi-callout-animated-stat .stats-container--2-column {
    width: 100%;
  }
}
@media (min-width: 1024px) and (min-width: 600px) {
  woi-callout-animated-stat .stats-container--2-column {
    width: calc(50% - 20px);
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  woi-callout-animated-stat .stats-container--2-column {
    width: calc(50% - 24px);
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  woi-callout-animated-stat .stats-container--2-column {
    width: calc(50% - 32px);
  }
}
@media (min-width: 600px) {
  woi-callout-animated-stat .stats-container--3-column {
    width: 100%;
  }
}
@media (min-width: 600px) and (min-width: 600px) {
  woi-callout-animated-stat .stats-container--3-column {
    width: calc(83.33333% - 6.66667px);
  }
}
@media (min-width: 600px) and (min-width: 1024px) {
  woi-callout-animated-stat .stats-container--3-column {
    width: calc(83.33333% - 8px);
  }
}
@media (min-width: 600px) and (min-width: 1440px) {
  woi-callout-animated-stat .stats-container--3-column {
    width: calc(83.33333% - 10.66667px);
  }
}
@media (min-width: 1024px) {
  woi-callout-animated-stat .stats-container--3-column {
    width: 100%;
  }
}
@media (min-width: 1024px) and (min-width: 600px) {
  woi-callout-animated-stat .stats-container--3-column {
    width: calc(66.66667% - 13.33333px);
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  woi-callout-animated-stat .stats-container--3-column {
    width: calc(66.66667% - 16px);
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  woi-callout-animated-stat .stats-container--3-column {
    width: calc(66.66667% - 21.33333px);
  }
}
@media (min-width: 600px) {
  woi-callout-animated-stat .stats-container--4-column {
    width: 100%;
  }
}
@media (min-width: 600px) and (min-width: 600px) {
  woi-callout-animated-stat .stats-container--4-column {
    width: 100%;
  }
}
@media (min-width: 600px) and (min-width: 1024px) {
  woi-callout-animated-stat .stats-container--4-column {
    width: 100%;
  }
}
@media (min-width: 600px) and (min-width: 1440px) {
  woi-callout-animated-stat .stats-container--4-column {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  woi-callout-animated-stat .stats-container--4-column {
    width: 100%;
  }
}
@media (min-width: 1024px) and (min-width: 600px) {
  woi-callout-animated-stat .stats-container--4-column {
    width: calc(83.33333% - 6.66667px);
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  woi-callout-animated-stat .stats-container--4-column {
    width: calc(83.33333% - 8px);
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  woi-callout-animated-stat .stats-container--4-column {
    width: calc(83.33333% - 10.66667px);
  }
}
woi-callout-animated-stat .stat {
  padding: 16px 24px;
}
@media (min-width: 600px) {
  woi-callout-animated-stat .stat {
    padding: 8px 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
  }
}
@media (min-width: 1440px) {
  woi-callout-animated-stat .stat {
    padding: 16px 24px;
  }
}
@media (min-width: 600px) {
  woi-callout-animated-stat .stat--with-icons {
    display: grid;
    grid-template-rows: 52px -webkit-min-content;
    grid-template-rows: 52px min-content;
  }
}
woi-callout-animated-stat .stat-animation {
  height: 70px;
  overflow: hidden;
}
@media (min-width: 600px) {
  woi-callout-animated-stat .stat-animation {
    height: 48px;
  }
}
@media (min-width: 1440px) {
  woi-callout-animated-stat .stat-animation {
    height: 70px;
  }
}
woi-callout-animated-stat .stat-strip {
  max-width: -moz-min-content;
  max-width: -webkit-min-content;
  max-width: min-content;
}
woi-callout-animated-stat .stat-strip--animation-finished {
  -webkit-transform: translateY(calc(-100% + 70px));
  transform: translateY(calc(-100% + 70px));
}
@media (min-width: 600px) {
  woi-callout-animated-stat .stat-strip--animation-finished {
    -webkit-transform: translateY(calc(-100% + 48px));
    transform: translateY(calc(-100% + 48px));
  }
}
@media (min-width: 1440px) {
  woi-callout-animated-stat .stat-strip--animation-finished {
    -webkit-transform: translateY(calc(-100% + 70px));
    transform: translateY(calc(-100% + 70px));
  }
}
woi-callout-animated-stat .stat-step {
  color: var(--glue-blue-700);
  display: grid;
  font-size: 70px;
  font-weight: 700;
  grid-template-columns: repeat(2, -webkit-min-content);
  grid-template-columns: repeat(2, min-content);
  letter-spacing: -1px;
  line-height: 1;
}
@media (min-width: 600px) {
  woi-callout-animated-stat .stat-step {
    font-size: 48px;
  }
}
@media (min-width: 1440px) {
  woi-callout-animated-stat .stat-step {
    font-size: 70px;
  }
}
woi-callout-animated-stat .stat-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
}
woi-callout-animated-stat .stat-icon--white {
  background-color: var(--glue-grey-0);
}
woi-callout-animated-stat .stat-icon--blue {
  background-color: var(--glue-blue-200);
  color: var(--glue-blue-900);
}
woi-callout-animated-stat .stat-icon--green {
  background-color: var(--glue-green-200);
  color: var(--glue-green-900);
}
woi-callout-animated-stat .stat-icon--yellow {
  background-color: var(--glue-yellow-200);
  color: var(--glue-yellow-900);
}
woi-callout-animated-stat .stat-icon--red {
  background-color: var(--glue-red-200);
  color: var(--glue-red-900);
}
woi-callout-animated-stat .error-message {
  color: red;
  text-align: center;
}
woi-card-carousel .background-color-grey {
  background-color: var(--glue-grey-50);
}
woi-card-carousel .background-color-grey.woi-carousel-items-container {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (min-width: 1024px) {
  woi-card-carousel .background-color-grey.woi-carousel-items-container {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
woi-card-carousel .woi-carousel-items-container .copy-section .main-headline {
  font-family: Google Sans Display, Arial, Helvetica, sans-serif;
}
[lang="ja"]
  woi-card-carousel
  .woi-carousel-items-container
  .copy-section
  .main-headline {
  font-family: Google Sans Display, Noto Sans JP, Noto Sans CJK JP, Arial,
    Helvetica, sans-serif;
}
[lang="ko"]
  woi-card-carousel
  .woi-carousel-items-container
  .copy-section
  .main-headline {
  font-family: Google Sans Display, Noto Sans KR, Noto Sans CJK KR, Arial,
    Helvetica, sans-serif;
}
[lang="zh-CN"]
  woi-card-carousel
  .woi-carousel-items-container
  .copy-section
  .main-headline {
  font-family: Google Sans Display, Noto Sans SC, Noto Sans CJK SC, Arial,
    Helvetica, sans-serif;
}
[lang="zh-TW"]
  woi-card-carousel
  .woi-carousel-items-container
  .copy-section
  .main-headline {
  font-family: Google Sans Display, Noto Sans TC, Noto Sans CJK TC, Arial,
    Helvetica, sans-serif;
}
woi-card-carousel
  .woi-carousel-items-container
  .copy-section
  .main-headline
  span {
  display: inline-block;
}
woi-card-carousel .woi-carousel-items-container .main-subheadline {
  color: var(--glue-grey-800);
  margin-bottom: 16px;
}
@media (min-width: 600px) {
  woi-card-carousel .woi-carousel-items-container .main-subheadline {
    margin-bottom: 36px;
  }
}
@media (min-width: 1024px) {
  woi-card-carousel .woi-carousel-items-container .main-subheadline {
    margin-bottom: 48px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  woi-card-carousel .woi-carousel-items-container .main-subheadline {
    margin-bottom: 60px;
  }
}
woi-card-carousel .woi-carousel-items-container .cta-spacer {
  margin-top: 36px;
}
@media (min-width: 1024px) {
  woi-card-carousel .woi-carousel-items-container .cta-spacer {
    margin-top: 48px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  woi-card-carousel .woi-carousel-items-container .cta-spacer {
    margin-top: 60px;
  }
}
woi-card-carousel
  .woi-carousel-items-container
  .carousel-cards-container
  .glue-carousel__item {
  border: 1px solid var(--glue-grey-300);
}
woi-card-carousel
  .woi-carousel-items-container
  .carousel-cards-container
  .glue-carousel__navigation
  .glue-carousel__dot:only-child {
  display: none;
}
@media (min-width: 600px) {
  woi-card-carousel .woi-carousel-items-container .glue-carousel__navigation {
    margin-top: 0;
  }
}
@media (min-width: 600px) {
  woi-card-carousel
    .woi-carousel-items-container
    .glue-carousel__navigation
    .glue-carousel__dot {
    margin-top: 24px;
  }
}
woi-card-carousel .woi-carousel-items-container woi-card {
  margin-bottom: 24px;
}
@media (min-width: 600px) {
  woi-card-carousel .woi-carousel-items-container woi-card {
    margin-bottom: 0;
  }
}
woi-case-study-carousel .case-study-container {
  padding-bottom: 48px;
}
@media (min-width: 1024px) {
  woi-case-study-carousel .case-study-container {
    padding-bottom: 35px;
  }
}
woi-case-study-carousel .glue-headline.glue-headline--headline-2 {
  margin-bottom: 48px;
  padding-top: 48px;
}
@media (min-width: 1024px) {
  woi-case-study-carousel .glue-headline.glue-headline--headline-2 {
    margin-bottom: 60px;
    padding-top: 60px;
  }
}
woi-case-study-carousel .glue-headline.cta-headline {
  margin-bottom: 24px;
}
woi-case-study-carousel .arrow-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
woi-case-study-carousel .white-theme .info-container {
  background: var(--glue-grey-50);
}
woi-case-study-carousel .white-theme .icon-container woi-button .glue-button {
  color: var(--glue-blue-700);
}
woi-case-study-carousel
  .white-theme
  .icon-container
  woi-button
  .glue-button
  .icon-wrapper {
  background-color: var(--glue-blue-700);
}
woi-case-study-carousel .blue-theme {
  background: var(--glue-blue-50);
}
woi-case-study-carousel .case-study-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media (min-width: 600px) {
  woi-case-study-carousel .case-study-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
woi-case-study-carousel .case-study-card .image-container,
woi-case-study-carousel .case-study-card .info-container {
  position: relative;
}
woi-case-study-carousel .case-study-card .image-container.no-logo,
woi-case-study-carousel .case-study-card .info-container.no-logo {
  height: 100%;
  margin: 0;
}
woi-case-study-carousel .case-study-card .info-container {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
woi-case-study-carousel .case-study-card .callout-container {
  background-color: var(--glue-grey-0);
  border-radius: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  max-width: 200px;
  padding: 21px 26px;
}
woi-case-study-carousel .case-study-card .callout-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 180px;
}
@media (min-width: 1024px) {
  woi-case-study-carousel .case-study-card .callout-mobile {
    display: none;
  }
}
woi-case-study-carousel .case-study-card .callout-desktop {
  display: none;
}
@media (min-width: 1024px) {
  woi-case-study-carousel .case-study-card .callout-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
woi-case-study-carousel
  .glue-page
  .glue-carousel--peek-out.glue-carousel--cards {
  padding-bottom: 24px;
}
woi-case-study-carousel .logo-image {
  height: 94px;
  margin: 0 auto;
  width: 94px;
}
woi-case-study-carousel .logo-image img {
  background-color: var(--glue-grey-0);
  border: 3px solid var(--glue-grey-50);
  border-radius: 50%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 1024px) {
  woi-case-study-carousel .logo-image img {
    border: none;
  }
}
woi-case-study-carousel .logo-image.has-image {
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media (min-width: 1024px) {
  woi-case-study-carousel .logo-image.has-image {
    position: static;
    -webkit-transform: none;
    transform: none;
  }
}
woi-case-study-carousel .glue-carousel__item {
  border-radius: 20px;
}
woi-case-study-carousel .image-carousel-container .card-container {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1024px) {
  woi-case-study-carousel .image-carousel-container .card-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
woi-case-study-carousel
  .image-carousel-container
  .card-container
  .callout-desktop {
  background: var(--glue-grey-0);
  position: absolute;
}
@media (min-width: 1440px) {
  woi-case-study-carousel
    .image-carousel-container
    .card-container
    .content-container
    .glue-headline--headline-4 {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  woi-case-study-carousel
    .image-carousel-container
    .card-container[data-media-alignment="Right"]
    .image-container-left {
    display: none;
  }
}
woi-case-study-carousel
  .image-carousel-container
  .card-container[data-media-alignment="Right"]
  .image-container-right {
  display: none;
}
@media (min-width: 1024px) {
  woi-case-study-carousel
    .image-carousel-container
    .card-container[data-media-alignment="Right"]
    .image-container-right {
    display: block;
  }
}
woi-case-study-carousel .content-container {
  margin-top: 24px;
  margin-bottom: 24px;
  padding-left: 8%;
  padding-right: 8%;
}
@media (min-width: 600px) {
  woi-case-study-carousel .content-container {
    margin-top: 16px;
  }
}
@media (min-width: 1024px) {
  woi-case-study-carousel .content-container {
    margin-top: 24px;
  }
}
@media (min-width: 1440px) {
  woi-case-study-carousel .content-container {
    margin-bottom: 36px;
  }
}
woi-case-study-carousel .content-container p.case-study-body {
  margin-top: 16px;
}
@media (min-width: 1440px) {
  woi-case-study-carousel .content-container p.case-study-body {
    font-size: 18px;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  woi-case-study-carousel .image-container {
    aspect-ratio: 100/44;
  }
}
woi-case-study-carousel .image-container woi-image {
  position: static;
}
woi-case-study-carousel .image-container img {
  height: 100%;
  /*-o-object-fit: cover;*/
  width: 100%;
  /*object-fit: cover;*/
}
@media (min-width: 600px) and (max-width: 1023px) {
  woi-case-study-carousel .image-container img {
    left: 0;
    position: absolute;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  woi-case-study-carousel .image-container-single {
    aspect-ratio: 1/1;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  woi-case-study-carousel .image-container-single img {
    position: static;
  }
}
woi-case-study-carousel .callout-right {
  bottom: 4%;
  right: 3%;
}
woi-case-study-carousel .callout-left {
  bottom: 4%;
  left: 3%;
}
woi-case-study-carousel .callout-green {
  color: var(--glue-green-900);
}
woi-case-study-carousel .callout-green .icon-circle {
  background: var(--glue-green-50);
}
woi-case-study-carousel .callout-green svg {
  fill: var(--glue-green-900);
}
woi-case-study-carousel .callout-blue {
  color: var(--glue-blue-800);
}
woi-case-study-carousel .callout-blue .icon-circle {
  background: var(--glue-blue-50);
}
woi-case-study-carousel .callout-blue svg {
  fill: var(--glue-blue-800);
}
woi-case-study-carousel .callout-orange {
  color: var(--glue-yellow-900);
}
woi-case-study-carousel .callout-orange .icon-circle {
  background: var(--glue-yellow-50);
}
woi-case-study-carousel .callout-orange svg {
  fill: var(--glue-yellow-900);
}
woi-case-study-carousel .callout-black {
  color: var(--glue-grey-900);
}
woi-case-study-carousel .callout-black .icon-circle {
  background: var(--glue-grey-50);
}
woi-case-study-carousel .callout-black svg {
  fill: var(--glue-grey-900);
}
woi-case-study-carousel .icon-container {
  margin-bottom: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 600px) {
  woi-case-study-carousel .icon-container {
    margin-bottom: 36px;
  }
}
@media (min-width: 1024px) {
  woi-case-study-carousel .icon-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
woi-case-study-carousel .icon-container .glue-video__container--inline {
  padding: 0;
}
woi-case-study-carousel .icon-container woi-button .glue-button {
  color: var(--glue-blue-600);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1024px) {
  woi-case-study-carousel .icon-container woi-button .glue-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
woi-case-study-carousel .no-image-container .icon-container {
  margin-top: 24px;
}
@media (min-width: 1024px) {
  woi-case-study-carousel .no-image-container .icon-container {
    margin-top: 36px;
  }
}
woi-case-study-carousel
  .no-image-container
  .icon-container
  woi-button
  .glue-button {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
woi-case-study-carousel .glue-link {
  text-decoration: none;
}
woi-case-study-carousel .glue-inline-link:visited,
woi-case-study-carousel .glue-link:visited,
woi-case-study-carousel a:visited {
  color: var(--glue-blue-600);
}
woi-case-study-carousel .callout-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
woi-case-study-carousel .callout-header .callout-headline {
  font: 30px Google Sans Display;
  font-weight: 500;
}
woi-case-study-carousel .callout-header .icon-circle {
  border-radius: 50%;
  height: 32px;
  margin-left: 12px;
  margin-top: 6px;
  width: 32px;
}
woi-case-study-carousel .callout-header .icon-circle,
woi-case-study-carousel .woi-carousel__navigation--container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
woi-case-study-carousel .woi-carousel__navigation--container {
  margin-top: 48px;
  gap: 50px;
}
@media (min-width: 1024px) {
  woi-case-study-carousel .woi-carousel__navigation--container {
    margin-top: 35px;
  }
}
@media (max-width: 599px) {
  woi-case-study-carousel .woi-carousel__navigation--container:not(:focus) {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
  }
}
woi-case-study-carousel .glue-carousel__navigation {
  margin-top: 0;
  position: relative;
  width: auto;
}
woi-case-study-carousel .glue-carousel--cards .glue-carousel__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: unset;
  position: relative;
}
@media (min-width: 600px) {
  woi-case-study-carousel
    .glue-carousel--cards
    .glue-carousel__button.glue-is-inactive,
  woi-case-study-carousel
    .glue-carousel--cards
    .glue-carousel__button:not(.glue-is-inactive) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  woi-case-study-carousel
    .glue-carousel--cards
    .glue-carousel__button.glue-is-inactive {
    visibility: hidden;
  }
}
woi-case-study-carousel .glue-carousel--cards .glue-carousel__button--prev {
  top: unset;
  left: unset;
}
woi-case-study-carousel .glue-carousel--cards .glue-carousel__button--next {
  top: unset;
  right: unset;
}
woi-case-study-carousel .no-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10%;
}
@media (min-width: 1024px) {
  woi-category-navigation .glue-grid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
woi-category-navigation .cat-nav-header__container {
  text-align: center;
}
woi-category-navigation .cat-nav-header__container a {
  text-decoration: none;
}
@media (max-width: 599px) {
  woi-category-navigation .cat-nav-header__container {
    margin-bottom: 36px;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  woi-category-navigation .cat-nav-header__container {
    margin-bottom: 48px;
  }
}
@media (min-width: 600px) and (max-width: 1023px) and (min-width: 1024px) {
  woi-category-navigation .cat-nav-header__container {
    margin-bottom: 60px;
  }
}
@media (min-width: 1024px) {
  woi-category-navigation .cat-nav-header__container {
    text-align: unset;
  }
}
woi-category-navigation .glue-headline {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  woi-category-navigation .glue-headline {
    margin-bottom: 16px;
  }
}
@media (max-width: 599px) {
  woi-category-navigation .glue-cards {
    gap: 24px;
  }
}
@media (min-width: 600px) {
  woi-category-navigation .glue-cards {
    grid-auto-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  woi-category-navigation .glue-cards {
    -moz-column-gap: 32px;
    -webkit-column-gap: 32px;
    column-gap: 32px;
  }
}
@media (min-width: 600px) {
  woi-category-navigation .glue-cards li {
    max-width: 290px;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  woi-category-navigation .glue-cards li {
    max-width: 240px;
  }
}
woi-category-navigation .glue-card {
  text-align: center;
}
woi-category-navigation .glue-card p {
  color: var(--glue-grey-700);
}
woi-category-navigation .glue-card .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 36px 0 24px;
}
woi-category-navigation .glue-card .logo img {
  height: unset;
}
woi-category-navigation .glue-card__content {
  padding-top: 0;
}
woi-category-navigation .glue-card__content:last-child {
  padding-bottom: 32px;
}
@media (min-width: 1024px) and (max-width: 1439px) {
  woi-category-navigation .glue-card__content:last-child {
    padding-bottom: 36px;
  }
}
woi-category-navigation .glue-card .glue-headline {
  margin-bottom: 16px;
}
woi-choose-incentives-offer {
  --mdc-theme-secondary: var(--glue-blue-600);
  --grey-background-disabled: #f5f5f5;
  --grey-color-disabled: #b8b8b8;
}
woi-choose-incentives-offer .blue-theme {
  background-color: var(--glue-blue-50);
}
woi-choose-incentives-offer
  .woi-choose-incentives-offer.blue-theme:focus
  .offer-container {
  -webkit-box-shadow: 0 0 0 2px var(--glue-blue-600),
    0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
  box-shadow: 0 0 0 2px var(--glue-blue-600), 0 1px 3px 0 rgba(60, 64, 67, 0.3),
    0 4px 8px 3px rgba(60, 64, 67, 0.15);
  outline: 2px solid transparent;
}
woi-choose-incentives-offer .offer-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer .offer-container {
    padding-top: 48px;
    padding-bottom: 48px;
    display: grid;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  woi-choose-incentives-offer .offer-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
woi-choose-incentives-offer .white-bg-container {
  margin-bottom: 48px;
  background-color: var(--glue-grey-0);
  border-radius: 8px;
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer .white-bg-container {
    margin-bottom: 60px;
    margin-bottom: 48px;
    margin-top: 48px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  woi-choose-incentives-offer .white-bg-container {
    margin-bottom: 60px;
    margin-top: 60px;
  }
}
woi-choose-incentives-offer .offer-icon {
  display: none;
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer .offer-icon {
    display: block;
  }
}
woi-choose-incentives-offer .incentives-cards {
  padding: 32px 20px;
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer .incentives-cards {
    padding: 24px 50px 0;
  }
}
woi-choose-incentives-offer .incentives-cards .glue-cards {
  grid-gap: 16px;
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer .incentives-cards .glue-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
woi-choose-incentives-offer .incentives-cards .glue-cards .glue-headline {
  font-size: 18px;
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer .incentives-cards .glue-cards .glue-headline {
    font-size: 48px;
  }
}
@media (min-width: 1440px) {
  woi-choose-incentives-offer .incentives-cards .glue-cards .glue-headline {
    font-size: 54px;
  }
}
woi-choose-incentives-offer .incentives-cards .glue-card:hover {
  cursor: pointer;
}
woi-choose-incentives-offer .incentives-cards .checkmark {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid var(--glue-grey-300);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
}
[dir="rtl"] woi-choose-incentives-offer .incentives-cards .checkmark {
  right: auto;
  left: 10px;
}
@media (min-width: 600px) {
  [dir="rtl"] woi-choose-incentives-offer .incentives-cards .checkmark {
    left: 17px;
    top: 16px;
  }
}
@media (min-width: 1024px) {
  [dir="rtl"] woi-choose-incentives-offer .incentives-cards .checkmark {
    left: 20px;
  }
}
woi-choose-incentives-offer .incentives-cards .checkmark .checkmark-icon {
  display: none;
  fill: var(--glue-grey-0);
}
@media (-ms-high-contrast: active), (forced-colors: active) {
  woi-choose-incentives-offer .incentives-cards .checkmark .checkmark-icon {
    fill: linkText;
  }
}
@media (min-width: 600px) {
  woi-choose-incentives-offer .incentives-cards .checkmark {
    right: 17px;
    top: 16px;
  }
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer .incentives-cards .checkmark {
    right: 20px;
  }
}
woi-choose-incentives-offer .incentives-cards .glue-blue-text {
  color: var(--glue-blue-600);
}
woi-choose-incentives-offer .incentives-cards .card-body {
  color: var(--glue-grey-700);
}
woi-choose-incentives-offer .offer-banner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 24px 20px;
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer .offer-banner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
woi-choose-incentives-offer .offer-banner .banner-copy {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer .offer-banner .banner-copy {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-right: 10px;
  }
}
woi-choose-incentives-offer .offer-banner .disabled-headline {
  display: none;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer .offer-banner .disabled-headline {
    margin-bottom: 0;
  }
}
woi-choose-incentives-offer .offer-banner .enabled-headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer .offer-banner .enabled-headline {
    text-align: start;
  }
}
woi-choose-incentives-offer .offer-banner.disabled {
  background-color: var(--grey-background-disabled);
  color: var(--grey-color-disabled);
}
woi-choose-incentives-offer .offer-banner.disabled .glue-headline {
  color: var(--grey-color-disabled);
}
woi-choose-incentives-offer .offer-banner.disabled .glue-button {
  background-color: var(--grey-background-disabled);
  border: 1px solid var(--glue-grey-300);
  color: var(--glue-grey-300);
  pointer-events: none;
}
woi-choose-incentives-offer .offer-banner.disabled .disabled-headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
woi-choose-incentives-offer .offer-banner.disabled .enabled-headline {
  display: none;
}
woi-choose-incentives-offer .offer-banner.active-offer {
  background-color: var(--glue-blue-50);
}
woi-choose-incentives-offer .card-desktop-container {
  display: none;
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer .card-desktop-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer .glue-card__content {
    padding: 0 24px;
  }
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer .glue-card__content .card-mobile-headline {
    display: none;
  }
}
woi-choose-incentives-offer .eyebrow-container .offer-eyebrow {
  -ms-flex-item-align: center;
  align-self: center;
  background-color: var(--glue-blue-50);
  border-radius: 16px;
  color: var(--glue-blue-700);
  font-size: 11px;
  letter-spacing: 0.5px;
  padding: 8px 15px;
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer .eyebrow-container {
    margin-top: 50px;
  }
}
woi-choose-incentives-offer .subheadline-text {
  color: var(--glue-grey-800);
}
woi-choose-incentives-offer .subheadline-text a {
  color: var(--glue-blue-700);
  white-space: nowrap;
}
woi-choose-incentives-offer .desktop-headline-container {
  display: none;
  text-align: center;
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer .desktop-headline-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 50px;
  }
}
woi-choose-incentives-offer .desktop-headline-container .subheadline-text {
  padding: 0 50px;
}
woi-choose-incentives-offer .mobile-headline-container {
  display: block;
  text-align: center;
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer .mobile-headline-container {
    display: none;
  }
}
woi-choose-incentives-offer .selected-card.glue-card {
  -webkit-box-shadow: 0 0 0 2px var(--glue-blue-600),
    0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
  box-shadow: 0 0 0 2px var(--glue-blue-600), 0 1px 3px 0 rgba(60, 64, 67, 0.3),
    0 4px 8px 3px rgba(60, 64, 67, 0.15);
  outline: 2px solid transparent;
}
.footer-bottom .glue-footer__global-links-list-item a
{
  text-decoration: underline;
}
woi-choose-incentives-offer .selected-card.glue-card .checkmark {
  background-color: var(--glue-blue-600);
  border: 2px solid var(--glue-blue-600);
}
woi-choose-incentives-offer .selected-card.glue-card .checkmark-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer
    .woi-choose-incentives-offer--compact
    .incentives-cards
    .card-desktop-container
    .glue-headline {
    font-size: 35px;
  }
}
@media (min-width: 1440px) {
  woi-choose-incentives-offer
    .woi-choose-incentives-offer--compact
    .incentives-cards
    .card-desktop-container
    .glue-headline {
    font-size: 54px;
  }
}
@media (min-width: 1024px) {
  woi-choose-incentives-offer
    .woi-choose-incentives-offer--extra-compact
    .incentives-cards
    .card-desktop-container
    .glue-headline {
    font-size: 27px;
  }
}
@media (min-width: 1440px) {
  woi-choose-incentives-offer
    .woi-choose-incentives-offer--extra-compact
    .incentives-cards
    .card-desktop-container
    .glue-headline {
    font-size: 45px;
  }
}
woi-comparison-table {
  padding-bottom: 48px;
  padding-top: 48px;
  background-color: var(--glue-grey-100);
}
@media (min-width: 1024px) {
  woi-comparison-table {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
@media (min-width: 600px) {
  woi-comparison-table {
    padding-bottom: 60px;
    padding-top: 60px;
    background: transparent;
  }
}
@media (min-width: 600px) and (min-width: 1024px) {
  woi-comparison-table {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
woi-comparison-table .thumbnail {
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-bottom;
}
woi-comparison-table .layout-headline.glue-headline {
  display: inline-block;
  font-weight: 500;
}
@media (min-width: 600px) {
  woi-comparison-table .mobile-headline {
    display: none;
  }
}
woi-comparison-table .subheadline {
  padding: 8px 0;
}
@media (min-width: 600px) {
  woi-comparison-table .subheadline {
    padding: 0;
  }
}
@media (max-width: 599px) {
  woi-comparison-table .column-headline.glue-headline {
    font-size: 12px;
  }
}
@media (min-width: 600px) {
  woi-comparison-table .column-headline.glue-headline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--glue-grey-100);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    padding: 0 10px;
  }
  woi-comparison-table .column-headline.glue-headline.show-desktop {
    opacity: 1;
  }
}
woi-comparison-table .copy {
  color: var(--glue-grey-700);
  display: none;
  padding-right: 20%;
}
[dir="rtl"] woi-comparison-table .copy {
  padding-right: 0;
}
@media (min-width: 600px) {
  woi-comparison-table .copy {
    display: block;
  }
}
@media (max-width: 599px) {
  woi-comparison-table .layout-icon {
    height: 15px;
    width: 15px;
  }
}
woi-comparison-table table {
  border-collapse: collapse;
  margin-bottom: 50px;
  table-layout: fixed;
  width: 100%;
}
woi-comparison-table table:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 600px) {
  woi-comparison-table table {
    margin-bottom: 16px;
    border-collapse: separate;
    border-spacing: 8px 0;
    margin-top: 0;
  }
}
woi-comparison-table table tr {
  border-bottom: 1px solid var(--glue-grey-300);
  padding: 5px 0;
}
woi-comparison-table table tr:first-of-type,
woi-comparison-table table tr:last-of-type {
  border: none;
}
@media (min-width: 600px) {
  woi-comparison-table table tr {
    border: none;
    padding: 0;
  }
}
woi-comparison-table table tr td,
woi-comparison-table table tr th {
  text-align: center;
}
@media (min-width: 600px) {
  woi-comparison-table table tr td,
  woi-comparison-table table tr th {
    background-color: var(--glue-grey-50);
  }
  woi-comparison-table table tr td:last-of-type,
  woi-comparison-table table tr th:last-of-type {
    background-color: var(--glue-grey-100);
  }
}
woi-comparison-table table tr td:first-of-type,
woi-comparison-table table tr th:first-of-type {
  background-color: transparent;
  opacity: 1;
  text-align: left;
  width: 45%;
}
[dir="rtl"] woi-comparison-table table tr td:first-of-type,
[dir="rtl"] woi-comparison-table table tr th:first-of-type {
  text-align: right;
}
@media (min-width: 600px) {
  woi-comparison-table table tr td:first-of-type,
  woi-comparison-table table tr th:first-of-type {
    width: 55%;
  }
}
@media (min-width: 600px) {
  woi-comparison-table table tr th {
    height: 64px;
  }
}
woi-comparison-table table tr th:first-of-type {
  opacity: 0;
}
@media (max-width: 599px) {
  woi-comparison-table
    table
    tr
    th:first-of-type
    .glue-headline.layout-headline {
    display: none;
  }
}
@media (min-width: 600px) {
  woi-comparison-table table tr th:first-of-type {
    opacity: 1;
  }
}
@media (min-width: 600px) {
  woi-comparison-table table tr th:last-of-type .column-headline {
    background-color: var(--glue-grey-200);
  }
}
woi-comparison-table table:first-of-type th {
  border-radius: 8px 8px 0 0;
}
woi-comparison-table table:last-of-type tr:last-of-type td,
woi-comparison-table table:last-of-type tr:last-of-type th {
  border-radius: 0 0 8px 8px;
}
woi-contact-hub .woi-contact-hub-consolidated-panel__headline {
  font: 400 36px/44px Google Sans, Roboto, Arial, Helvetica, sans-serif;
  letter-spacing: -0.25px;
  margin-bottom: 32px;
  text-align: center;
}
woi-contact-hub .woi-contact-hub__header--container {
  margin-bottom: 36px;
}
@media (min-width: 600px) {
  woi-contact-hub .woi-contact-hub__header--container {
    margin-bottom: 48px;
  }
}
@media (min-width: 600px) and (min-width: 1024px) {
  woi-contact-hub .woi-contact-hub__header--container {
    margin-bottom: 60px;
  }
}
woi-contact-hub .woi-contact-hub__content--container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 600px) and (max-width: 1023px) {
  woi-contact-hub
    .woi-contact-hub--consolidated-short
    .woi-contact-hub__image--container {
    display: none;
  }
}
@media (max-width: 599px) {
  woi-contact-hub .woi-contact-hub__image--container {
    display: none;
  }
}
woi-contact-hub .woi-contact-hub__image--container woi-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
woi-contact-hub .woi-contact-hub__image--container img,
woi-contact-hub .woi-contact-hub__image--container picture {
  width: 100%;
}
woi-contact-hub .woi-contact-hub-panel__header--container {
  -moz-column-gap: 16px;
  -webkit-column-gap: 16px;
  column-gap: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
woi-contact-hub .woi-contact-hub-panel__headline--container .glue-headline a {
  text-decoration: none;
}
woi-contact-hub
  .woi-contact-hub-panel__headline--container
  .glue-headline
  a:visited {
  color: var(--glue-blue-600);
}
woi-contact-hub .woi-contact-hub-panel__headline--container p {
  color: var(--glue-grey-900);
  font-size: 0.688rem;
  letter-spacing: 0.031rem;
  text-transform: uppercase;
}
woi-contact-hub
  .woi-contact-hub-panel__headline--container
  [data-bm-widget-layout="inline"] {
  background: inherit;
  border: none;
  border-radius: 4px;
  font-size: inherit;
  font-weight: inherit;
  height: auto;
  line-height: inherit;
  padding: inherit;
  text-decoration: inherit;
}
@media (-ms-high-contrast: active), (forced-colors: active) {
  woi-contact-hub
    .woi-contact-hub-panel__headline--container
    [data-bm-widget-layout="inline"]
    .bm-widget-button-text {
    color: linkText;
  }
}
woi-contact-hub
  .woi-contact-hub-panel__headline--container
  [data-bm-widget-layout="inline"]:hover {
  color: var(--glue-blue-900);
}
woi-contact-hub .woi-contact-hub-panel__chatbot {
  display: none;
}
@media (min-width: 1024px) {
  woi-contact-hub .woi-contact-hub-panel__chatbot {
    display: block;
  }
}
woi-contact-hub
  .woi-contact-hub
  .glue-expansion-panels
  :where(.woi-contact-hub-panel__button--no-pointer) {
  cursor: unset;
}
woi-contact-hub
  .woi-contact-hub
  .glue-expansion-panels
  .glue-expansion-panel__button,
woi-contact-hub
  .woi-contact-hub
  .glue-expansion-panels
  .glue-expansion-panel__button:focus,
woi-contact-hub
  .woi-contact-hub
  .glue-expansion-panels
  .glue-is-expanded
  .glue-expansion-panel__button,
woi-contact-hub
  .woi-contact-hub
  .glue-expansion-panels
  .glue-is-expanded
  .glue-expansion-panel__button:focus {
  border-bottom: none;
  padding-bottom: 24px;
}
woi-contact-hub
  .woi-contact-hub
  .glue-expansion-panel:has(.contact-hub-subheadline) {
  border-bottom: none;
}
woi-contact-hub .woi-contact-hub .glue-expansion-panel {
  border-bottom: 1px solid var(--glue-grey-200);
  border-top: none;
}
woi-contact-hub .woi-contact-hub .glue-expansion-panel:last-child {
  border-bottom: 1px solid var(--glue-grey-200);
}
woi-contact-hub .woi-contact-hub .glue-expansion-panel__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 24px 0;
}
woi-contact-hub
  .woi-contact-hub
  .glue-expansion-panel__content
  .woi-contact-hub-panel__content-inner {
  -moz-column-gap: 24px;
  -webkit-column-gap: 24px;
  column-gap: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0;
}
woi-contact-hub
  .woi-contact-hub
  .glue-expansion-panel__content
  .woi-contact-hub-panel__content-inner
  p {
  font-size: 18px;
  margin: auto;
  text-align: left;
}
woi-contact-hub .woi-contact-hub .glue-expansion-panel__content woi-image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
woi-contact-hub .woi-contact-hub .disabled {
  color: var(--glue-grey-600);
  cursor: not-allowed;
  pointer-events: none;
}
woi-contact-hub
  .woi-contact-hub__consolidated-panel
  .woi-contact-hub-panel__header--container {
  padding: 24px 0;
}
woi-contact-hub .woi-contact-hub__consolidated-list {
  margin: 0;
}
@media (min-width: 1024px) {
  woi-contact-hub .woi-contact-hub__consolidated-list--long {
    background-color: var(--glue-grey-50);
    border-radius: 16px;
    -moz-column-gap: 64px;
    -webkit-column-gap: 64px;
    column-gap: 64px;
    -moz-columns: 2;
    -webkit-columns: 2;
    column-count: 2;
    margin-inline: -48px;
    padding: 24px 48px;
  }
}
@media (min-width: 1440px) {
  woi-contact-hub .woi-contact-hub__consolidated-list--long {
    background-color: var(--glue-grey-50);
    margin-inline: -64px;
    padding-inline: 64px;
  }
}
woi-contact-hub
  .woi-contact-hub__consolidated-list--long
  .woi-contact-hub__consolidated-item:first-of-type {
  border-top: 0;
}
@media (min-width: 1024px) {
  woi-contact-hub
    .woi-contact-hub__consolidated-list--long
    .woi-contact-hub__consolidated-item--middle {
    border-top: 0;
  }
}
@media (min-width: 1440px) {
  woi-contact-hub
    .woi-contact-hub__consolidated-list--long
    .glue-button.glue-button--low-emphasis:not(:hover, :focus) {
    color: var(--glue-blue-700);
  }
}
woi-contact-hub .woi-contact-hub__consolidated-item {
  padding-bottom: 16px;
  padding-top: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid var(--glue-grey-200);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
woi-contact-hub .woi-contact-hub__consolidated-item-availability,
woi-contact-hub .woi-contact-hub__consolidated-item-country {
  display: block;
}
woi-contact-hub .woi-contact-hub__consolidated-item-availability {
  color: var(--glue-grey-800);
  font-size: 14px;
}
woi-contact-hub .woi-contact-hub__consolidated-item-cta {
  left: 12px;
  position: relative;
}
woi-contact-hub .woi-contact-hub__consolidated-item-cta .glue-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
}
woi-contact-hub .woi-contact-hub__consolidated-item-cta sub {
  bottom: -2px;
  font-size: 12px;
  font-weight: 400;
  margin-left: 4px;
}
woi-contact-hub
  .woi-contact-hub__consolidated-long-ctas-container.glue-grid__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 599px) {
  woi-contact-hub
    .woi-contact-hub__consolidated-long-ctas-container.glue-grid__col {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
}
woi-contact-hub
  .woi-contact-hub__consolidated-long-ctas-container.glue-grid__col
  .glue-button {
  margin: 0;
}
@media (max-width: 599px) {
  woi-contact-hub
    .woi-contact-hub__consolidated-long-ctas-container.glue-grid__col
    .glue-button {
    width: 100%;
  }
}
woi-contact-hub
  .woi-contact-hub
  .glue-button--medium-emphasis[data-bm-widget-layout] {
  border: 1px solid var(--glue-grey-300);
  display: none;
  font-size: 16px;
  line-height: 24px;
}
woi-contact-hub
  .woi-contact-hub
  .glue-button--medium-emphasis[data-bm-widget-layout]:hover {
  border-color: var(--glue-blue-600);
}
@media (min-width: 1024px) {
  woi-contact-hub
    .woi-contact-hub
    .glue-button--medium-emphasis[data-bm-widget-layout] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
woi-expansion-panels .glue-headline {
  text-align: center;
}
woi-expansion-panels .glue-expansion-panels__header {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
woi-expansion-panels .glue-expansion-panels .glue-expansion-panel__button {
  padding: 31px 0;
}
woi-expansion-panels
  .glue-expansion-panels
  .glue-expansion-panel__header-arrow {
  color: var(--glue-blue-600);
}
woi-expansion-panels .glue-expansion-panels .glue-expansion-panel__content ul {
  margin-bottom: 24px;
  margin-top: 24px;
}
woi-feature3-up .feature-container {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (min-width: 1024px) {
  woi-feature3-up .feature-container {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
woi-feature3-up .background-color-grey {
  background-color: var(--glue-grey-50);
}
woi-feature3-up .background-color-white {
  background-color: var(--glue-grey-0);
}
@media (min-width: 600px) {
  woi-feature3-up .feature-header-body {
    margin-bottom: 36px;
  }
}
woi-feature3-up .card-holder {
  display: none;
}
woi-feature3-up .card-holder.fallback-layout li {
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
}
woi-feature3-up .card-holder li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}
woi-feature3-up .card-holder li img {
  width: 100%;
}
@media (min-width: 1024px) {
  woi-feature3-up .card-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
woi-feature3-up .feature-link a {
  text-decoration: none;
}
woi-feature3-up .feature-link a:visited {
  color: var(--glue-blue-600);
  text-decoration: none;
}
woi-feature3-up .glue-card:active,
woi-feature3-up .glue-card:focus,
woi-feature3-up .glue-card:hover {
  background: none;
}
woi-feature3-up .glue-carousel__list {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
woi-feature3-up
  .glue-video__preview-container--inline
  .glue-video__preview-image,
woi-feature3-up
  .glue-video__preview-container--modal
  .glue-video__preview-image {
  border-radius: 8px;
}
woi-feature3-up .feature-body,
woi-feature3-up .feature-headline {
  color: var(--glue-grey-800);
}
woi-feature3-up .glue-carousel__item {
  border: none;
}
woi-feature3-up .glue-carousel__item:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
woi-featured-product .product-image {
  -ms-flex-item-align: center;
  align-self: center;
}
woi-featured-product .copy-container {
  margin-top: 24px;
}
@media (min-width: 600px) {
  woi-featured-product .copy-container {
    margin-top: 24px;
  }
}
@media (min-width: 1024px) {
  woi-featured-product .copy-container {
    margin-top: 0;
  }
}
woi-featured-product .copy-body {
  color: var(--glue-grey-800);
}
woi-featured-product .copy-body li,
woi-featured-product .copy-body p {
  letter-spacing: 0.1px;
}
woi-featured-product .copy-body ul {
  margin-left: 20px;
}
@media (max-width: 599px) {
  woi-featured-product .copy-body ul {
    margin-left: 24px;
  }
}
woi-featured-product .copy-body ul li {
  padding-bottom: 4px;
}
woi-featured-product .copy-body ul li:last-child {
  padding-bottom: 0;
}
woi-feature-media ul {
  list-style: disc;
  margin-left: 20px;
}
woi-feature-media p {
  font-size: inherit;
}
woi-feature-media .background-color-blue {
  background-color: var(--glue-blue-50);
}
woi-feature-media .background-color-white {
  background-color: var(--glue-grey-0);
}
woi-feature-media .background-color-grey {
  background-color: var(--glue-grey-50);
}
woi-feature-media
  .feature-media__section[data-media-alignment="Left"]
  .feature-media__image--right {
  display: none;
}
woi-feature-media .feature-media__section--large {
  padding-bottom: 60px;
  padding-top: 60px;
}
@media (min-width: 1024px) {
  woi-feature-media .feature-media__section--large {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
@media (min-width: 1024px) {
  woi-feature-media
    .feature-media__section--large[data-media-alignment="Right"]
    .feature-media__image--left {
    display: none;
  }
}
woi-feature-media
  .feature-media__section--large[data-media-alignment="Right"]
  .feature-media__image--right {
  display: none;
}
@media (min-width: 1024px) {
  woi-feature-media
    .feature-media__section--large[data-media-alignment="Right"]
    .feature-media__image--right {
    display: block;
  }
}
woi-feature-media .feature-media__section--small {
  padding-bottom: 24px;
  padding-top: 24px;
}
@media (max-width: 599px) {
  [dir="rtl"] woi-feature-media .feature-media__section--small {
    padding-left: 48px;
  }
}
@media (max-width: 599px) and (min-width: 1024px) {
  [dir="rtl"] woi-feature-media .feature-media__section--small {
    padding-left: 60px;
  }
}
@media (min-width: 600px) {
  woi-feature-media .feature-media__section--small {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media (min-width: 600px) and (min-width: 1024px) {
  woi-feature-media .feature-media__section--small {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
@media (min-width: 600px) {
  woi-feature-media
    .feature-media__section--small[data-media-alignment="Right"]
    .feature-media__image--left {
    display: none;
  }
}
woi-feature-media
  .feature-media__section--small[data-media-alignment="Right"]
  .feature-media__image--right {
  display: none;
}
@media (min-width: 600px) {
  woi-feature-media
    .feature-media__section--small[data-media-alignment="Right"]
    .feature-media__image--right {
    display: block;
  }
}
woi-feature-media .feature-media__section--xsmall {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 24px 0;
}
woi-feature-media .feature-media__section--xsmall:has(.insight-sec) {
  padding-bottom: 40px;
}
woi-feature-media .feature-media__section--xsmall:has(.insight-sec) img {
  background-color: #fef7e0;
  border-radius: 90px;
}
@media (min-width: 600px) {
  woi-feature-media .feature-media__section--xsmall {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 24px;
    text-align: center;
  }
}
@media (min-width: 1024px) {
  woi-feature-media .feature-media__section--xsmall {
    padding-top: 36px;
  }
}
woi-feature-media .feature-media__image--left img,
woi-feature-media .feature-media__image--right img {
  width: 100%;
}
@media (max-width: 599px) {
  woi-feature-media .feature-media__body--large,
  woi-feature-media .feature-media__body--small {
    padding-top: 36px;
  }
}
@media (max-width: 599px) {
  woi-feature-media .feature-media__body--small {
    text-align: center;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  woi-feature-media .feature-media__body--large {
    padding-top: 48px;
  }
}
@media (min-width: 600px) and (max-width: 1023px) and (min-width: 1024px) {
  woi-feature-media .feature-media__body--large {
    padding-top: 60px;
  }
}
woi-feature-media .feature-media__body--content-padded {
  padding-left: 12px;
}
woi-feature-media .feature-media__headline {
  padding-bottom: 16px;
}
woi-feature-media .feature-media__copy {
  padding-bottom: 24px;
  color: var(--glue-grey-800);
}
woi-feature-media .feature-media__copy--xsmall {
  color: var(--glue-grey-700);
  margin-top: 8px;
}
@media (min-width: 1024px) {
  woi-feature-media .feature-media__copy--xsmall {
    margin-top: 16px;
  }
}
woi-feature-media .feature-media__thumbnail-container {
  margin-bottom: 24px;
}
woi-feature-media .feature-media__thumbnail-container.XSmall {
  margin: 0;
}
woi-feature-media .feature-media__thumbnail--xsmall {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 16px 0 0;
}
@media (max-width: 599px) {
  [dir="rtl"] woi-feature-media .feature-media__thumbnail--xsmall {
    margin: 0 0 0 16px;
  }
}
@media (min-width: 600px) {
  woi-feature-media .feature-media__thumbnail--xsmall {
    margin: 0 0 16px;
  }
}
@media (min-width: 1024px) {
  woi-feature-media .feature-media__thumbnail--xsmall {
    margin: 0 0 24px;
  }
}
woi-feature-text .feature-text--container {
  text-align: center;
}
@media (min-width: 1024px) {
  woi-feature-text .feature-text--container {
    text-align: left;
  }
}
woi-feature-text .feature-text--background {
  padding-bottom: 48px;
  padding-top: 48px;
  background-color: var(--glue-grey-50);
}
@media (min-width: 1024px) {
  woi-feature-text .feature-text--background {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
@media (max-width: 599px) {
  woi-feature-text .feature-text--background {
    padding-inline: 28px;
  }
}
@media (min-width: 600px) {
  woi-feature-text .feature-text--background {
    border-radius: 8px;
  }
}
@media (max-width: 599px) {
  woi-feature-text .feature-text--background-fullbleed {
    margin-inline: 0;
  }
}
woi-feature-text .feature-text--content-container {
  padding: 0 12px;
}
@media (min-width: 600px) {
  woi-feature-text .feature-text--content-container {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  woi-feature-text .feature-text--content-container {
    text-align: left;
  }
}
woi-feature-text .feature-text--button-container {
  padding: 0 12px;
}
@media (min-width: 600px) and (max-width: 1023px) {
  woi-feature-text .feature-text--button-container {
    grid-column-start: 2;
  }
}
@media (min-width: 600px) {
  woi-feature-text .feature-text--button-container {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  woi-feature-text .feature-text--button-container {
    text-align: right;
  }
}
woi-feature-text .feature-text--body {
  padding-bottom: 16px;
  padding-top: 8px;
}
@media (min-width: 600px) {
  woi-feature-text .feature-text--body {
    padding-top: 24px;
  }
}
@media (min-width: 1024px) {
  woi-feature-text .feature-text--body {
    padding-top: 16px;
    padding-bottom: 0;
  }
}
woi-feature-text .glue-button {
  margin: 0;
}
woi-form-calculator2-up {
  --budget-extra-large-width: 361px;
  --budget-large-circle-max: 450px;
  --budget-large-circle-min: 400px;
  --budget-large-width: 335px;
  --budget-medium-circle-max: 360px;
  --budget-medium-width: 292px;
  --budget-min-height: 457px;
}
woi-form-calculator2-up .form-calculator2-up__grid {
  padding-bottom: 48px;
  padding-top: 48px;
}
@media (min-width: 1024px) {
  woi-form-calculator2-up .form-calculator2-up__grid {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  woi-form-calculator2-up .form-calculator2-up__grid {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
woi-form-calculator2-up .glue-select .mdc-floating-label--float-above,
woi-form-calculator2-up
  .glue-text-field.mdc-text-field--focused:not(.mdc-text-field--disabled)
  .mdc-floating-label {
  min-width: -moz-fit-content;
  min-width: -webkit-fit-content;
  min-width: fit-content;
}
woi-form-calculator2-up .form-calculator2-up__budget__industry .mdc-list-item {
  height: auto;
  min-height: 48px;
  padding: 16px;
}
woi-form-calculator2-up
  .form-calculator2-up__budget__industry
  .mdc-list-item__text {
  line-height: 21px;
  white-space: normal;
}
woi-form-calculator2-up .glue-select .mdc-select__anchor {
  width: 200px;
}
woi-form-calculator2-up .form-calculator2-up__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
@media (min-width: 600px) {
  woi-form-calculator2-up .form-calculator2-up__content {
    height: 100%;
    text-align: left;
  }
}
woi-form-calculator2-up
  .form-calculator2-up__content
  .form-calculator2-up__headline {
  width: 100%;
}
woi-form-calculator2-up .form-calculator2-up__copy {
  padding-top: 16px;
  color: var(--glue-grey-700);
  letter-spacing: 0.1px;
}
@media (min-width: 600px) {
  woi-form-calculator2-up .form-calculator2-up__copy {
    padding-top: 24px;
  }
}
woi-form-calculator2-up .form-calculator2-up__budget {
  margin-top: 36px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
@media (min-width: 600px) {
  woi-form-calculator2-up .form-calculator2-up__budget {
    margin: 0;
  }
}
woi-form-calculator2-up .form-calculator2-up__budget:before {
  aspect-ratio: 1/1;
  background-color: var(--glue-blue-100);
  border-radius: 100%;
  content: "";
  display: none;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 100%;
}
@media (min-width: 600px) {
  woi-form-calculator2-up .form-calculator2-up__budget:before {
    display: block;
    max-width: var(--budget-medium-circle-max);
  }
}
@media (min-width: 1024px) {
  woi-form-calculator2-up .form-calculator2-up__budget:before {
    max-width: var(--budget-large-circle-max);
    min-width: var(--budget-large-circle-min);
  }
}
@media (min-width: 1440px) {
  woi-form-calculator2-up .form-calculator2-up__budget:before {
    max-width: unset;
    min-width: unset;
  }
}
woi-form-calculator2-up .form-calculator2-up__budget.active:before {
  background-color: var(--glue-blue-300);
  -webkit-transform: translate(-50%, -50%) scale(1.15);
  transform: translate(-50%, -50%) scale(1.15);
}
woi-form-calculator2-up .form-calculator2-up__budget__wrapper {
  background-color: var(--glue-grey-0);
  border: 1px solid var(--glue-grey-100);
  border-radius: 16px;
  -webkit-box-shadow: 2px 3px 20px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 2px 3px 20px 0 rgba(0, 0, 0, 0.11);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 26px 20px;
}
@media (min-width: 600px) {
  woi-form-calculator2-up .form-calculator2-up__budget__wrapper {
    margin: 0;
    max-width: var(--budget-medium-width);
    padding: 28px;
    position: relative;
  }
}
@media (min-width: 1024px) {
  woi-form-calculator2-up .form-calculator2-up__budget__wrapper {
    max-width: var(--budget-large-width);
  }
}
@media (min-width: 1440px) {
  woi-form-calculator2-up .form-calculator2-up__budget__wrapper {
    max-width: var(--budget-extra-large-width);
    min-height: var(--budget-min-height);
  }
}
woi-form-calculator2-up .form-calculator2-up__module {
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 600px) {
  woi-form-calculator2-up .form-calculator2-up__module {
    padding: 0;
  }
}
woi-form-calculator2-up .form-calculator2-up__budget__headline {
  padding-bottom: 24px;
  max-width: 60%;
}
@media (min-width: 600px) {
  woi-form-calculator2-up .form-calculator2-up__budget__headline {
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  woi-form-calculator2-up .form-calculator2-up__budget__headline {
    padding-bottom: 36px;
    margin-top: 11px;
  }
}
woi-form-calculator2-up .form-calculator2-up__budget__input {
  margin: 20px 0 4px;
  position: relative;
}
woi-form-calculator2-up
  .form-calculator2-up__budget__input.mdc-text-field--label-floating
  .mdc-floating-label {
  color: var(--glue-blue-600);
}
woi-form-calculator2-up
  .form-calculator2-up__budget__input.mdc-text-field--label-floating.glue-text-field
  .mdc-notched-outline__leading,
woi-form-calculator2-up
  .form-calculator2-up__budget__input.mdc-text-field--label-floating.glue-text-field
  .mdc-notched-outline__notch,
woi-form-calculator2-up
  .form-calculator2-up__budget__input.mdc-text-field--label-floating.glue-text-field
  .mdc-notched-outline__trailing {
  border-color: var(--glue-blue-600);
}
woi-form-calculator2-up
  .form-calculator2-up__budget__input.error
  .mdc-notched-outline
  .mdc-notched-outline__leading,
woi-form-calculator2-up
  .form-calculator2-up__budget__input.error
  .mdc-notched-outline
  .mdc-notched-outline__notch,
woi-form-calculator2-up
  .form-calculator2-up__budget__input.error
  .mdc-notched-outline
  .mdc-notched-outline__trailing {
  border-color: var(--glue-red-600);
}
woi-form-calculator2-up
  .form-calculator2-up__budget__input.error
  .mdc-notched-outline
  .mdc-notched-outline__notch
  .mdc-floating-label.mdc-floating-label--float-above {
  color: var(--glue-red-600);
}
woi-form-calculator2-up .form-calculator2-up__budget__input__error_letter,
woi-form-calculator2-up .form-calculator2-up__budget__input__error_lower,
woi-form-calculator2-up .form-calculator2-up__budget__input__error_negative {
  color: var(--glue-red-600);
  display: none;
  font-size: 12px;
}
woi-form-calculator2-up .form-calculator2-up__budget__input__error_letter.show,
woi-form-calculator2-up .form-calculator2-up__budget__input__error_lower.show,
woi-form-calculator2-up
  .form-calculator2-up__budget__input__error_negative.show {
  display: block;
}
woi-form-calculator2-up
  .form-calculator2-up__budget__input__error_letter.hidden,
woi-form-calculator2-up .form-calculator2-up__budget__input__error_lower.hidden,
woi-form-calculator2-up
  .form-calculator2-up__budget__input__error_negative.hidden {
  display: none;
}
woi-form-calculator2-up .form-calculator2-up__budget__countrycode,
woi-form-calculator2-up .form-calculator2-up__budget__industry {
  margin-top: 20px;
}
woi-form-calculator2-up
  .form-calculator2-up__budget__countrycode
  .mdc-select__selected-text,
woi-form-calculator2-up
  .form-calculator2-up__budget__industry
  .mdc-select__selected-text {
  line-height: 56px;
}
woi-form-calculator2-up
  .form-calculator2-up__budget__countrycode
  .mdc-notched-outline--notched
  .mdc-floating-label,
woi-form-calculator2-up
  .form-calculator2-up__budget__industry
  .mdc-notched-outline--notched
  .mdc-floating-label {
  color: var(--glue-blue-600);
}
woi-form-calculator2-up
  .form-calculator2-up__budget__countrycode
  .mdc-notched-outline--notched
  .mdc-notched-outline__leading,
woi-form-calculator2-up
  .form-calculator2-up__budget__countrycode
  .mdc-notched-outline--notched
  .mdc-notched-outline__notch,
woi-form-calculator2-up
  .form-calculator2-up__budget__countrycode
  .mdc-notched-outline--notched
  .mdc-notched-outline__trailing,
woi-form-calculator2-up
  .form-calculator2-up__budget__industry
  .mdc-notched-outline--notched
  .mdc-notched-outline__leading,
woi-form-calculator2-up
  .form-calculator2-up__budget__industry
  .mdc-notched-outline--notched
  .mdc-notched-outline__notch,
woi-form-calculator2-up
  .form-calculator2-up__budget__industry
  .mdc-notched-outline--notched
  .mdc-notched-outline__trailing {
  border-color: var(--glue-blue-600);
}
woi-form-calculator2-up .form-calculator2-up__budget__button {
  padding-top: 36px;
  text-align: center;
}
@media (min-width: 600px) {
  woi-form-calculator2-up .form-calculator2-up__budget__button {
    padding-top: 32px;
  }
}
@media (min-width: 1024px) {
  woi-form-calculator2-up .form-calculator2-up__budget__button {
    padding-top: 66px;
  }
}
woi-form-calculator2-up .form-calculator2-up__budget__button .glue-button {
  margin: 0;
}
woi-form-calculator2-up .form-calculator2-up__results__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
woi-form-calculator2-up .form-calculator2-up__results__reset {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--glue-grey-0);
  border: 1px solid var(--glue-blue-500);
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 20px;
  top: 28px;
  width: 50px;
}
@media (min-width: 600px) {
  woi-form-calculator2-up .form-calculator2-up__results__reset {
    right: 28px;
  }
}
woi-form-calculator2-up .form-calculator2-up__results__reset__svg {
  fill: var(--glue-blue-600);
}
woi-form-calculator2-up .form-calculator2-up__results__estimated {
  padding-right: 60px;
}
@media (min-width: 1024px) {
  woi-form-calculator2-up .form-calculator2-up__results__estimated {
    padding-right: 80px;
  }
}
woi-form-calculator2-up .form-calculator2-up__results__estimated.glue-headline {
  font-weight: 500;
}
woi-form-calculator2-up .form-calculator2-up__results__estimated span {
  color: var(--glue-blue-600);
}
woi-form-calculator2-up .form-calculator2-up__results__estimated .category {
  text-transform: capitalize;
}
woi-form-calculator2-up .form-calculator2-up__results__budget {
  padding-bottom: 16px;
  padding-top: 16px;
  text-align: center;
}
@media (min-width: 600px) {
  woi-form-calculator2-up .form-calculator2-up__results__budget {
    padding-bottom: 24px;
  }
}
@media (min-width: 1440px) {
  woi-form-calculator2-up .form-calculator2-up__results__budget {
    padding-top: 36px;
    padding-bottom: 24px;
  }
}
woi-form-calculator2-up .form-calculator2-up__results__bottom {
  margin-top: auto;
}
woi-form-calculator2-up .form-calculator2-up__results__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
woi-form-calculator2-up .form-calculator2-up__results__cta .glue-button {
  margin: 0;
  max-width: auto;
  width: 100%;
}
woi-form-calculator2-up .form-calculator2-up__results__availability {
  padding-top: 8px;
  color: var(--glue-grey-800);
  font-weight: 400;
  text-align: center;
}
woi-form-calculator2-up .form-calculator2-up__results__start {
  padding-top: 16px;
}
woi-form-calculator2-up .form-calculator2-up__results__available {
  height: 100%;
}
woi-form-calculator2-up .form-calculator2-up__results__unavailable {
  padding: 72px 0;
  text-align: center;
}
@media (min-width: 600px) {
  woi-form-calculator2-up .form-calculator2-up__results__unavailable {
    padding: 120px 0;
  }
}
@media (min-width: 1440px) {
  woi-form-calculator2-up .form-calculator2-up__results__unavailable {
    height: 100%;
    padding: 0;
  }
}
woi-form-calculator2-up .form-calculator2-up__results__unavailable__wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1440px) {
  woi-form-calculator2-up .form-calculator2-up__results__unavailable__wrapper {
    height: 100%;
  }
}
woi-goals .woi-goals {
  overflow: hidden;
  position: relative;
}
woi-goals .woi-goals__container--grey {
  background: var(--glue-grey-50);
}
woi-goals
  .woi-goals__container--grey.woi-goals__container--grid-layout
  .woi-goals__inner {
  padding-top: 60px;
}
@media (min-width: 1024px) {
  woi-goals
    .woi-goals__container--grey.woi-goals__container--grid-layout
    .woi-goals__inner {
    padding-top: 80px;
  }
}
woi-goals .woi-goals__container--white {
  background: var(--glue-grey-0);
}
woi-goals
  .woi-goals__container--white.woi-goals__container--grid-layout
  .woi-goals__inner {
  padding-top: 60px;
}
@media (min-width: 1024px) {
  woi-goals
    .woi-goals__container--white.woi-goals__container--grid-layout
    .woi-goals__inner {
    padding-top: 80px;
  }
}
woi-goals .woi-goals__container--arch:before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--glue-grey-50)),
    to(var(--glue-grey-0))
  );
  background: linear-gradient(180deg, var(--glue-grey-50), var(--glue-grey-0));
  border-radius: 100%;
  content: "";
  height: 676px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 773px;
}
@media (min-width: 600px) {
  woi-goals .woi-goals__container--arch:before {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(241, 243, 244, 0.5)),
      color-stop(34.52%, hsla(0, 0%, 100%, 0))
    );
    background: linear-gradient(
      180deg,
      rgba(241, 243, 244, 0.5),
      hsla(0, 0%, 100%, 0) 34.52%
    );
    height: 1317px;
    width: 1510px;
  }
}
@media (min-width: 1024px) {
  woi-goals .woi-goals__container--arch:before {
    height: 1454px;
    width: 1540px;
  }
}
@media (min-width: 1440px) {
  woi-goals .woi-goals__container--arch:before {
    height: 1596px;
    width: 2000px;
  }
}
woi-goals .woi-goals__inner {
  padding-bottom: 60px;
  padding-top: 92px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  woi-goals .woi-goals__inner {
    padding-bottom: 80px;
    padding-top: 130px;
  }
}
@media (min-width: 600px) {
  woi-goals .woi-goals__inner {
    padding-bottom: 48px;
  }
}
@media (max-width: 600px) {
  .animation-control-btn-wrapper {
    display: none !important;
  }
}
@media (min-width: 600px) and (min-width: 1024px) {
  woi-goals .woi-goals__inner {
    padding-bottom: 60px;
  }
}
@media (min-width: 1440px) {
  woi-goals .woi-goals__inner {
    padding-bottom: 60px;
  }
}
@media (min-width: 1440px) and (min-width: 1024px) {
  woi-goals .woi-goals__inner {
    padding-bottom: 45px;
  }
}
woi-goals .woi-goals__cta--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
woi-goals .woi-goals ul {
  margin-left: 0;
}
woi-goals .woi-goals__goals-container {
  margin-top: 24px;
}
@media (min-width: 600px) {
  woi-goals .woi-goals__goals-container--grid-layout {
    margin-top: 48px;
  }
}
@media (min-width: 1024px) {
  woi-goals .woi-goals__goals-container--grid-layout {
    margin-top: 60px;
  }
}
@media (min-width: 600px) {
  woi-goals .woi-goals__grid.glue-grid__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
woi-goals .woi-goals__grid.glue-grid__col woi-feature-media {
  margin: 0;
}
@media (min-width: 600px) {
  woi-goals .woi-goals__grid.glue-grid__col woi-feature-media {
    width: calc(33% - 9px);
  }
  woi-goals
    .woi-goals__grid.glue-grid__col
    woi-feature-media:not(:nth-child(3n)) {
    margin: 0 16px 0 0;
  }
  woi-goals .woi-goals__grid.glue-grid__col woi-feature-media:last-child {
    margin: 0;
  }
}
woi-goal-selector .woi-goal-selector {
  overflow: hidden;
  position: relative;
}
woi-goal-selector .woi-goal-selector:before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--glue-grey-50)),
    to(var(--glue-grey-0))
  );
  background: linear-gradient(180deg, var(--glue-grey-50), var(--glue-grey-0));
  border-radius: 100%;
  content: "";
  height: 744px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 773px;
}
@media (min-width: 600px) {
  woi-goal-selector .woi-goal-selector:before {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(241, 243, 244, 0.5)),
      color-stop(34.52%, hsla(0, 0%, 100%, 0))
    );
    background: linear-gradient(
      180deg,
      rgba(241, 243, 244, 0.5),
      hsla(0, 0%, 100%, 0) 34.52%
    );
    height: 1000px;
    width: 1554px;
  }
}
@media (min-width: 1024px) {
  woi-goal-selector .woi-goal-selector:before {
    height: 1567px;
    width: 1808px;
  }
}
woi-goal-selector .woi-goal-selector__container {
  padding-top: 36px;
  position: relative;
}
@media (max-width: 599px) {
  woi-goal-selector .woi-goal-selector-tab__icon {
    display: none;
  }
}
woi-goal-selector .glue-tabpanels {
  display: grid;
}
woi-goal-selector .glue-tabpanels__page-list {
  -moz-column-gap: 1rem;
  -webkit-column-gap: 1rem;
  column-gap: 1rem;
  overflow: scroll hidden;
  padding: 0 28px;
}
@media (min-width: 600px) {
  woi-goal-selector .glue-tabpanels__page-list {
    padding: 0 40px;
  }
}
woi-goal-selector .glue-tabpanels__page-list--container {
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
}
woi-goal-selector .glue-tabpanels__page-list--container:after,
woi-goal-selector .glue-tabpanels__page-list--container:before {
  content: "";
  height: 42px;
  position: absolute;
  top: 0;
  width: 28px;
}
woi-goal-selector .glue-tabpanels__page-list--container:before {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(var(--glue-grey-0)),
    to(transparent)
  );
  background: linear-gradient(90deg, var(--glue-grey-0), transparent);
  left: -1px;
  z-index: 1;
}
woi-goal-selector .glue-tabpanels__page-list--container:after {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(transparent),
    to(var(--glue-grey-0))
  );
  background: linear-gradient(90deg, transparent, var(--glue-grey-0));
  right: 0;
}
woi-goal-selector .glue-tabpanels .glue-tabs__tablist {
  -ms-overflow-style: none;
  border: none;
  display: grid;
  grid-auto-flow: column;
  scrollbar-width: none;
  white-space: nowrap;
}
woi-goal-selector .glue-tabpanels .glue-tabs__tablist::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  woi-goal-selector .glue-tabpanels .glue-tabs__tablist {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
woi-goal-selector .glue-tabpanels .glue-tabs__panelgroup {
  margin-top: 66px;
}
woi-goal-selector .glue-tab {
  border: 1px solid var(--glue-grey-300);
  border-radius: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  padding: 8px 24px;
}
woi-goal-selector .glue-tab:after {
  border: none;
}
@media (-ms-high-contrast: active), (forced-colors: active) {
  woi-goal-selector .glue-tab {
    border: 5px solid buttonFace;
  }
}
woi-goal-selector .glue-tab[aria-selected="true"] {
  background-color: var(--glue-blue-600);
  border-color: var(--glue-blue-600);
  color: var(--glue-grey-0);
}
@media (-ms-high-contrast: active), (forced-colors: active) {
  woi-goal-selector .glue-tab[aria-selected="true"] {
    border-color: linkText;
    color: linkText;
  }
}
woi-goal-selector .glue-tabpanels__panel-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 599px) {
  woi-goal-selector .glue-tabpanels__panel-content {
    text-align: center;
  }
}
@media (max-width: 599px) {
  woi-goal-selector .feature-media__thumbnail-container {
    display: none;
  }
}
woi-goal-selector .woi-resource-container {
  text-align: left;
}
.mdc-checkbox {
  padding: 11px;
  padding: calc(var(--mdc-checkbox-ripple-size, 40px) / 2 - 9px);
  margin: 0;
  margin: calc(var(--mdc-checkbox-touch-target-size, 40px) / 2 - 20px);
}
.mdc-checkbox .mdc-checkbox__ripple:after,
.mdc-checkbox .mdc-checkbox__ripple:before {
  background-color: #000;
  background-color: var(--mdc-ripple-color, #000);
}
.mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple:before,
.mdc-checkbox:hover .mdc-checkbox__ripple:before {
  opacity: 0.04;
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
.mdc-checkbox.mdc-ripple-upgraded--background-focused
  .mdc-checkbox__ripple:before,
.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple:before {
  -webkit-transition-duration: 75ms;
  transition-duration: 75ms;
  opacity: 0.12;
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple:after {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple:after {
  -webkit-transition-duration: 75ms;
  transition-duration: 75ms;
  opacity: 0.12;
  opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-checkbox.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple:after,
.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple:before {
  background-color: #018786;
  background-color: var(
    --mdc-ripple-color,
    var(--mdc-theme-secondary, #018786)
  );
}
.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover
  .mdc-checkbox__ripple:before,
.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple:before {
  opacity: 0.04;
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused
  .mdc-checkbox__ripple:before,
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus
  .mdc-checkbox__ripple:before {
  -webkit-transition-duration: 75ms;
  transition-duration: 75ms;
  opacity: 0.12;
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded)
  .mdc-checkbox__ripple:after {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active
  .mdc-checkbox__ripple:after {
  -webkit-transition-duration: 75ms;
  transition-duration: 75ms;
  opacity: 0.12;
  opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected
  .mdc-checkbox__ripple:after,
.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected
  .mdc-checkbox__ripple:before {
  background-color: #018786;
  background-color: var(
    --mdc-ripple-color,
    var(--mdc-theme-secondary, #018786)
  );
}
.mdc-checkbox .mdc-checkbox__background {
  top: 11px;
  top: calc(var(--mdc-checkbox-ripple-size, 40px) / 2 - 9px);
  left: 11px;
  left: calc(var(--mdc-checkbox-ripple-size, 40px) / 2 - 9px);
}
.mdc-checkbox .mdc-checkbox__native-control {
  top: 0;
  top: calc(20px - var(--mdc-checkbox-touch-target-size, 40px) / 2);
  right: 0;
  right: calc(20px - var(--mdc-checkbox-touch-target-size, 40px) / 2);
  left: 0;
  left: calc(20px - var(--mdc-checkbox-touch-target-size, 40px) / 2);
  width: 40px;
  width: var(--mdc-checkbox-touch-target-size, 40px);
  height: 40px;
  height: var(--mdc-checkbox-touch-target-size, 40px);
}
.mdc-checkbox
  .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not(
    [data-indeterminate="true"]
  )
  ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.54);
  border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  background-color: transparent;
}
.mdc-checkbox
  .mdc-checkbox__native-control:enabled:checked
  ~ .mdc-checkbox__background,
.mdc-checkbox
  .mdc-checkbox__native-control:enabled:indeterminate
  ~ .mdc-checkbox__background,
.mdc-checkbox
  .mdc-checkbox__native-control[data-indeterminate="true"]:enabled
  ~ .mdc-checkbox__background {
  border-color: #018786;
  border-color: var(
    --mdc-checkbox-checked-color,
    var(--mdc-theme-secondary, #018786)
  );
  background-color: #018786;
  background-color: var(
    --mdc-checkbox-checked-color,
    var(--mdc-theme-secondary, #018786)
  );
}
@-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786 {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
    background-color: transparent;
  }
  50% {
    border-color: #018786;
    border-color: var(
      --mdc-checkbox-checked-color,
      var(--mdc-theme-secondary, #018786)
    );
    background-color: #018786;
    background-color: var(
      --mdc-checkbox-checked-color,
      var(--mdc-theme-secondary, #018786)
    );
  }
}
@keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786 {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
    background-color: transparent;
  }
  50% {
    border-color: #018786;
    border-color: var(
      --mdc-checkbox-checked-color,
      var(--mdc-theme-secondary, #018786)
    );
    background-color: #018786;
    background-color: var(
      --mdc-checkbox-checked-color,
      var(--mdc-theme-secondary, #018786)
    );
  }
}
@-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786 {
  0%,
  80% {
    border-color: #018786;
    border-color: var(
      --mdc-checkbox-checked-color,
      var(--mdc-theme-secondary, #018786)
    );
    background-color: #018786;
    background-color: var(
      --mdc-checkbox-checked-color,
      var(--mdc-theme-secondary, #018786)
    );
  }
  to {
    border-color: rgba(0, 0, 0, 0.54);
    border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
    background-color: transparent;
  }
}
@keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786 {
  0%,
  80% {
    border-color: #018786;
    border-color: var(
      --mdc-checkbox-checked-color,
      var(--mdc-theme-secondary, #018786)
    );
    background-color: #018786;
    background-color: var(
      --mdc-checkbox-checked-color,
      var(--mdc-theme-secondary, #018786)
    );
  }
  to {
    border-color: rgba(0, 0, 0, 0.54);
    border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
    background-color: transparent;
  }
}
.mdc-checkbox.mdc-checkbox--anim-unchecked-checked
  .mdc-checkbox__native-control:enabled
  ~ .mdc-checkbox__background,
.mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate
  .mdc-checkbox__native-control:enabled
  ~ .mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786;
  animation-name: mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786;
}
.mdc-checkbox.mdc-checkbox--anim-checked-unchecked
  .mdc-checkbox__native-control:enabled
  ~ .mdc-checkbox__background,
.mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked
  .mdc-checkbox__native-control:enabled
  ~ .mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786;
  animation-name: mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786;
}
.mdc-checkbox
  .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not(
    [data-indeterminate="true"]
  )
  ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.38);
  border-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));
  background-color: transparent;
}
.mdc-checkbox
  .mdc-checkbox__native-control[data-indeterminate="true"][disabled]
  ~ .mdc-checkbox__background,
.mdc-checkbox
  .mdc-checkbox__native-control[disabled]:checked
  ~ .mdc-checkbox__background,
.mdc-checkbox
  .mdc-checkbox__native-control[disabled]:indeterminate
  ~ .mdc-checkbox__background {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.38);
  background-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));
}
.mdc-checkbox
  .mdc-checkbox__native-control:enabled
  ~ .mdc-checkbox__background
  .mdc-checkbox__checkmark {
  color: #fff;
  color: var(--mdc-checkbox-ink-color, #fff);
}
.mdc-checkbox
  .mdc-checkbox__native-control:enabled
  ~ .mdc-checkbox__background
  .mdc-checkbox__mixedmark {
  border-color: #fff;
  border-color: var(--mdc-checkbox-ink-color, #fff);
}
.mdc-checkbox
  .mdc-checkbox__native-control:disabled
  ~ .mdc-checkbox__background
  .mdc-checkbox__checkmark {
  color: #fff;
  color: var(--mdc-checkbox-ink-color, #fff);
}
.mdc-checkbox
  .mdc-checkbox__native-control:disabled
  ~ .mdc-checkbox__background
  .mdc-checkbox__mixedmark {
  border-color: #fff;
  border-color: var(--mdc-checkbox-ink-color, #fff);
}
.mdc-touch-target-wrapper {
  display: inline;
}
@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  0%,
  50% {
    stroke-dashoffset: 29.7833385;
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  0%,
  50% {
    stroke-dashoffset: 29.7833385;
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  0%,
  68.2% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  68.2% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  0%,
  68.2% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  68.2% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    opacity: 1;
    stroke-dashoffset: 0;
  }
  to {
    opacity: 0;
    stroke-dashoffset: -29.7833385;
  }
}
@keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    opacity: 1;
    stroke-dashoffset: 0;
  }
  to {
    opacity: 0;
    stroke-dashoffset: -29.7833385;
  }
}
@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
@keyframes mdc-checkbox-checked-indeterminate-checkmark {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 1;
  }
}
@keyframes mdc-checkbox-indeterminate-checked-checkmark {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 1;
  }
}
@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  0% {
    -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}
@keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  0% {
    -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    opacity: 0;
  }
}
@keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    opacity: 0;
  }
}
@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
  32.8%,
  to {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
  }
}
@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
  32.8%,
  to {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
  }
}
.mdc-checkbox {
  display: inline-block;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 18px;
  flex: 0 0 18px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  line-height: 0;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: bottom;
}
.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,
.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring {
  pointer-events: none;
  border: 2px solid transparent;
  border-radius: 6px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
}
@media screen and (forced-colors: active) {
  .mdc-checkbox.mdc-ripple-upgraded--background-focused
    .mdc-checkbox__focus-ring,
  .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring {
    border-color: CanvasText;
  }
}
.mdc-checkbox.mdc-ripple-upgraded--background-focused
  .mdc-checkbox__focus-ring:after,
.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring:after {
  content: "";
  border: 2px solid transparent;
  border-radius: 8px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: calc(100% + 4px);
  width: calc(100% + 4px);
}
@media screen and (forced-colors: active) {
  .mdc-checkbox.mdc-ripple-upgraded--background-focused
    .mdc-checkbox__focus-ring:after,
  .mdc-checkbox:not(.mdc-ripple-upgraded):focus
    .mdc-checkbox__focus-ring:after {
    border-color: CanvasText;
  }
}
@media (-ms-high-contrast: none) {
  .mdc-checkbox .mdc-checkbox__focus-ring {
    display: none;
  }
}
@media (-ms-high-contrast: active), screen and (forced-colors: active) {
  .mdc-checkbox__mixedmark {
    margin: 0 1px;
  }
}
.mdc-checkbox--disabled {
  cursor: default;
  pointer-events: none;
}
.mdc-checkbox__background {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 2px;
  background-color: transparent;
  pointer-events: none;
  will-change: background-color, border-color;
  -webkit-transition: background-color 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,
    border-color 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
  transition: background-color 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,
    border-color 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
}
.mdc-checkbox__checkmark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.18s cubic-bezier(0.4, 0, 0.6, 1) 0ms;
  transition: opacity 0.18s cubic-bezier(0.4, 0, 0.6, 1) 0ms;
}
.mdc-checkbox--upgraded .mdc-checkbox__checkmark {
  opacity: 1;
}
.mdc-checkbox__checkmark-path {
  -webkit-transition: stroke-dashoffset 0.18s cubic-bezier(0.4, 0, 0.6, 1) 0ms;
  transition: stroke-dashoffset 0.18s cubic-bezier(0.4, 0, 0.6, 1) 0ms;
  stroke: currentColor;
  stroke-width: 3.12px;
  stroke-dashoffset: 29.7833385;
  stroke-dasharray: 29.7833385;
}
.mdc-checkbox__mixedmark {
  width: 100%;
  height: 0;
  -webkit-transform: scaleX(0) rotate(0deg);
  transform: scaleX(0) rotate(0deg);
  border-width: 1px;
  border-style: solid;
  opacity: 0;
  -webkit-transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,
    -webkit-transform 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
  transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,
    -webkit-transform 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
  transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,
    transform 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
  transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,
    transform 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,
    -webkit-transform 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background {
  -webkit-animation-duration: 0.18s;
  animation-duration: 0.18s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
  -webkit-animation: mdc-checkbox-unchecked-checked-checkmark-path 0.18s linear
    0s;
  animation: mdc-checkbox-unchecked-checked-checkmark-path 0.18s linear 0s;
  -webkit-transition: none;
  transition: none;
}
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
  -webkit-animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear
    0s;
  animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
  -webkit-transition: none;
  transition: none;
}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
  -webkit-animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear
    0s;
  animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
  -webkit-transition: none;
  transition: none;
}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
  -webkit-animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
  animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
  -webkit-transition: none;
  transition: none;
}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
  -webkit-animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
  animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
  -webkit-transition: none;
  transition: none;
}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
  -webkit-animation: mdc-checkbox-indeterminate-checked-checkmark 0.5s linear 0s;
  animation: mdc-checkbox-indeterminate-checked-checkmark 0.5s linear 0s;
  -webkit-transition: none;
  transition: none;
}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
  -webkit-animation: mdc-checkbox-indeterminate-checked-mixedmark 0.5s linear 0s;
  animation: mdc-checkbox-indeterminate-checked-mixedmark 0.5s linear 0s;
  -webkit-transition: none;
  transition: none;
}
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
  -webkit-animation: mdc-checkbox-indeterminate-unchecked-mixedmark 0.3s linear
    0s;
  animation: mdc-checkbox-indeterminate-unchecked-mixedmark 0.3s linear 0s;
  -webkit-transition: none;
  transition: none;
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background,
.mdc-checkbox__native-control[data-indeterminate="true"]
  ~ .mdc-checkbox__background {
  -webkit-transition: border-color 90ms cubic-bezier(0, 0, 0.2, 1) 0ms,
    background-color 90ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 1) 0ms,
    background-color 90ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}
.mdc-checkbox__native-control:checked
  ~ .mdc-checkbox__background
  .mdc-checkbox__checkmark-path,
.mdc-checkbox__native-control:indeterminate
  ~ .mdc-checkbox__background
  .mdc-checkbox__checkmark-path,
.mdc-checkbox__native-control[data-indeterminate="true"]
  ~ .mdc-checkbox__background
  .mdc-checkbox__checkmark-path {
  stroke-dashoffset: 0;
}
.mdc-checkbox__native-control {
  position: absolute;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit;
}
.mdc-checkbox__native-control:disabled {
  cursor: default;
  pointer-events: none;
}
.mdc-checkbox--touch {
  margin: 4px;
  margin: calc(
    var(--mdc-checkbox-state-layer-size, 48px) / 2 -
      var(--mdc-checkbox-state-layer-size, 40px) / 2
  );
}
.mdc-checkbox--touch .mdc-checkbox__native-control {
  top: -4px;
  top: calc(
    var(--mdc-checkbox-state-layer-size, 40px) / 2 -
      var(--mdc-checkbox-state-layer-size, 48px) / 2
  );
  right: -4px;
  right: calc(
    var(--mdc-checkbox-state-layer-size, 40px) / 2 -
      var(--mdc-checkbox-state-layer-size, 48px) / 2
  );
  left: -4px;
  left: calc(
    var(--mdc-checkbox-state-layer-size, 40px) / 2 -
      var(--mdc-checkbox-state-layer-size, 48px) / 2
  );
  width: 48px;
  width: var(--mdc-checkbox-state-layer-size, 48px);
  height: 48px;
  height: var(--mdc-checkbox-state-layer-size, 48px);
}
.mdc-checkbox__native-control:checked
  ~ .mdc-checkbox__background
  .mdc-checkbox__checkmark {
  -webkit-transition: opacity 0.18s cubic-bezier(0, 0, 0.2, 1) 0ms,
    -webkit-transform 0.18s cubic-bezier(0, 0, 0.2, 1) 0ms;
  transition: opacity 0.18s cubic-bezier(0, 0, 0.2, 1) 0ms,
    -webkit-transform 0.18s cubic-bezier(0, 0, 0.2, 1) 0ms;
  transition: opacity 0.18s cubic-bezier(0, 0, 0.2, 1) 0ms,
    transform 0.18s cubic-bezier(0, 0, 0.2, 1) 0ms;
  transition: opacity 0.18s cubic-bezier(0, 0, 0.2, 1) 0ms,
    transform 0.18s cubic-bezier(0, 0, 0.2, 1) 0ms,
    -webkit-transform 0.18s cubic-bezier(0, 0, 0.2, 1) 0ms;
  opacity: 1;
}
.mdc-checkbox__native-control:checked
  ~ .mdc-checkbox__background
  .mdc-checkbox__mixedmark {
  -webkit-transform: scaleX(1) rotate(-45deg);
  transform: scaleX(1) rotate(-45deg);
}
.mdc-checkbox__native-control:indeterminate
  ~ .mdc-checkbox__background
  .mdc-checkbox__checkmark,
.mdc-checkbox__native-control[data-indeterminate="true"]
  ~ .mdc-checkbox__background
  .mdc-checkbox__checkmark {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  -webkit-transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,
    -webkit-transform 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
  transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,
    -webkit-transform 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
  transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,
    transform 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
  transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,
    transform 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,
    -webkit-transform 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
}
.mdc-checkbox__native-control:indeterminate
  ~ .mdc-checkbox__background
  .mdc-checkbox__mixedmark,
.mdc-checkbox__native-control[data-indeterminate="true"]
  ~ .mdc-checkbox__background
  .mdc-checkbox__mixedmark {
  -webkit-transform: scaleX(1) rotate(0deg);
  transform: scaleX(1) rotate(0deg);
  opacity: 1;
}
.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,
.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,
.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
  -webkit-transition: none;
  transition: none;
}
@-webkit-keyframes mdc-ripple-fg-radius-in {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0))
      scale(1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0))
      scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0))
      scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-radius-in {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0))
      scale(1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0))
      scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0))
      scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@-webkit-keyframes mdc-ripple-fg-opacity-in {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@-webkit-keyframes mdc-ripple-fg-opacity-out {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-checkbox {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
}
.mdc-checkbox .mdc-checkbox__ripple:after,
.mdc-checkbox .mdc-checkbox__ripple:before {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-checkbox .mdc-checkbox__ripple:before {
  -webkit-transition: opacity 15ms linear, background-color 15ms linear;
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  z-index: var(--mdc-ripple-z-index, 1);
}
.mdc-checkbox .mdc-checkbox__ripple:after {
  z-index: 0;
  z-index: var(--mdc-ripple-z-index, 0);
}
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple:before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple:after {
  top: 0;
  left: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple:after {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0);
}
.mdc-checkbox.mdc-ripple-upgraded--foreground-activation
  .mdc-checkbox__ripple:after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards,
    mdc-ripple-fg-opacity-in 75ms forwards;
  animation: mdc-ripple-fg-radius-in 225ms forwards,
    mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation
  .mdc-checkbox__ripple:after {
  -webkit-animation: mdc-ripple-fg-opacity-out 0.15s;
  animation: mdc-ripple-fg-opacity-out 0.15s;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0))
    scale(var(--mdc-ripple-fg-scale, 1));
  transform: translate(var(--mdc-ripple-fg-translate-end, 0))
    scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-checkbox .mdc-checkbox__ripple:after,
.mdc-checkbox .mdc-checkbox__ripple:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple:after,
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple:before {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0);
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple:after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-checkbox {
  z-index: 0;
}
.mdc-checkbox .mdc-checkbox__ripple:after,
.mdc-checkbox .mdc-checkbox__ripple:before {
  z-index: -1;
  z-index: var(--mdc-ripple-z-index, -1);
}
.mdc-checkbox__ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.gridwall-filter-open:before {
  background: rgba(32, 33, 36, 0.6);
  content: "";
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 8999;
}
@media (max-width: 599px) {
  woi-grid-wall .gridwall-page {
    margin-top: 20px;
  }
}
@media (max-width: 599px) {
  woi-grid-wall .gridwall-filter {
    margin-bottom: 20px;
  }
}
woi-grid-wall .gridwall-wrapper {
  height: auto;
  max-height: 10000px;
  overflow: hidden;
  position: relative;
  -webkit-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
}
woi-grid-wall .gridwall {
  display: grid;
  grid-auto-rows: minmax(274px, auto);
  grid-template-rows: minmax(274px, auto);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  row-gap: 24px;
}
@media (min-width: 600px) {
  woi-grid-wall .gridwall {
    gap: 36px 40px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  woi-grid-wall .gridwall {
    -moz-column-gap: 47px;
    -webkit-column-gap: 47px;
    column-gap: 47px;
  }
}
@media (min-width: 1440px) {
  woi-grid-wall .gridwall {
    gap: 48px 65px;
    grid-template-columns: repeat(3, 1fr);
  }
}
woi-grid-wall .copy-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  padding: 24px 24px 16px;
}
woi-grid-wall .copy-section.has-time-pill .headline-container {
  max-width: 75%;
}
@media (min-width: 600px) {
  woi-grid-wall .copy-section.has-time-pill .headline-container {
    max-width: 100%;
  }
}
woi-grid-wall .gridwall-card {
  border: 1px solid var(--glue-grey-200);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: visible;
  position: relative;
}
woi-grid-wall .gridwall-card:before {
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 3px rgba(60, 64, 67, 0.1),
    0 2px 5px rgba(60, 64, 67, 0.2);
  box-shadow: 0 2px 3px rgba(60, 64, 67, 0.1), 0 2px 5px rgba(60, 64, 67, 0.2);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
}
woi-grid-wall .gridwall-card[type="video"][data-grid-span="2"]:before {
  content: none;
}
woi-grid-wall .gridwall-card[type="text"][data-grid-span="1"]:nth-child(2n) {
  background: var(--glue-grey-50);
}
woi-grid-wall .gridwall-card:hover {
  background: none;
  cursor: pointer;
}
woi-grid-wall .gridwall-card:hover:before {
  opacity: 1;
}
woi-grid-wall .gridwall-card:focus {
  background-color: var(--glue-grey-0);
  -webkit-box-shadow: 0 2px 3px rgba(60, 64, 67, 0.1),
    0 2px 5px rgba(60, 64, 67, 0.2);
  box-shadow: 0 2px 3px rgba(60, 64, 67, 0.1), 0 2px 5px rgba(60, 64, 67, 0.2);
}
woi-grid-wall .gridwall-card a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
}
woi-grid-wall .gridwall-card a:focus {
  border: 2px solid var(--glue-blue-600);
  -webkit-box-shadow: none;
  box-shadow: none;
}
woi-grid-wall .headline-container {
  margin-bottom: 12px;
}
woi-grid-wall .eyebrow {
  color: var(--glue-grey-700);
  text-transform: uppercase;
}
woi-grid-wall .long-headline {
  display: none;
}
woi-grid-wall .cta-section {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--glue-grey-700);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: auto;
}
woi-grid-wall .format {
  font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
}
woi-grid-wall .format svg {
  margin: 0 7px 0 0;
  position: relative;
  top: 1px;
}
woi-grid-wall .icon {
  display: grid;
  width: 24px;
}
woi-grid-wall .featured-card .card-headline {
  font-size: 28px;
}
@media (min-width: 600px) {
  woi-grid-wall [data-grid-span="2"] .short-headline {
    display: none;
  }
}
@media (min-width: 600px) {
  woi-grid-wall [data-grid-span="2"] .long-headline {
    display: block;
  }
}
@media (min-width: 600px) {
  woi-grid-wall [data-grid-span="2"] {
    grid-column-end: span 2;
  }
}
woi-grid-wall [image-span="2"] {
  display: none;
}
@media (min-width: 600px) {
  woi-grid-wall [type="text"] .card-headline {
    font-size: 1.75rem;
  }
}
@media (min-width: 1440px) {
  woi-grid-wall [type="text"] .card-headline {
    margin-bottom: 60px;
  }
}
@media (min-width: 1024px) {
  woi-grid-wall [type="text"].featured-card .card-headline {
    font-size: 3rem;
    letter-spacing: -0.5px;
    line-height: 56px;
    margin: 0 0 13px;
  }
}
woi-grid-wall [type="video"] .gridwall-card-container-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  text-decoration: inherit;
}
woi-grid-wall [type="video"] .glue-video__preview-container--modal {
  border: none;
  overflow: visible;
}
woi-grid-wall [type="video"] .glue-video__timestamp-container {
  bottom: -40px;
  position: absolute;
  right: 0;
  width: auto;
}
@media (min-width: 600px) {
  woi-grid-wall [type="video"] .glue-video__timestamp-container {
    bottom: -35px;
    right: 15px;
  }
}
woi-grid-wall [type="video"] .glue-video__timestamp--dark {
  background: #000;
  height: 21px;
  padding: 9px 6px;
}
woi-grid-wall [type="video"] .glue-video__timestamp-duration {
  font-size: 0.8125rem;
  line-height: 1;
}
woi-grid-wall [type="video"] .glue-video:after {
  content: "";
  height: 180%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
woi-grid-wall [type="video"] .copy-section {
  width: 100%;
}
@media (min-width: 600px) {
  woi-grid-wall [type="video"] .copy-section {
    max-width: 90%;
  }
}
woi-grid-wall [type="video"] .cta-section {
  display: none;
}
@media (max-width: 599px) {
  woi-grid-wall [type="video"] .eyebrow {
    display: none;
  }
}
@media (min-width: 600px) {
  woi-grid-wall
    [type="video"][data-grid-span="1"]
    .glue-video__timestamp-container {
    position: static;
    width: 100%;
  }
}
woi-grid-wall [type="video"][data-grid-span="1"] .copy-section .card-headline {
  font-size: 1.25rem;
}
@media (min-width: 600px) {
  woi-grid-wall [type="video"][data-grid-span="1"] .copy-section {
    max-width: 100%;
    padding: 24px 24px 16px;
  }
}
woi-grid-wall [type="video"][data-grid-span="1"] .cta-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 600px) {
  woi-grid-wall [type="video"][data-grid-span="1"] {
    border: 1px solid var(--glue-grey-200);
  }
}
woi-grid-wall [type="video"] .glue-video__preview-image {
  border-radius: 8px 8px 0 0;
}
@media (min-width: 600px) {
  woi-grid-wall [type="video"][data-grid-span="2"] [image-span="1"] {
    display: none;
  }
}
@media (min-width: 600px) {
  woi-grid-wall [type="video"][data-grid-span="2"] [image-span="2"] {
    display: block;
  }
}
woi-grid-wall
  [type="video"][data-grid-span="2"]
  .glue-video__timestamp-container {
  right: 0;
}
@media (min-width: 600px) {
  woi-grid-wall
    [type="video"][data-grid-span="2"]
    .glue-video__timestamp-container {
    width: auto;
  }
}
@media (min-width: 600px) {
  woi-grid-wall [type="video"][data-grid-span="2"] .glue-video__timestamp {
    margin: 0;
  }
}
woi-grid-wall [type="video"] .glue-modal__content-wrapper {
  aspect-ratio: 16/9;
  height: auto;
  margin: 0 auto;
  max-width: 1070px;
  width: 100%;
}
@supports not (aspect-ratio: 16/9) {
  woi-grid-wall [type="video"] .glue-modal__content-wrapper {
    height: 100%;
    max-height: 180px;
  }
  @media (min-width: 600px) {
    woi-grid-wall [type="video"] .glue-modal__content-wrapper {
      max-height: 318px;
    }
  }
  @media (min-width: 1024px) {
    woi-grid-wall [type="video"] .glue-modal__content-wrapper {
      max-height: 408px;
    }
  }
  @media (min-width: 1440px) {
    woi-grid-wall [type="video"] .glue-modal__content-wrapper {
      max-height: 601px;
    }
  }
}
woi-grid-wall [type="video"] .glue-modal__content-wrapper ~ woi-button {
  display: inline-block;
  left: 50%;
  margin: 5px 0 0;
  position: relative;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
woi-grid-wall [type="image"][data-grid-span="1"] img {
  border-radius: 8px 8px 0 0;
}
woi-grid-wall [type="image"][data-grid-span="1"] .headline-container h4 {
  font-size: 1.25rem;
  margin: 0 0 15px;
}
woi-grid-wall [type="image"][data-grid-span="2"] img {
  border-radius: 8px 0 0 8px;
}
woi-grid-wall [type="image"][data-grid-span="2"] .copy-section {
  -ms-flex-negative: 2;
  flex-shrink: 2;
}
@media (min-width: 1024px) {
  woi-grid-wall [type="image"][data-grid-span="2"] .copy-section {
    -ms-flex-negative: 40;
    flex-shrink: 40;
  }
}
@media (min-width: 1024px) {
  woi-grid-wall
    [type="image"][data-grid-span="2"]
    .copy-section
    .card-headline {
    font-size: 28px;
  }
}
@media (min-width: 600px) {
  woi-grid-wall [type="image"][data-grid-span="2"] .cta-section {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media (min-width: 600px) {
  woi-grid-wall [type="image"][data-grid-span="2"] .icon {
    margin: 0 0 0 50px;
  }
}
woi-grid-wall [type="image"][data-grid-span="2"] [image-span="1"] {
  display: none;
}
woi-grid-wall [type="image"][data-grid-span="2"] [image-span="2"] {
  display: block;
  height: 100%;
}
woi-grid-wall [type="image"][data-grid-span="2"] [image-span="2"] img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 600px) {
  woi-grid-wall [type="image"][data-grid-span="2"] a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
woi-grid-wall .show-more-btn {
  pointer-events: none;
}
woi-grid-wall .show-more-btn .glue-button {
  left: 50%;
  pointer-events: all;
  position: relative;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
woi-grid-wall .glue-expansion-panels .glue-expansion-panel:nth-last-child(2) {
  border-bottom: 1px solid var(--glue-grey-300);
}
woi-grid-wall .glue-expansion-panels .glue-expansion-panel__button {
  padding: 24px 16px 24px 12px;
}
woi-grid-wall .glue-expansion-panels .glue-expansion-panel__button:focus,
woi-grid-wall .glue-expansion-panels .glue-expansion-panel__button:hover {
  color: var(--glue-grey-900);
}
woi-grid-wall
  .glue-expansion-panels
  .glue-expansion-panel__button
  .glue-expansion-panel__header-text {
  color: var(--glue-grey-800);
}
@media (min-width: 1024px) {
  woi-grid-wall
    .glue-expansion-panels
    .glue-expansion-panel__button
    .glue-expansion-panel__header-text {
    font-size: 20px;
  }
}
woi-grid-wall .glue-expansion-panels .glue-expansion-panel__header-arrow {
  fill: var(--glue-grey-800);
}
@media (forced-colors: active) {
  woi-grid-wall .glue-expansion-panels .glue-expansion-panel__header-arrow {
    fill: currentColor;
  }
}
woi-grid-wall .filter-heading {
  font-size: 16px;
  padding-left: 12px;
}
woi-grid-wall .open-filter-btn button {
  min-width: 100%;
  width: 100%;
}
woi-grid-wall .open-filter-btn button.glue-button.glue-button--icon-right {
  padding-left: 20px;
}
@media (min-width: 1024px) {
  woi-grid-wall .open-filter-btn {
    display: none;
  }
}
woi-grid-wall .close-filter-btn {
  background: none;
  border: none;
  padding: 0 3px 0 27px;
}
@media (min-width: 1024px) {
  woi-grid-wall .close-filter-btn {
    display: none;
  }
}
@media (max-width: 1023px) {
  woi-grid-wall .filter-container {
    background: var(--glue-grey-0);
    border-radius: 8px;
    display: none;
    height: auto;
    left: 50%;
    max-height: calc(100vh - 160px);
    max-width: 566px;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    overflow-y: scroll;
    padding: 8px 16px 24px;
    position: fixed;
    scrollbar-width: none;
    top: 88px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 87%;
    z-index: 9000;
  }
  woi-grid-wall .filter-container.show {
    display: block;
  }
}
woi-grid-wall .filter-container::-webkit-scrollbar {
  display: none;
}
woi-grid-wall .checkbox-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
woi-grid-wall
  .checkbox-wrapper
  .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not(
    [data-indeterminate="true"]
  )
  ~ .mdc-checkbox__background {
  border-color: var(--mdc-checkbox-unchecked-color, var(--glue-grey-600));
  background-color: transparent;
}
woi-grid-wall
  .checkbox-wrapper
  .mdc-checkbox__native-control:enabled:checked
  ~ .mdc-checkbox__background,
woi-grid-wall
  .checkbox-wrapper
  .mdc-checkbox__native-control:enabled:indeterminate
  ~ .mdc-checkbox__background,
woi-grid-wall
  .checkbox-wrapper
  .mdc-checkbox__native-control[data-indeterminate="true"]:enabled
  ~ .mdc-checkbox__background {
  border-color: var(
    --mdc-checkbox-checked-color,
    var(--mdc-theme-secondary, var(--glue-blue-600))
  );
  background-color: var(--glue-blue-600);
  background-color: var(
    --mdc-checkbox-checked-color,
    var(--mdc-theme-secondary, var(--glue-blue-600))
  );
}
woi-grid-wall .checkbox-wrapper label {
  color: var(--glue-grey-800);
  font-family: Google Sans;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  position: relative;
  top: 1px;
}
woi-grid-wall .checkbox-wrapper.item-checked label {
  color: var(--glue-blue-600);
}
woi-grid-wall .view-all-checkbox {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
woi-grid-wall .glue-filter-result .glue-filter-result__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: opacity 0.2s ease-in-out,
    -webkit-transform 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out,
    -webkit-transform 0.2s ease-in-out;
}
woi-grid-wall
  .glue-filter-result
  .glue-filter-result__item.glue-filter-is-matching {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
woi-grid-wall .glue-filter-result .glue-filter-result__item.hidden {
  opacity: 0;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
}
woi-grid-wall .glue-filter-result .glue-filter-result__item.remove {
  display: none;
}
woi-grid-wall .gridwall-card:first-child {
  background-color: var(--glue-blue-50);
}
woi-grid-wall .gridwall-card:first-child .copy-section {
  padding: 24px 24px 16px;
}
@media (min-width: 600px) {
  woi-grid-wall .gridwall-card:first-child .glue-video__timestamp-container {
    bottom: -40px;
    right: 24px;
  }
}
woi-grid-wall .video-container {
  position: relative;
}
woi-grid-wall .video-container woi-icon.glue-video__play-button {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
woi-grid-wall .hidden {
  display: none;
}
woi-grid-wall .timestamp {
  bottom: -40px;
  position: absolute;
  right: 24px;
}
woi-grid-wall .missing-image {
  color: var(--glue-red-500);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
woi-grid-wall .mdc-checkbox:focus-within .mdc-checkbox__background {
  background-color: #fff !important;
  z-index: 1;
}
woi-grid-wall .mdc-checkbox:focus-within .mdc-checkbox__ripple {
  background-color: var(--glue-grey-700);
  border-radius: 50%;
  opacity: 0.2;
}
@media (forced-colors: active) {
  woi-grid-wall .mdc-checkbox:focus-within .mdc-checkbox__ripple {
    background-color: transparent;
    border: 2px solid;
    opacity: 1;
    z-index: 2;
  }
}
woi-grid-wall
  .item-checked
  .mdc-checkbox:focus-within
  .mdc-checkbox__background {
  background-color: var(--glue-blue-600) !important;
  z-index: 0;
}
woi-grid-wall .item-checked .mdc-checkbox:focus-within .mdc-checkbox__ripple {
  background-color: var(--glue-blue-400);
}
@media (forced-colors: active) {
  woi-grid-wall .item-checked .mdc-checkbox:focus-within .mdc-checkbox__ripple {
    background-color: unset;
  }
}
@media (forced-colors: active) {
  woi-grid-wall
    .mdc-checkbox
    .mdc-checkbox__native-control:enabled
    ~ .mdc-checkbox__background
    .mdc-checkbox__checkmark {
    color: currentColor;
  }
}
woi-hero2-up .hero-2up-wrapper {
  padding-bottom: 48px;
  padding-top: 48px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  woi-hero2-up .hero-2up-wrapper {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
@media (min-width: 1440px) {
  woi-hero2-up .hero-2up-wrapper {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
@media (min-width: 1440px) and (min-width: 1024px) {
  woi-hero2-up .hero-2up-wrapper {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
woi-hero2-up .hero-2up-wrapper.has-arch-background:before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(0),
    color-stop(0, rgba(241, 244, 243, 0.5)),
    color-stop(40%, hsla(0, 0%, 100%, 0))
  );
  background: linear-gradient(
    0,
    rgba(241, 244, 243, 0.5),
    hsla(0, 0%, 100%, 0) 40%
  );
  border-radius: 50%;
  bottom: 0;
  content: "";
  height: 900px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 955px;
}
@media (min-width: 600px) {
  woi-hero2-up .hero-2up-wrapper.has-arch-background:before {
    height: 1135px;
    width: 1200px;
  }
}
@media (min-width: 1024px) {
  woi-hero2-up .hero-2up-wrapper.has-arch-background:before {
    height: 1295px;
    width: 1370px;
  }
}
@media (min-width: 1440px) {
  woi-hero2-up .hero-2up-wrapper.has-arch-background:before {
    height: 1530px;
    width: 1620px;
  }
}
@media (min-width: 1024px) {
  woi-hero2-up .hero-2up-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    text-align: unset;
  }
}
@media (min-width: 1440px) {
  woi-hero2-up .hero-2up-content {
    gap: 50px;
  }
}
woi-hero2-up .thumbnail-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  woi-hero2-up .thumbnail-wrapper {
    margin-bottom: 24px;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
  }
}
woi-hero2-up .thumbnail-wrapper.overridden-thumbnail-width img {
  height: 36px;
}
@media (min-width: 600px) and (max-width: 1023px) {
  woi-hero2-up .image-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  woi-hero2-up .image-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
  }
}
@media (min-width: 1440px) {
  woi-hero2-up .image-container {
    min-width: 454px;
    max-width: 454px;
  }
}
woi-hero2-up .image-container img {
  max-width: 450px;
  width: 100%;
}
@media (min-width: 1024px) {
  woi-hero2-up .image-container img {
    max-width: 100%;
    width: auto;
  }
}
woi-hero2-up .image-container--left {
  display: none;
  visibility: hidden;
}
@media (min-width: 1024px) {
  woi-hero2-up .image-container--left {
    display: block;
    visibility: visible;
  }
}
@media (min-width: 1024px) {
  woi-hero2-up .image-container--left ~ .image-container--right {
    display: none;
    visibility: hidden;
  }
}
woi-hero2-up .copy-container {
  position: relative;
  z-index: 2;
}
@media (min-width: 1024px) {
  woi-hero2-up .copy-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
@media (min-width: 1440px) {
  woi-hero2-up .copy-container {
    max-width: 567px;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  woi-hero2-up .copy-container .headline-wrapper {
    font-size: 54px;
    line-height: 54px;
  }
}
woi-hero2-up .copy-container .body-copy {
  color: var(--glue-grey-800);
}
woi-hero2-up .copy-container .headline-color,
woi-hero2-up .emphasized-headline {
  color: var(--glue-blue-600);
}
woi-hero2-up .nowrap {
  white-space: nowrap;
}
woi-hero2-up .cta-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 599px) {
  woi-hero2-up .cta-container {
    margin-bottom: 36px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  woi-hero2-up .cta-container {
    margin-bottom: 48px;
  }
}
@media (min-width: 600px) and (max-width: 1023px) and (min-width: 1024px) {
  woi-hero2-up .cta-container {
    margin-bottom: 60px;
  }
}
@media (min-width: 1024px) {
  woi-hero2-up .cta-container {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
  }
}
woi-hero2-up .cta-container woi-button a {
  margin-bottom: 0;
}
@media (max-width: 599px) {
  woi-hero2-up .cta-container woi-button a {
    width: 100%;
  }
}
@media (max-width: 599px) {
  woi-hero2-up .cta-container woi-button:last-of-type a {
    margin-top: 0;
  }
}
woi-hero-full-width .hero-fw {
  overflow: hidden;
  position: relative;
}
@media (min-width: 1440px) {
  woi-hero-full-width .hero-fw {
    text-align: center;
  }
}
woi-hero-full-width .hero-fw:before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(80%, hsla(0, 0%, 100%, 0)),
    to(rgba(241, 243, 244, 0.7))
  );
  background: linear-gradient(
    180deg,
    hsla(0, 0%, 100%, 0) 80%,
    rgba(241, 243, 244, 0.7)
  );
  border-radius: 100%;
  bottom: 0;
  content: "";
  height: 420px;
  left: 50%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 490px;
}
@media (min-width: 600px) {
  woi-hero-full-width .hero-fw:before {
    height: 783px;
    width: 901px;
  }
}
@media (min-width: 1024px) {
  woi-hero-full-width .hero-fw:before {
    height: 1100px;
    width: 1270px;
  }
}
@media (min-width: 1440px) {
  woi-hero-full-width .hero-fw:before {
    height: 1550px;
    width: 1790px;
  }
}
woi-hero-full-width .hero-fw .glue-page {
  overflow: hidden;
  position: relative;
}
woi-hero-full-width .hero-fw--thumbnail {
  margin-bottom: 16px;
  display: block;
}
@media (min-width: 600px) {
  woi-hero-full-width .hero-fw--thumbnail {
    margin-bottom: 24px;
  }
}
woi-hero-full-width .hero-fw--button-container {
  margin-bottom: 16px;
  margin-top: 24px;
}
@media (min-width: 600px) {
  woi-hero-full-width .hero-fw--button-container {
    margin-bottom: 24px;
    -moz-column-gap: 1rem;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  woi-hero-full-width .hero-fw--button-container {
    margin-bottom: 36px;
  }
}
woi-hero-full-width .hero-fw--featured-image img {
  width: 100%;
}
@media (min-width: 1440px) {
  woi-hero-full-width .hero-fw--featured-image img {
    max-width: 1440px;
  }
}
@media (min-width: 1024px) {
  woi-hero-full-width .glue-headline.glue-headline--headline-2 {
    font-size: 3.75rem;
    line-height: 1.2;
  }
}
@media (min-width: 1024px) {
  woi-hero-full-width .glue-headline .glue-font-weight-medium {
    font-weight: 700;
  }
}
woi-hero-full-width .glue-headline .glue-font-weight-medium .headline-hero {
  font-weight: 700;
}
@media (max-width: 599px) {
  woi-hero-full-width .glue-button {
    width: 100%;
  }
}
woi-hero-full-width woi-presentational-video .video-wrapper,
woi-hero-full-width woi-presentational-video video {
  border-radius: 0;
}
woi-hero-full-width woi-presentational-video .video-wrapper {
  -webkit-box-shadow: none;
  box-shadow: none;
}
woi-hero-jump-links .woi-hero-jumplinks {
  padding-bottom: 60px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  woi-hero-jump-links .woi-hero-jumplinks {
    padding-bottom: 80px;
  }
}
@media (min-width: 600px) {
  woi-hero-jump-links .woi-hero-jumplinks__cta--container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
woi-hero-jump-links .woi-hero-jumplinks:after {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(80%, hsla(0, 0%, 100%, 0)),
    to(rgba(241, 243, 244, 0.7))
  );
  background: linear-gradient(
    180deg,
    hsla(0, 0%, 100%, 0) 80%,
    rgba(241, 243, 244, 0.7)
  );
  border-radius: 100%;
  bottom: 0;
  content: "";
  height: 881px;
  left: 50%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1065px;
  z-index: -1;
}
@media (min-width: 600px) {
  woi-hero-jump-links .woi-hero-jumplinks:after {
    height: 1652px;
    width: 2276px;
  }
}
woi-hero-jump-links .woi-hero-jumplinks .glue-page {
  overflow: hidden;
  position: relative;
}
woi-hero-jump-links .woi-hero-jumplinks__eyebrow-icon--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
woi-hero-jump-links .woi-hero-jumplinks__eyebrow-icon--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
woi-hero-jump-links .woi-hero-jumplinks__eyebrow-icon--inner woi-image {
  position: relative;
  top: -2px;
}
woi-hero-jump-links .woi-hero-jumplinks__headline {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.016rem;
  line-height: 1;
}
@media (min-width: 600px) {
  woi-hero-jump-links .woi-hero-jumplinks__headline {
    font-size: 48px;
    letter-spacing: -0.063rem;
  }
}
@media (min-width: 1024px) {
  woi-hero-jump-links .woi-hero-jumplinks__headline {
    font-size: 60px;
    margin-bottom: 24px;
  }
}
woi-hero-jump-links .woi-hero-jumplinks__headline span {
  color: var(--glue-blue-600);
}
woi-hero-jump-links .woi-hero-jumplinks__cta--container {
  margin-bottom: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 4px;
}
@media (min-width: 600px) {
  woi-hero-jump-links .woi-hero-jumplinks__cta--container {
    -moz-column-gap: 16px;
    -webkit-column-gap: 16px;
    column-gap: 16px;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  woi-hero-jump-links .woi-hero-jumplinks__cta--container {
    margin-bottom: 36px;
  }
}
woi-hero-jump-links .woi-hero-jumplinks__cta--container woi-button,
woi-hero-jump-links .woi-hero-jumplinks__cta--container woi-button a,
woi-hero-jump-links .woi-hero-jumplinks__cta--container woi-button button {
  border: none;
  border-radius: 8px;
  color: var(--glue-grey-900);
  width: 188px;
  z-index: 1;
}
@media (forced-colors: active) {
  woi-hero-jump-links .woi-hero-jumplinks__cta--container woi-button,
  woi-hero-jump-links .woi-hero-jumplinks__cta--container woi-button a,
  woi-hero-jump-links .woi-hero-jumplinks__cta--container woi-button button {
    color: buttonText;
  }
}
@media (max-width: 599px) {
  woi-hero-jump-links .woi-hero-jumplinks__cta--container woi-button,
  woi-hero-jump-links .woi-hero-jumplinks__cta--container woi-button a,
  woi-hero-jump-links .woi-hero-jumplinks__cta--container woi-button button {
    min-width: 100%;
  }
}
woi-hero-jump-links
  .woi-hero-jumplinks__cta--container
  woi-button
  .glue-button {
  -webkit-box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
  box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
  color: var(--glue-grey-900);
  padding: 15px 40px;
}
woi-hero-jump-links
  .woi-hero-jumplinks__cta--container
  woi-button
  .glue-button:visited {
  color: var(--glue-grey-900);
}
@media (forced-colors: active) {
  woi-hero-jump-links
    .woi-hero-jumplinks__cta--container
    woi-button
    .glue-button:hover
    .glue-label {
    color: buttonFace;
  }
}
@media (forced-colors: active) {
  woi-hero-jump-links
    .woi-hero-jumplinks__cta--container
    woi-button
    .glue-button {
    border: 1px solid;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: buttonText;
  }
}
woi-hero-jump-links
  .woi-hero-jumplinks__cta--container
  woi-button
  .glue-button
  .glue-label {
  font-size: 16px;
  font-weight: 400;
  text-transform: unset;
  white-space: pre-line;
}
woi-hero-jump-links .woi-hero-jumplinks__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
woi-hero-support .woi-hero-support {
  padding-bottom: 60px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  woi-hero-support .woi-hero-support {
    padding-bottom: 80px;
  }
}
woi-hero-support .woi-hero-support:before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(80%, hsla(0, 0%, 100%, 0)),
    to(rgba(241, 243, 244, 0.7))
  );
  background: linear-gradient(
    180deg,
    hsla(0, 0%, 100%, 0) 80%,
    rgba(241, 243, 244, 0.7)
  );
  border-radius: 100%;
  bottom: 0;
  content: "";
  height: 881px;
  left: 50%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1065px;
}
@media (min-width: 600px) {
  woi-hero-support .woi-hero-support:before {
    height: 1652px;
    width: 2276px;
  }
}
woi-hero-support .woi-hero-support .glue-page {
  overflow: hidden;
  position: relative;
}
woi-hero-support .woi-hero-support__eyebrow-icon--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
woi-hero-support .woi-hero-support__eyebrow-icon--inner {
  background: var(--glue-green-50);
  border-radius: 100vmax;
  -moz-column-gap: 6px;
  -webkit-column-gap: 6px;
  column-gap: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 9px 18px;
}
woi-hero-support .woi-hero-support__eyebrow-icon--inner woi-image {
  position: relative;
  top: -2px;
}
woi-hero-support .woi-hero-support__eyebrow-icon--text {
  color: var(--glue-green-800);
}
woi-hero-support .woi-hero-support__headline {
  font-size: 2.625rem;
  font-weight: 700;
  letter-spacing: -0.016rem;
  line-height: 1;
}
@media (min-width: 600px) {
  woi-hero-support .woi-hero-support__headline {
    font-size: 3.438rem;
    letter-spacing: -0.063rem;
  }
}
@media (min-width: 1024px) {
  woi-hero-support .woi-hero-support__headline {
    font-size: 3.375rem;
  }
}
woi-hero-support .woi-hero-support__headline span {
  color: var(--glue-green-600);
}
woi-hero-support .woi-hero-support__cta--container {
  margin-bottom: 24px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 600px) {
  woi-hero-support .woi-hero-support__cta--container {
    -moz-column-gap: 16px;
    -webkit-column-gap: 16px;
    column-gap: 16px;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  woi-hero-support .woi-hero-support__cta--container {
    margin-bottom: 36px;
  }
}
@media (max-width: 599px) {
  woi-hero-support .woi-hero-support__cta--container woi-button,
  woi-hero-support .woi-hero-support__cta--container woi-button a,
  woi-hero-support .woi-hero-support__cta--container woi-button button {
    min-width: 100%;
  }
}
woi-hero-support .woi-hero-support__cta--container woi-button a,
woi-hero-support .woi-hero-support__cta--container woi-button button {
  height: 100%;
  margin: 0;
}
@media (max-width: 599px) {
  woi-hero-support .woi-hero-support__cta--container woi-button a,
  woi-hero-support .woi-hero-support__cta--container woi-button button {
    margin: 8px 0;
  }
}
woi-hero-support
  .woi-hero-support__cta--container
  woi-button:not([cta-label])
  a,
woi-hero-support
  .woi-hero-support__cta--container
  woi-button:not([cta-label])
  button {
  padding-block: 20px;
}
woi-hero-support .woi-hero-support__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
woi-in-page-banner p + p {
  color: var(--glue-grey-800);
  font-weight: 400;
  letter-spacing: 0.1px;
}
@media (min-width: 1024px) {
  woi-in-page-banner p + p {
    margin-top: 8px;
  }
}
woi-in-page-banner woi-image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
woi-in-page-banner .glue-button {
  margin-block: 0;
}
@media (max-width: 599px) {
  woi-in-page-banner .glue-button {
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 1440px) {
  woi-in-page-banner .woi-in-page-banner {
    width: 100%;
  }
}
@media (max-width: 599px) {
  woi-in-page-banner .woi-in-page-banner {
    margin: 24px 0;
  }
}
@media (min-width: 1024px) {
  woi-in-page-banner
    .woi-in-page-banner__no-cta
    .woi-in-page-banner__content-text {
    max-width: 100%;
  }
}
woi-in-page-banner .woi-in-page-banner__bg-color--blue {
  background-color: var(--glue-blue-50);
}
woi-in-page-banner .woi-in-page-banner__bg-color--green {
  background-color: var(--glue-green-50);
}
woi-in-page-banner .woi-in-page-banner__bg-color--grey {
  background-color: var(--glue-grey-50);
}
woi-in-page-banner .woi-in-page-banner__bg-color--yellow {
  background-color: var(--glue-yellow-200);
}
woi-in-page-banner .woi-in-page-banner__image {
  display: none;
}
@media (min-width: 1024px) {
  woi-in-page-banner .woi-in-page-banner__image {
    display: block;
  }
}
woi-in-page-banner .woi-in-page-banner__image--pill {
  background-color: var(--glue-blue-100);
  border-radius: 227px;
  color: var(--glue-blue-600);
  font: 700 24px Google Sans, Roboto, Arial, Helvetica, sans-serif;
  padding: 20px 24px;
  white-space: nowrap;
}
woi-in-page-banner .woi-in-page-banner__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  padding: 28px;
  text-align: center;
}
@media (min-width: 600px) {
  woi-in-page-banner .woi-in-page-banner__content {
    border-radius: 20px;
    padding-inline: 60px;
  }
}
@media (min-width: 1024px) {
  woi-in-page-banner .woi-in-page-banner__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    gap: 65px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 30px;
    text-align: unset;
  }
}
@media (min-width: 1440px) {
  woi-in-page-banner .woi-in-page-banner__content {
    padding-inline: 50px;
  }
}
[dir="rtl"] woi-in-page-banner .woi-in-page-banner__content {
  text-align: right;
}
woi-in-page-banner .woi-in-page-banner__content-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  woi-in-page-banner .woi-in-page-banner__content-main {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    gap: 45px;
  }
}
@media (min-width: 1440px) {
  woi-in-page-banner .woi-in-page-banner__content-main {
    gap: 33px;
  }
}
woi-in-page-banner .woi-in-page-banner__content-text a {
  color: var(--glue-blue-700);
  font-weight: 500;
  letter-spacing: 0.1px;
}
@media (min-width: 1024px) {
  woi-in-page-banner .woi-in-page-banner__content-text {
    max-width: 590px;
  }
}
@media (max-width: 599px) {
  woi-in-page-banner
    .woi-in-page-banner.mobile-alt-layout
    .woi-in-page-banner__content {
    position: relative;
    overflow: hidden;
    text-align: left;
  }
  [dir="rtl"]
    woi-in-page-banner
    .woi-in-page-banner.mobile-alt-layout
    .woi-in-page-banner__content {
    text-align: right;
  }
  woi-in-page-banner
    .woi-in-page-banner.mobile-alt-layout
    .woi-in-page-banner__content-main {
    min-width: 200px;
    width: 60%;
  }
  woi-in-page-banner
    .woi-in-page-banner.mobile-alt-layout
    .woi-in-page-banner__content-main
    p
    .glue-font-weight-medium {
    font-weight: 400;
  }
  woi-in-page-banner
    .woi-in-page-banner.mobile-alt-layout
    .woi-in-page-banner__content-main
    .glue-headline--headline-5
    .glue-font-weight-medium {
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
  }
  woi-in-page-banner
    .woi-in-page-banner.mobile-alt-layout
    .woi-in-page-banner__content-main
    img {
    width: 32px;
  }
}
woi-in-page-banner
  .woi-in-page-banner.mobile-alt-layout
  .woi-in-page-banner__bg-image {
  bottom: 0;
  position: absolute;
  right: 0;
}
@media (min-width: 600px) {
  woi-in-page-banner
    .woi-in-page-banner.mobile-alt-layout
    .woi-in-page-banner__bg-image {
    display: none;
  }
}
[dir="rtl"]
  woi-in-page-banner
  .woi-in-page-banner.mobile-alt-layout
  .woi-in-page-banner__bg-image {
  left: 0;
  right: unset;
}
woi-jump-link-section .woi-jumplink-section {
  padding-bottom: 60px;
  padding-top: 48px;
}
@media (min-width: 1024px) {
  woi-jump-link-section .woi-jumplink-section {
    padding-bottom: 80px;
    padding-top: 60px;
  }
}
woi-jump-link-section .woi-jumplink-section__eyebrow-icon--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  woi-jump-link-section .woi-jumplink-section__eyebrow-icon--container {
    margin-bottom: 36px;
  }
}
woi-jump-link-section .woi-jumplink-section__eyebrow-icon--inner {
  background: var(--glue-grey-50);
  border-radius: 100vmax;
  -moz-column-gap: 6px;
  -webkit-column-gap: 6px;
  column-gap: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 28px;
}
.woi-jumplink-section--grey
  woi-jump-link-section
  .woi-jumplink-section__eyebrow-icon--inner {
  background: var(--glue-grey-0);
}
woi-jump-link-section .woi-jumplink-section__eyebrow-icon--text {
  font-weight: 500;
}
woi-jump-link-section .woi-jumplink-section__eyebrow-icon--blue {
  color: var(--glue-blue-700);
}
woi-jump-link-section .woi-jumplink-section__eyebrow-icon--green {
  color: var(--glue-green-700);
}
woi-jump-link-section .woi-jumplink-section__eyebrow-icon--red {
  color: var(--glue-red-700);
}
woi-jump-link-section .woi-jumplink-section__eyebrow-icon.glue-icon--blue path {
  fill: var(--glue-blue-600);
}
woi-jump-link-section
  .woi-jumplink-section__eyebrow-icon.glue-icon--green
  path {
  fill: var(--glue-green-600);
}
woi-jump-link-section .woi-jumplink-section__eyebrow-icon.glue-icon--red path {
  fill: var(--glue-red-600);
}
woi-jump-link-section .woi-jumplink-section__copy {
  color: var(--glue-grey-800);
}
woi-jump-link-section .woi-jumplink-section__list--basic-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 599px) {
  woi-jump-link-section .woi-jumplink-section__list--basic-card {
    gap: 16px;
  }
}
woi-jump-link-section .woi-jumplink-section__list--video-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 599px) {
  woi-jump-link-section .woi-jumplink-section__list--video-card {
    gap: 16px;
  }
}
woi-jump-link-section .woi-jumplink-section__list--list-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
woi-jump-link-section .woi-jumplink-section--grey {
  background: var(--glue-grey-50);
}
woi-jump-link-section
  .woi-jumplink-section--grey
  .woi-jumplink-section__eyebrow-icon--inner {
  background: var(--glue-grey-0);
}
woi-jump-link-section
  .woi-jumplink-section
  .jumplink-list-card__card--desktop:after {
  content: none;
}
@media (min-width: 1024px) {
  woi-mega-nav .glue-header {
    position: relative;
    z-index: 101;
  }
}
woi-mega-nav .glue-header__bar--desktop.glue-header__drawer--is-open,
woi-mega-nav .glue-header__drawer.glue-header__drawer--is-open {
  max-width: 100%;
  width: 100%;
}
@media (min-width: 600px) {
  woi-mega-nav .glue-header__bar--desktop.glue-header__drawer--is-open,
  woi-mega-nav .glue-header__drawer.glue-header__drawer--is-open {
    max-width: 375px;
  }
}
woi-mega-nav
  .glue-header__bar--desktop.glue-header__drawer--is-open
  .glue-header__tier,
woi-mega-nav
  .glue-header__drawer.glue-header__drawer--is-open
  .glue-header__tier {
  min-height: 90%;
  overflow: hidden;
  position: fixed;
  width: 100%;
}
woi-mega-nav
  .glue-header__bar--desktop.glue-header__drawer--is-open
  .glue-header__tier
  .glue-header__container:first-child:after,
woi-mega-nav
  .glue-header__drawer.glue-header__drawer--is-open
  .glue-header__tier
  .glue-header__container:first-child:after {
  content: none;
}
woi-mega-nav
  .glue-header__bar--desktop.glue-header__drawer--is-open
  .glue-header__cta
  .glue-button,
woi-mega-nav
  .glue-header__drawer.glue-header__drawer--is-open
  .glue-header__cta
  .glue-button {
  min-width: 100%;
}
[dir="rtl"]
  woi-mega-nav
  .glue-header__cta
  .glue-button.glue-button--low-emphasis.glue-button--icon {
  direction: ltr;
}
[dir="rtl"]
  woi-mega-nav
  .glue-header__cta
  .glue-button.glue-button--low-emphasis.glue-button--icon
  .icon-wrapper {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
[dir="rtl"] woi-mega-nav .glue-header__logo-link {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
woi-mega-nav .glue-header__logo-link .glue-header__logo--product {
  padding-left: 5px;
}
woi-mega-nav
  .glue-header__bar--desktop.glue-header__drawer
  .glue-header__list
  .glue-header__item
  .has-nested-links {
    padding: 0 15px;
}
woi-mega-nav
  .glue-header__bar--desktop.glue-header__drawer
  .glue-header__list
  .glue-header__item
  .has-nested-links
  .arrow {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  margin-left: 4px;
  position: relative;
  width: 14px;
}
[dir="rtl"]
  woi-mega-nav
  .glue-header__bar--desktop.glue-header__drawer
  .glue-header__list
  .glue-header__item
  .has-nested-links
  .arrow {
  margin: 0 4px 0 0;
}
woi-mega-nav
  .glue-header__bar--desktop.glue-header__drawer
  .glue-header__list
  .glue-header__item
  .has-nested-links
  .arrow:after,
woi-mega-nav
  .glue-header__bar--desktop.glue-header__drawer
  .glue-header__list
  .glue-header__item
  .has-nested-links
  .arrow:before {
  background: var(--glue-grey-700);
  border-bottom: unset;
  bottom: inherit;
  content: unset;
  height: 2px;
  left: inherit;
  position: absolute;
  top: 45%;
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  width: 6px;
  z-index: inherit;
}
@media (min-width: 1024px) {
  woi-mega-nav
    .glue-header__bar--desktop.glue-header__drawer
    .glue-header__list
    .glue-header__item
    .has-nested-links
    .arrow:after,
  woi-mega-nav
    .glue-header__bar--desktop.glue-header__drawer
    .glue-header__list
    .glue-header__item
    .has-nested-links
    .arrow:before {
    content: "";
  }
}
@media (forced-colors: active) {
  woi-mega-nav
    .glue-header__bar--desktop.glue-header__drawer
    .glue-header__list
    .glue-header__item
    .has-nested-links
    .arrow:after,
  woi-mega-nav
    .glue-header__bar--desktop.glue-header__drawer
    .glue-header__list
    .glue-header__item
    .has-nested-links
    .arrow:before {
    background-color: linkText;
  }
}
woi-mega-nav
  .glue-header__bar--desktop.glue-header__drawer
  .glue-header__list
  .glue-header__item
  .has-nested-links
  .arrow:before {
  right: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
woi-mega-nav
  .glue-header__bar--desktop.glue-header__drawer
  .glue-header__list
  .glue-header__item
  .has-nested-links
  .arrow:after {
  right: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
woi-mega-nav
  .glue-header__bar--desktop.glue-header__drawer
  .glue-header__list
  .glue-header__item
  .has-nested-links.active {
  color: var(--glue-grey-900);
}
woi-mega-nav
  .glue-header__bar--desktop.glue-header__drawer
  .glue-header__list
  .glue-header__item
  .has-nested-links.active
  .arrow:before {
  -webkit-transform: rotate(130deg);
  transform: rotate(130deg);
}
woi-mega-nav
  .glue-header__bar--desktop.glue-header__drawer
  .glue-header__list
  .glue-header__item
  .has-nested-links.active
  .arrow:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
woi-mega-nav
  .glue-header
  .glue-header__bar--desktop.glue-header__drawer
  .glue-header__list
  .glue-header__item--active
  .glue-header__link {
  background: var(--glue-grey-200);
}
@media (min-width: 1024px) {
  woi-mega-nav
    .glue-header
    .glue-header__bar--desktop.glue-header__drawer
    .glue-header__list
    .glue-header__item--active
    .glue-header__link {
    background: none;
  }
}
woi-mega-nav
  .glue-header
  .glue-header__bar--desktop.glue-header__drawer
  .glue-header__deep-nav.tier-2-list
  .glue-header__list
  .glue-header__item--active
  > .glue-header__link {
  background-color: var(--glue-grey-50);
}
woi-mega-nav .glue-header.glue-header--single {
  position: relative;
  z-index: 100;
}
woi-mega-nav
  .glue-header.glue-header--single
  .glue-header__bar--mobile
  .glue-header__tier:after {
  content: none;
}
woi-mega-nav .mobile-close-nav-btn {
  background-color: transparent;
  border: none;
  padding: 10px 25px 10px 10px;
  position: relative;
  top: 2px;
}
woi-mega-nav .mobile-close-nav-btn:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 600px) {
  woi-mega-nav .mobile-close-nav-btn {
    display: none;
  }
}
woi-mega-nav
  .glue-header.glue-header--single
  .glue-header__link-bar
  .glue-header__list
  .glue-header--is-active
  .glue-header__list--nested {
  display: none;
}
woi-mega-nav .glue-header__link-bar .initial-links {
  margin-bottom: 10px;
}
@media (min-width: 600px) {
  woi-mega-nav .glue-header__link-bar .initial-links {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
  }
}
woi-mega-nav
  .glue-header__link-bar
  .glue-header__list
  .glue-header--is-active
  .glue-header__link:before,
woi-mega-nav
  .glue-header__link-bar
  .glue-header__list
  .glue-header--is-active
  .glue-header__logo-link:before {
  content: unset;
}
woi-mega-nav .l2-link a,
woi-mega-nav .l3-link {
  padding-bottom: 8px;
  padding-top: 8px;
}
woi-mega-nav .glue-stepped-page .l3-link {
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
  color: var(--glue-grey-800);
  font-weight: 400;
}
[lang="ja"] woi-mega-nav .glue-stepped-page .l3-link {
  font-family: Google Sans Text, Noto Sans JP, Noto Sans CJK JP, Arial,
    Helvetica, sans-serif;
}
[lang="ko"] woi-mega-nav .glue-stepped-page .l3-link {
  font-family: Google Sans Text, Noto Sans KR, Noto Sans CJK KR, Arial,
    Helvetica, sans-serif;
}
[lang="zh-CN"] woi-mega-nav .glue-stepped-page .l3-link {
  font-family: Google Sans Text, Noto Sans SC, Noto Sans CJK SC, Arial,
    Helvetica, sans-serif;
}
[lang="zh-TW"] woi-mega-nav .glue-stepped-page .l3-link {
  font-family: Google Sans Text, Noto Sans TC, Noto Sans CJK TC, Arial,
    Helvetica, sans-serif;
}
woi-mega-nav .glue-stepped-page .l3-link--has-arrow {
  color: var(--glue-grey-900);
  font-weight: 500;
}
woi-mega-nav .glue-stepped-page .l3-link--has-arrow:after {
  background: no-repeat 50%/18px
    url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwoi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDBMOC41OSAxLjQxIDEyLjE3IDVIMHYyaDEyLjE3bC0zLjU4IDMuNTlMMTAgMTJsNi02LTYtNnoiIGZpbGw9IiMyMDIxMjQiLz48L3N2Zz4=");
  fill: #202124;
  content: "";
  height: 18px;
  -webkit-margin-start: 3px;
  margin-inline-start: 3px;
  width: 18px;
}
woi-mega-nav .glue-stepped-page:nth-child(1n + 2) {
  background: var(--glue-grey-50);
}
woi-mega-nav .glue-header__stepped-nav {
  margin-bottom: 0;
  overflow: hidden scroll;
}
woi-mega-nav
  .glue-header__stepped-nav
  .glue-header__stepped-nav-controls-container
  .glue-header__stepped-nav-controls {
  background: var(--glue-grey-0);
}
woi-mega-nav
  .glue-header__stepped-nav
  .glue-header__stepped-nav-controls-container
  .glue-header__stepped-nav-controls
  .glue-header__stepped-nav-controls-title {
  border: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: unset;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
}
woi-mega-nav
  .glue-header__stepped-nav
  .glue-header__stepped-nav-controls-container
  .glue-header__stepped-nav-controls
  .glue-header__stepped-nav-controls-arrow {
  -webkit-transform: translateX(15px);
  transform: translateX(15px);
}
[dir="rtl"]
  woi-mega-nav
  .glue-header__stepped-nav
  .glue-header__stepped-nav-controls-container
  .glue-header__stepped-nav-controls
  .glue-header__stepped-nav-controls-arrow {
  -webkit-transform: translateX(-15px);
  transform: translateX(-15px);
}
woi-mega-nav .glue-header__stepped-nav .glue-header__stepped-nav-menus {
  margin: 0;
}
woi-mega-nav
  .glue-header__stepped-nav
  .glue-header__stepped-nav-menus
  .glue-header__list
  .glue-header__item
  .l2-link-no-nested {
  gap: 16px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
woi-mega-nav
  .glue-header__stepped-nav
  .glue-header__stepped-nav-menus
  .glue-header__list
  .glue-header__item
  .glue-header__link {
  margin-bottom: 2px;
  padding-left: 30px;
}
woi-mega-nav
  .glue-header__stepped-nav
  .glue-header__stepped-nav-menus
  .glue-header__list
  .glue-header__item
  .glue-header__link.l3-link--has-arrow
  .glue-header__stepped-nav-subnav-icon {
  display: none;
}
woi-mega-nav
  .glue-header__stepped-nav
  .glue-header__stepped-nav-menus
  .glue-header__list:nth-child(1n + 2) {
  background: #fff;
  height: calc(100% - 60px);
}
woi-mega-nav
  .glue-header__stepped-nav
  .glue-header__stepped-nav-menus
  .glue-header__list:nth-child(1n + 2)
  .glue-header__item:not(.featured-item) {
  background: #fff;
}
woi-mega-nav
  .glue-header__stepped-nav
  .glue-header__stepped-nav-menus
  .glue-header__list:nth-child(1n + 2):not(.glue-is-shown)
  .glue-header__item {
  display: none;
}
woi-mega-nav .l2-link {
  padding: 25px 0 0;
}
woi-mega-nav .l2-link a,
woi-mega-nav .l2-link a:visited {
  color: var(--glue-grey-900);
}
woi-mega-nav .l2-link:nth-child(1n + 2) {
  padding: 32px 0 0;
}
woi-mega-nav .l2-additional-text {
  color: var(--glue-grey-800);
  font-size: 14px;
  padding: 0 0 0 30px;
}
woi-mega-nav .glue-header__deep-nav .glue-icon {
  display: inline-block;
}
woi-mega-nav .featured-item {
  margin: 24px 0 0;
  padding: 32px 23px 20px 30px;
}
@media (min-width: 1024px) {
  woi-mega-nav .featured-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    justify-self: end;
    margin: 0;
    max-width: 460px;
    padding: 72px 72px 48px;
  }
}
woi-mega-nav .featured-image {
  display: none;
}
@media (min-width: 1024px) {
  woi-mega-nav .featured-image {
    display: unset;
  }
}
woi-mega-nav .featured-item-headline-wrapper:active,
woi-mega-nav .featured-item-headline-wrapper:focus {
  background-color: transparent;
}
woi-mega-nav .featured-item-headline {
  color: var(--glue-grey-800);
  font-weight: 500;
}
@media (min-width: 1024px) {
  woi-mega-nav .featured-item-headline {
    margin-bottom: 16px;
  }
}
woi-mega-nav .featured-item-link-title {
  text-decoration: none;
}
woi-mega-nav .featured-item-link-title:visited {
  color: var(--glue-grey-900);
}
woi-mega-nav .featured-item-link-title svg {
  fill: linkText;
  margin: 0 0 0 10px;
  position: relative;
  top: 1px;
}
woi-mega-nav .featured-body-copy {
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
  color: var(--glue-grey-800);
  font-size: 14px;
  letter-spacing: 0.15px;
  line-height: 24px;
}
[lang="ja"] woi-mega-nav .featured-body-copy {
  font-family: Google Sans Text, Noto Sans JP, Noto Sans CJK JP, Arial,
    Helvetica, sans-serif;
}
[lang="ko"] woi-mega-nav .featured-body-copy {
  font-family: Google Sans Text, Noto Sans KR, Noto Sans CJK KR, Arial,
    Helvetica, sans-serif;
}
[lang="zh-CN"] woi-mega-nav .featured-body-copy {
  font-family: Google Sans Text, Noto Sans SC, Noto Sans CJK SC, Arial,
    Helvetica, sans-serif;
}
[lang="zh-TW"] woi-mega-nav .featured-body-copy {
  font-family: Google Sans Text, Noto Sans TC, Noto Sans CJK TC, Arial,
    Helvetica, sans-serif;
}
woi-mega-nav .featured-item-blue {
  background: var(--glue-blue-600);
}
woi-mega-nav .featured-item-blue .featured-item-link-title:focus {
  outline: 1px solid var(--glue-grey-0);
}
woi-mega-nav .featured-item-black {
  background: var(--glue-grey-900);
}
woi-mega-nav .featured-item-grey {
  background: var(--glue-grey-50);
}
woi-mega-nav .featured-item-green {
  background: var(--glue-green-500);
}
woi-mega-nav .featured-item-black .featured-body-copy,
woi-mega-nav .featured-item-black .featured-item-headline,
woi-mega-nav .featured-item-black .featured-item-link-title,
woi-mega-nav .featured-item-blue .featured-body-copy,
woi-mega-nav .featured-item-blue .featured-item-headline,
woi-mega-nav .featured-item-blue .featured-item-link-title,
woi-mega-nav .featured-item-green .featured-body-copy,
woi-mega-nav .featured-item-green .featured-item-headline,
woi-mega-nav .featured-item-green .featured-item-link-title {
  color: var(--glue-grey-0);
}
woi-mega-nav .desktop-nav-panel,
woi-mega-nav .desktop-nav-panels-wrapper {
  display: none;
}
@media (min-width: 1024px) {
  woi-mega-nav .desktop-nav-panel {
    background: #fff;
    display: grid;
    left: 0;
    opacity: 0;
    padding: 30px;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    visibility: hidden;
    width: 100%;
    z-index: 15;
  }
  woi-mega-nav .desktop-nav-panel.show {
    opacity: 1;
    top: 79px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
  }
  woi-mega-nav .desktop-nav-panel.overflow-height {
    height: var(--variable-height);
    overflow: scroll;
  }
}

[dir="rtl"] woi-mega-nav .links-panel {
  margin: 0 64px 0 0;
}
woi-mega-nav .category-heading {
  margin-bottom: 24px;
}
woi-mega-nav .category-heading h5 {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--glue-grey-300);
}
woi-mega-nav .subcategory-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
woi-mega-nav .subcategory {
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
  padding: 0 48px 0 0;
}
@media (min-width: 1440px) {
  woi-mega-nav .subcategory {
    padding-right: 72px;
  }
}
[dir="rtl"] woi-mega-nav .subcategory {
  padding: 0 0 0 48px;
}
woi-mega-nav .subcategory-heading {
  padding-bottom: 8px;
  display: inline-block;
  width: 100%;
}
woi-mega-nav .subcategory-heading p + p {
  margin-top: 0;
}
woi-mega-nav .subcategory-heading svg {
  margin: 0 0 0 10px;
  vertical-align: text-top;
}
woi-mega-nav .subcategory-heading .cat-heading {
  padding-bottom: 8px;
  padding-top: 8px;
  display: inline-block;
}
woi-mega-nav .subcategory-heading .cat-heading svg {
  position: relative;
  top: 1px;
}
[dir="rtl"] woi-mega-nav .subcategory-heading .cat-heading-link svg {
  margin: 0 10px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
woi-mega-nav .subcategory-heading .cat-heading-link:hover {
  background: none;
  color: var(--glue-blue-600);
}
woi-mega-nav .subcategory-heading .cat-heading-link:hover svg path {
  fill: var(--glue-blue-600);
}
woi-mega-nav .subcategory-heading a:first-of-type {
  border-radius: 0 50px 50px 0;
  color: var(--glue-grey-900);
  text-decoration: none;
  width: calc(100% + 15px);
}
@media (min-width: 1024px) {
  woi-mega-nav .subcategory-heading a:first-of-type {
    padding-left: 12px;
    -webkit-transform: translate(-12px, -8px);
    transform: translate(-12px, -8px);
  }
}
woi-mega-nav .subcategory-heading a:first-of-type[aria-current="page"] {
  background: var(--glue-grey-100);
}
[dir="rtl"] woi-mega-nav .subcategory-heading a:first-of-type {
  border-radius: 50px 0 0 50px;
}
@media (min-width: 1024px) {
  [dir="rtl"] woi-mega-nav .subcategory-heading a:first-of-type {
    padding-left: 0;
    padding-right: 12px;
  }
}
woi-mega-nav .subcategory-heading .l2-additional-text {
  padding-bottom: 16px;
  padding-left: 0;
}
woi-mega-nav .subcategory-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
}
[dir="rtl"] woi-mega-nav .subcategory-links {
  text-align: right;
}
woi-mega-nav .subcategory-links:last-of-type {
  margin-bottom: 48px;
}
woi-mega-nav .sub-cat-link {
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
  padding-bottom: 8px;
  padding-top: 8px;
  color: var(--glue-grey-900);
  display: block;
  letter-spacing: 0.1px;
  padding-left: 12px;
  text-decoration: none;
  -webkit-transform: translateX(-12px);
  transform: translateX(-12px);
}
[lang="ja"] woi-mega-nav .sub-cat-link {
  font-family: Google Sans Text, Noto Sans JP, Noto Sans CJK JP, Arial,
    Helvetica, sans-serif;
}
[lang="ko"] woi-mega-nav .sub-cat-link {
  font-family: Google Sans Text, Noto Sans KR, Noto Sans CJK KR, Arial,
    Helvetica, sans-serif;
}
[lang="zh-CN"] woi-mega-nav .sub-cat-link {
  font-family: Google Sans Text, Noto Sans SC, Noto Sans CJK SC, Arial,
    Helvetica, sans-serif;
}
[lang="zh-TW"] woi-mega-nav .sub-cat-link {
  font-family: Google Sans Text, Noto Sans TC, Noto Sans CJK TC, Arial,
    Helvetica, sans-serif;
}
[dir="rtl"] woi-mega-nav .sub-cat-link {
  padding-right: 12px;
}
woi-mega-nav .sub-cat-link.sub-cat-link-active {
  background: var(--glue-grey-100);
  border-radius: 0 50px 50px 0;
  z-index: -1;
}
[dir="rtl"] woi-mega-nav .sub-cat-link.sub-cat-link-active {
  border-radius: 50px 0 0 50px;
}
woi-mega-nav .sub-cat-link:hover:not(.sub-cat-link-active) {
  background: none;
  color: var(--glue-blue-600);
}
woi-mega-nav .sub-cat-link--has-arrow {
  border-radius: 0 50px 50px 0;
  width: calc(100% + 15px);
}
woi-mega-nav .sub-cat-link svg {
  margin: 0 0 0 10px;
  vertical-align: text-top;
}
woi-mega-nav .page-shader {
  background: #d1d0d0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: -100%;
  -webkit-transition: opacity 0.5s, top 0s linear 0.5s;
  transition: opacity 0.5s, top 0s linear 0.5s;
  width: 100%;
  z-index: 4;
}
woi-mega-nav .page-shader.nav-open {
  opacity: 0.4;
  top: 0;
  -webkit-transition: opacity 0.5s, top 0s linear;
  transition: opacity 0.5s, top 0s linear;
}
woi-mega-nav .glue-header__container.glue-header__container--cta {
  position: relative;
}
@media (min-width: 1024px) {
  woi-mega-nav .glue-header__container.glue-header__container--cta {
    -webkit-margin-end: 8px;
    margin-inline-end: 8px;
  }
}
woi-mega-nav .woi-mega-nav-cta-container {
  z-index: 20;
}
woi-mega-nav .woi-mega-nav-cta-container:not(.glue-header__container--cta) {
  display: none;
}
@media (min-width: 1024px) {
  woi-mega-nav .woi-mega-nav-cta-container:not(.glue-header__container--cta) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
woi-mega-nav .woi-mega-nav-cta-container .glue-header__cta {
  display: none;
}
@media (min-width: 1024px) {
  woi-mega-nav .woi-mega-nav-cta-container .glue-header__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
woi-mega-nav .glue-is-showing-drawer > .glue-header__drawer .glue-header__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
woi-mega-nav woi-button[cta-name="schedulemeeting"],
woi-mega-nav woi-button[cta-url^="tel:"] {
  display: inline;
}
@media (min-width: 1024px) {
  woi-mega-nav woi-button[cta-name="schedulemeeting"],
  woi-mega-nav woi-button[cta-url^="tel:"] {
    display: none;
  }
}
@media (min-width: 1440px) {
  woi-mega-nav woi-button[cta-name="schedulemeeting"],
  woi-mega-nav woi-button[cta-url^="tel:"] {
    display: block;
  }
}
woi-mega-nav .woi-sign-in-card {
  position: absolute;
  top: 64px;
  right: 4px;
  z-index: 101;
}
[dir="rtl"] woi-mega-nav .woi-sign-in-card {
  left: 4px;
  right: auto;
}
@media (min-width: 600px) {
  woi-mega-nav .woi-sign-in-card {
    right: 12px;
  }
  [dir="rtl"] woi-mega-nav .woi-sign-in-card {
    left: 12px;
    right: auto;
  }
}
woi-mega-nav .woi-sso-hide {
  display: none;
}
woi-mega-nav .glue-header__container,
woi-mega-nav .glue-header__lock-up {
  width: 100%;
}
@media (min-width: 1024px) {
  woi-mega-nav .glue-header__container {
    width: auto;
  }
}
woi-mega-nav .tier-2-parent-false-link {
  display: none;
}
woi-mega-nav .tier-2-active-parent .glue-header__link {
  background: var(--glue-grey-200);
  color: var(--glue-grey-900);
}
@media (min-width: 1024px) {
  woi-mega-nav .tier-2-active-parent .glue-header__link {
    background: none;
    position: relative;
  }
  woi-mega-nav .tier-2-active-parent .glue-header__link:after {
    background-color: var(--glue-blue-600);
    border-bottom: 2px solid var(--glue-blue-600);
    bottom: 0;
    content: "";
    height: 0;
    left: 12px;
    position: absolute;
    width: calc(100% - 24px);
    z-index: 840;
  }
}
woi-mega-nav .woi-mega-nav__subnav {
  display: none;
}
@media (min-width: 1024px) {
  woi-mega-nav .woi-mega-nav__subnav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: end;
    align-self: flex-end;
    background-color: var(--glue-grey-50);
    -moz-column-gap: 12px;
    -webkit-column-gap: 12px;
    column-gap: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-inline: 20px;
    position: absolute;
    width: 100%;
  }
}
woi-mega-nav .woi-mega-nav__subnav-campaign-container {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
woi-mega-nav .woi-mega-nav__subnav-campaign-name {
  vertical-align: middle;
}
woi-mega-nav .woi-mega-nav__subnav .glue-header__link {
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.15px;
}
[lang="ja"] woi-mega-nav .woi-mega-nav__subnav .glue-header__link {
  font-family: Google Sans Text, Noto Sans JP, Noto Sans CJK JP, Arial,
    Helvetica, sans-serif;
}
[lang="ko"] woi-mega-nav .woi-mega-nav__subnav .glue-header__link {
  font-family: Google Sans Text, Noto Sans KR, Noto Sans CJK KR, Arial,
    Helvetica, sans-serif;
}
[lang="zh-CN"] woi-mega-nav .woi-mega-nav__subnav .glue-header__link {
  font-family: Google Sans Text, Noto Sans SC, Noto Sans CJK SC, Arial,
    Helvetica, sans-serif;
}
[lang="zh-TW"] woi-mega-nav .woi-mega-nav__subnav .glue-header__link {
  font-family: Google Sans Text, Noto Sans TC, Noto Sans CJK TC, Arial,
    Helvetica, sans-serif;
}
woi-mega-nav .woi-mega-nav__subnav-link--is-active,
woi-mega-nav .woi-mega-nav__subnav-link--is-active:visited {
  color: var(--glue-blue-700);
}
@media (min-width: 1024px) {
  woi-mega-nav .woi-mega-nav__subnav-desktop-bar {
    display: none;
  }
}
woi-mega-nav .glue-header.glue-header--double {
  min-height: 64px;
}
@media (min-width: 1024px) {
  woi-mega-nav .glue-header.glue-header--double {
    min-height: 128px;
  }
}
woi-mega-nav
  .glue-header.glue-header--double
  .glue-header__bar--mobile:not(.glue-header--rewind-box-shadow):after,
woi-mega-nav
  .glue-header.glue-header--double
  .glue-header__bar:not(.glue-header__drawer--is-open)
  .glue-header__tier:after {
  display: none;
}
woi-mega-nav
  .glue-header.glue-header--double
  .glue-header__item--active
  .glue-header__link:after {
  z-index: 14;
}
woi-resource-body {
  color: var(--glue-grey-800);
  display: grid;
}
woi-resource-body a {
  text-decoration: none;
}
@media (min-width: 1024px) {
  woi-resource-body .glue-page {
    grid-row: 1/2;
    grid-column: 1/2;
  }
}
woi-resource-body .body-block:last-child p,
woi-resource-body woi-resource-callout:last-child .glue-grid {
  margin-bottom: 0;
}
woi-resource-body .key-block p {
  font-size: 18px;
  line-height: 28px;
}
woi-resource-body .key-list {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
woi-resource-body .key-list ol {
  list-style-position: inside;
  margin: 0;
}
woi-resource-body .key-list li {
  font-size: 20px;
  font-weight: 500;
}
woi-resource-body .key-list li:not(:last-of-type) {
  margin-bottom: 16px;
}
woi-resource-body .body-block :where(p, ol, ul) {
  margin-bottom: 24px;
}
woi-resource-body .body-block p + :where(ol, ul) {
  margin-top: 24px;
}
@media (min-width: 600px) {
  woi-resource-body .body-block,
  woi-resource-body .headline,
  woi-resource-body .key-summary {
    width: 100%;
    -webkit-margin-start: calc(50% + 14px);
    margin-inline-start: calc(50% + 14px);
    -webkit-margin-end: auto;
    margin-inline-end: auto;
  }
}
@media (min-width: 600px) and (min-width: 600px) {
  woi-resource-body .body-block,
  woi-resource-body .headline,
  woi-resource-body .key-summary {
    width: calc(66.66667% - 13.33333px);
  }
}
@media (min-width: 600px) and (min-width: 1024px) {
  woi-resource-body .body-block,
  woi-resource-body .headline,
  woi-resource-body .key-summary {
    width: calc(66.66667% - 16px);
  }
}
@media (min-width: 600px) and (min-width: 1440px) {
  woi-resource-body .body-block,
  woi-resource-body .headline,
  woi-resource-body .key-summary {
    width: calc(66.66667% - 21.33333px);
  }
}
@media (min-width: 600px) and (min-width: 600px) {
  woi-resource-body .body-block,
  woi-resource-body .headline,
  woi-resource-body .key-summary {
    -webkit-margin-start: calc(16.66667% + 6.66667px);
    margin-inline-start: calc(16.66667% + 6.66667px);
    -webkit-margin-end: calc(16.66667% + 6.66667px);
    margin-inline-end: calc(16.66667% + 6.66667px);
  }
}
@media (min-width: 600px) and (min-width: 1024px) {
  woi-resource-body .body-block,
  woi-resource-body .headline,
  woi-resource-body .key-summary {
    -webkit-margin-start: calc(16.66667% + 8px);
    margin-inline-start: calc(16.66667% + 8px);
    -webkit-margin-end: calc(16.66667% + 8px);
    margin-inline-end: calc(16.66667% + 8px);
  }
}
@media (min-width: 600px) and (min-width: 1440px) {
  woi-resource-body .body-block,
  woi-resource-body .headline,
  woi-resource-body .key-summary {
    -webkit-margin-start: calc(16.66667% + 10.66667px);
    margin-inline-start: calc(16.66667% + 10.66667px);
    -webkit-margin-end: calc(16.66667% + 10.66667px);
    margin-inline-end: calc(16.66667% + 10.66667px);
  }
}
@media (min-width: 1024px) {
  woi-resource-body .body-block,
  woi-resource-body .headline,
  woi-resource-body .key-summary {
    width: 100%;
    -webkit-margin-start: calc(75% + 21px);
    margin-inline-start: calc(75% + 21px);
    -webkit-margin-end: auto;
    margin-inline-end: auto;
  }
}
@media (min-width: 1024px) and (min-width: 600px) {
  woi-resource-body .body-block,
  woi-resource-body .headline,
  woi-resource-body .key-summary {
    width: calc(50% - 20px);
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  woi-resource-body .body-block,
  woi-resource-body .headline,
  woi-resource-body .key-summary {
    width: calc(50% - 24px);
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  woi-resource-body .body-block,
  woi-resource-body .headline,
  woi-resource-body .key-summary {
    width: calc(50% - 32px);
  }
}
@media (min-width: 1024px) and (min-width: 600px) {
  woi-resource-body .body-block,
  woi-resource-body .headline,
  woi-resource-body .key-summary {
    -webkit-margin-start: calc(25% + 10px);
    margin-inline-start: calc(25% + 10px);
    -webkit-margin-end: calc(25% + 10px);
    margin-inline-end: calc(25% + 10px);
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  woi-resource-body .body-block,
  woi-resource-body .headline,
  woi-resource-body .key-summary {
    -webkit-margin-start: calc(25% + 12px);
    margin-inline-start: calc(25% + 12px);
    -webkit-margin-end: calc(25% + 12px);
    margin-inline-end: calc(25% + 12px);
  }
}
@media (min-width: 1024px) and (min-width: 1440px) {
  woi-resource-body .body-block,
  woi-resource-body .headline,
  woi-resource-body .key-summary {
    -webkit-margin-start: calc(25% + 16px);
    margin-inline-start: calc(25% + 16px);
    -webkit-margin-end: calc(25% + 16px);
    margin-inline-end: calc(25% + 16px);
  }
}
woi-resource-body .listicle {
  counter-reset: listicle-counter;
}
woi-resource-body .listicle .glue-headline--headline-4 {
  counter-increment: listicle-counter;
  padding: 0 0 0 34px;
  position: relative;
}
@media (min-width: 600px) {
  woi-resource-body .listicle .glue-headline--headline-4 {
    padding-left: 38px;
  }
}
@media (min-width: 1024px) {
  woi-resource-body .listicle .glue-headline--headline-4 {
    padding-left: 42px;
  }
}
woi-resource-body .listicle .glue-headline--headline-4:before {
  color: var(--glue-grey-500);
  content: counter(listicle-counter, decimal-leading-zero);
  font-weight: 500;
  left: 0;
  position: absolute;
}
@media (min-width: 1024px) {
  woi-mega-nav-v2
    .glue-header.has-subnav
    .glue-header__bar.glue-header--rewind-box-shadow:not(
      .glue-header-is-wholly-scrolled
    ) {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
woi-mega-nav-v2 .meganav-subnav.is-scrolling {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
woi-mega-nav-v2 .glue-header {
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}
@media (min-width: 1024px) {
  woi-mega-nav-v2 .glue-header.has-subnav {
    height: 128px;
  }
}
woi-mega-nav-v2 .glue-header.has-subnav.stacked-header-layout {
  height: 192px;
}
woi-mega-nav-v2
  .glue-header
  .glue-header__link-bar
  .glue-header__list
  .glue-header--is-active
  .glue-header__list--nested {
  display: none;
}
woi-mega-nav-v2 .glue-header__bar--desktop.glue-header__drawer--is-open,
woi-mega-nav-v2 .glue-header__drawer.glue-header__drawer--is-open {
  max-width: 100%;
  width: 100%;
}
@media (min-width: 600px) {
  woi-mega-nav-v2 .glue-header__bar--desktop.glue-header__drawer--is-open,
  woi-mega-nav-v2 .glue-header__drawer.glue-header__drawer--is-open {
    max-width: 375px;
  }
}
woi-mega-nav-v2
  .glue-header__bar--desktop.glue-header__drawer--is-open
  .glue-header__tier,
woi-mega-nav-v2
  .glue-header__drawer.glue-header__drawer--is-open
  .glue-header__tier {
  min-height: 100%;
  overflow: hidden;
  position: fixed;
  width: 100%;
}
woi-mega-nav-v2
  .glue-header__bar--desktop.glue-header__drawer--is-open
  .glue-header__tier
  .glue-header__container:first-child:after,
woi-mega-nav-v2
  .glue-header__drawer.glue-header__drawer--is-open
  .glue-header__tier
  .glue-header__container:first-child:after {
  content: none;
}
woi-mega-nav-v2
  .glue-header__bar--desktop.glue-header__drawer--is-open
  .glue-header__cta
  .glue-button,
woi-mega-nav-v2
  .glue-header__drawer.glue-header__drawer--is-open
  .glue-header__cta
  .glue-button {
  min-width: 100%;
}
[dir="rtl"]
  woi-mega-nav-v2
  .glue-header__cta
  .glue-button.glue-button--low-emphasis.glue-button--icon {
  direction: ltr;
}
[dir="rtl"]
  woi-mega-nav-v2
  .glue-header__cta
  .glue-button.glue-button--low-emphasis.glue-button--icon
  .icon-wrapper {
  margin-left: 138px;
  position: absolute;
}
woi-mega-nav-v2 .glue-header__cta .subnav-cta-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  width: 100%;
}
@media (min-width: 1024px) {
  woi-mega-nav-v2 .glue-header__cta .subnav-cta-container {
    display: none;
  }
}
woi-mega-nav-v2 .glue-header__cta .nav-cta-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  width: 100%;
}
@media (min-width: 1024px) {
  woi-mega-nav-v2 .glue-header__cta .nav-cta-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
woi-mega-nav-v2 .glue-header__cta .nav-cta-container.hide {
  display: none;
}
[dir="rtl"] woi-mega-nav-v2 .glue-header__logo-link {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
woi-mega-nav-v2 .glue-header__logo-link .glue-header__logo--product {
  padding-left: 5px;
}
woi-mega-nav-v2
  .glue-header__bar--desktop.glue-header__drawer
  .glue-header__list
  .glue-header__item
  .has-nested-links {
  cursor: default;
}
woi-mega-nav-v2
  .glue-header
  .glue-header__bar--desktop.glue-header__drawer
  .glue-header__list
  .glue-header__item--active
  .glue-header__link {
  background: none;
}
woi-mega-nav-v2 .active-subnav-parent .glue-header__link {
  color: var(--glue-grey-900);
}
@media (min-width: 1024px) {
  woi-mega-nav-v2 .active-subnav-parent .glue-header__link {
    color: var(--glue-grey-700);
  }
}
woi-mega-nav-v2 .glue-header.glue-header--single {
  position: relative;
  z-index: 20;
}
woi-mega-nav-v2
  .glue-header.glue-header--single
  .glue-header__bar--mobile
  .glue-header__tier:after {
  content: none;
}
woi-mega-nav-v2 .mobile-close-nav-btn {
  background-color: transparent;
  border: none;
  padding: 10px 10px 10px 30px;
  position: relative;
  top: 2px;
}
woi-mega-nav-v2 .mobile-close-nav-btn:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 600px) {
  woi-mega-nav-v2 .mobile-close-nav-btn {
    display: none;
  }
}
woi-mega-nav-v2
  .glue-header.glue-header--single
  .glue-header__link-bar
  .glue-header__list
  .glue-header--is-active
  .glue-header__list--nested {
  display: none;
}
woi-mega-nav-v2 .glue-header__link-bar .initial-links {
  margin-bottom: 10px;
}
@media (min-width: 600px) {
  woi-mega-nav-v2 .glue-header__link-bar .initial-links {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
  }
}
woi-mega-nav-v2
  .glue-header__link-bar
  .glue-header__list
  .glue-header--is-active
  .glue-header__link:before,
woi-mega-nav-v2
  .glue-header__link-bar
  .glue-header__list
  .glue-header--is-active
  .glue-header__logo-link:before {
  content: unset;
}
woi-mega-nav-v2
  .glue-header__link-bar
  .active-page-parent
  .glue-header__link
  span,
woi-mega-nav-v2
  .glue-header__link-bar
  .glue-header--is-active
  .glue-header__link
  span {
  border-bottom: 1px solid #000;
  color: #000;
}
@media (min-width: 1024px) {
  woi-mega-nav-v2
    .glue-header__link-bar
    .glue-header--is-active:has(
      li.active [data-g-cta-name="tools-google-analytics"] .g-analytics-subnav
    )
    span {
    border-bottom: none;
    color: var(--glue-grey-700);
  }
}
woi-mega-nav-v2
  .glue-header__link-bar
  .glue-header--is-active:has(
    li.active [data-g-cta-name="tools-google-analytics"] .g-analytics-subnav
  )
  span:hover {
  color: var(--glue-blue-600);
}
@media (min-width: 1024px) {
  woi-mega-nav-v2
    .glue-header__link-bar
    .glue-header--is-active.active-subnav
    span {
    border-bottom: none;
    color: var(--glue-grey-700);
  }
}
woi-mega-nav-v2
  .glue-header__link-bar
  .glue-header--is-active.active-subnav:hover
  span {
  color: var(--glue-blue-600);
}
woi-mega-nav-v2 .l2-link a,
woi-mega-nav-v2 .l3-link {
  padding-bottom: 8px;
  padding-top: 8px;
}
woi-mega-nav-v2 .l2-link:has(.g-analytics-subnav) {
  display: none;
}
woi-mega-nav-v2 .l2-link-mobile:hover .glue-header__link.l2-link-no-nested {
  color: var(--glue-grey-600);
}
woi-mega-nav-v2 .l2-link-mobile:hover .glue-header__link {
  color: var(--glue-grey-600) !important;
}
woi-mega-nav-v2 .glue-header__item.l2-link .glue-header__link {
  color: var(--glue-grey-600);
}
woi-mega-nav-v2 .glue-header__item.l2-link .l2-link-border-bottom {
  -ms-flex-item-align: center;
  align-self: center;
  border-bottom: 1px solid var(--glue-grey-200);
  width: 90%;
}
woi-mega-nav-v2 .glue-stepped-page .l3-link {
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
  color: var(--glue-grey-800);
  font-weight: 400;
}
[lang="ja"] woi-mega-nav-v2 .glue-stepped-page .l3-link {
  font-family: Google Sans Text, Noto Sans JP, Noto Sans CJK JP, Arial,
    Helvetica, sans-serif;
}
[lang="ko"] woi-mega-nav-v2 .glue-stepped-page .l3-link {
  font-family: Google Sans Text, Noto Sans KR, Noto Sans CJK KR, Arial,
    Helvetica, sans-serif;
}
[lang="zh-CN"] woi-mega-nav-v2 .glue-stepped-page .l3-link {
  font-family: Google Sans Text, Noto Sans SC, Noto Sans CJK SC, Arial,
    Helvetica, sans-serif;
}
[lang="zh-TW"] woi-mega-nav-v2 .glue-stepped-page .l3-link {
  font-family: Google Sans Text, Noto Sans TC, Noto Sans CJK TC, Arial,
    Helvetica, sans-serif;
}
woi-mega-nav-v2
  .glue-header__stepped-nav-menus
  .glue-header__list:nth-child(1n + 2) {
  background: var(--glue-grey-50);
  height: calc(100% - 60px);
}
woi-mega-nav-v2
  .glue-header__stepped-nav-menus
  .glue-header__list:nth-child(1n + 2)
  .glue-header__item:not(.featured-item) {
  background: var(--glue-grey-50);
}
woi-mega-nav-v2 .glue-header__stepped-nav {
  margin-bottom: 0;
  overflow: hidden scroll;
}
woi-mega-nav-v2
  .glue-header__stepped-nav
  .glue-header__stepped-nav-controls-container
  .glue-header__stepped-nav-controls {
  background: var(--glue-grey-0);
}
woi-mega-nav-v2
  .glue-header__stepped-nav
  .glue-header__stepped-nav-controls-container
  .glue-header__stepped-nav-controls
  .glue-header__stepped-nav-controls-title {
  border: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: unset;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
}
woi-mega-nav-v2
  .glue-header__stepped-nav
  .glue-header__stepped-nav-controls-container
  .glue-header__stepped-nav-controls
  .glue-header__stepped-nav-controls-arrow {
  -webkit-transform: translateX(15px);
  transform: translateX(15px);
}
woi-mega-nav-v2 .glue-header__stepped-nav .glue-header__stepped-nav-menus {
  margin: 0;
}
woi-mega-nav-v2
  .glue-header__stepped-nav
  .glue-header__stepped-nav-menus
  .glue-header__list
  .glue-header__item
  .l2-link-no-nested {
  gap: 16px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
woi-mega-nav-v2
  .glue-header__stepped-nav
  .glue-header__stepped-nav-menus
  .glue-header__list
  .glue-header__item
  .glue-header__link {
  margin-bottom: 2px;
  padding-left: 30px;
}
woi-mega-nav-v2
  .glue-header__stepped-nav
  .glue-header__stepped-nav-menus
  .glue-header__list:nth-child(1n + 2):not(.glue-is-shown)
  .glue-header__item {
  display: none;
}
woi-mega-nav-v2 .l2-link a,
woi-mega-nav-v2 .l2-link a:visited {
  color: var(--glue-grey-900);
}
woi-mega-nav-v2 .l2-link:nth-child(1n + 2) {
  padding: 32px 0 0;
}
woi-mega-nav-v2 .l2-additional-text {
  display: none;
  color: var(--glue-grey-800);
  font-size: 14px;
  padding: 0 0 0 30px;
}
@media (min-width: 1024px) {
  woi-mega-nav-v2 .l2-additional-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
woi-mega-nav-v2 .glue-header__deep-nav .glue-icon {
  display: inline-block;
}
woi-mega-nav-v2 .desktop-nav-panels-wrapper {
  display: none;
}
woi-mega-nav-v2 .desktop-nav-panel {
  border-top: 1px solid var(--glue-grey-200);
  display: none;
  font-family: Google Sans Text, Roboto, Arial, Helvetica, sans-serif;
}
@media (min-width: 1024px) {
  woi-mega-nav-v2 .desktop-nav-panel {
    background: var(--glue-grey-0);
    display: grid;
    left: 0;
    opacity: 0;
    padding: 50px 72px 0;
    position: fixed;
    top: -64px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: hidden;
    width: 100%;
    z-index: 15;
  }
  woi-mega-nav-v2 .desktop-nav-panel.show {
    opacity: 1;
    top: 64px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
  }
  woi-mega-nav-v2 .desktop-nav-panel.overflow-height {
    height: var(--variable-height);
    overflow: scroll;
  }
}
woi-mega-nav-v2 .desktop-nav-panel .links-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
woi-mega-nav-v2
  .desktop-nav-panel
  .links-panel
  .category-group
  .category-grouping-label {
  padding-bottom: 24px;
  color: var(--glue-grey-700);
  border-bottom: 1px solid var(--glue-grey-200);
}
woi-mega-nav-v2
  .desktop-nav-panel
  .links-panel
  .category-group
  .subcategory-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 32px;
  margin-top: 32px;
}
woi-mega-nav-v2
  .desktop-nav-panel
  .links-panel
  .category-group
  .subcategory-group
  .subcategory {
  max-width: 276px;
  list-style: none;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  margin-bottom: 20px;
}
woi-mega-nav-v2
  .desktop-nav-panel
  .links-panel
  .category-group.no-grouping-label
  .subcategory-group {
  margin-top: 0;
}
woi-mega-nav-v2 .desktop-nav-panel .links-panel .category-group.single-column {
  width: 25%;
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial;
}
woi-mega-nav-v2 .desktop-nav-panel .links-panel .category-group.double-column {
  width: 35%;
}
woi-mega-nav-v2
  .desktop-nav-panel
  .links-panel
  .category-group.double-column
  .subcat:first-child {
  margin-right: 32px;
}
woi-mega-nav-v2 .desktop-nav-panel .links-panel .category-group:last-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: auto;
}
woi-mega-nav-v2 .category-heading {
  margin-bottom: 24px;
}
woi-mega-nav-v2 .category-heading h5 {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--glue-grey-300);
}
woi-mega-nav-v2 .subcategory-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
woi-mega-nav-v2 .subcategory {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 48px 0 0;
}
@media (min-width: 1440px) {
  woi-mega-nav-v2 .subcategory {
    padding-right: 72px;
  }
}
[dir="rtl"] woi-mega-nav-v2 .subcategory {
  padding: 0 0 0 48px;
}
woi-mega-nav-v2 .subcategory-heading {
  padding-bottom: 8px;
  display: inline-block;
  width: 100%;
}
[dir="rtl"] woi-mega-nav-v2 .subcategory-heading {
  text-align: right;
}
woi-mega-nav-v2 .subcategory-heading p + p {
  margin-top: 0;
}
woi-mega-nav-v2 .subcategory-heading svg {
  margin: 0 0 0 10px;
  vertical-align: text-top;
}
woi-mega-nav-v2 .subcategory-heading a:first-of-type {
  border-radius: 0 50px 50px 0;
  color: var(--glue-grey-900);
  text-decoration: none;
  width: calc(100% + 15px);
}
@media (min-width: 1024px) {
  woi-mega-nav-v2 .subcategory-heading a:first-of-type {
    padding-left: 12px;
    -webkit-transform: translate(-12px, -8px);
    transform: translate(-12px, -8px);
  }
}
woi-mega-nav-v2 .subcategory-heading a:first-of-type[aria-current="page"] {
  background: var(--glue-grey-100);
}
woi-mega-nav-v2 .subcategory-heading .l2-additional-text {
  padding-bottom: 16px;
  color: var(--glue-grey-700);
  padding-left: 0;
}
woi-mega-nav-v2 .subcategory-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
}
[dir="rtl"] woi-mega-nav-v2 .subcategory-links {
  text-align: right;
}
woi-mega-nav-v2 .subcategory-links:last-of-type {
  margin-bottom: 48px;
}
woi-mega-nav-v2 .subcategory-link {
  color: var(--glue-grey-800);
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  -webkit-transform: translateX(-12px);
  transform: translateX(-12px);
}
woi-mega-nav-v2 .subcategory-link:has(.g-analytics-subnav) {
  display: none;
}
woi-mega-nav-v2 .subcategory-link:focus {
  color: var(--glue-blue-800);
}
woi-mega-nav-v2 .subcategory-link:hover {
  background: none;
  color: var(--glue-blue-600);
}
woi-mega-nav-v2 .subcategory-link .subcategory-text {
  color: var(--glue-grey-700);
  margin-top: 12px;
}
woi-mega-nav-v2 .subcategory-link .subcategory-text:hover {
  color: var(--glue-grey-700);
}
woi-mega-nav-v2 .page-shader {
  background: #000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: -100%;
  -webkit-transition: opacity 0.5s, top 0s linear 0.5s;
  transition: opacity 0.5s, top 0s linear 0.5s;
  width: 100%;
  z-index: 4;
}
woi-mega-nav-v2 .page-shader.nav-open {
  opacity: 0.4;
  top: 0;
  -webkit-transition: opacity 0.5s, top 0s linear;
  transition: opacity 0.5s, top 0s linear;
}
woi-mega-nav-v2 .glue-header__container.glue-header__container--cta {
  position: relative;
}
@media (min-width: 1024px) {
  woi-mega-nav-v2 .glue-header__container.glue-header__container--cta {
    -webkit-margin-end: 8px;
    margin-inline-end: 8px;
  }
}
woi-mega-nav-v2 .woi-mega-nav-cta-container {
  z-index: 20;
}
woi-mega-nav-v2 .woi-mega-nav-cta-container:not(.glue-header__container--cta) {
  display: none;
}
@media (min-width: 1024px) {
  woi-mega-nav-v2
    .woi-mega-nav-cta-container:not(.glue-header__container--cta) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
woi-mega-nav-v2 .woi-mega-nav-cta-container .glue-header__cta {
  display: none;
}
@media (min-width: 1024px) {
  woi-mega-nav-v2 .woi-mega-nav-cta-container .glue-header__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
woi-mega-nav-v2
  .glue-is-showing-drawer
  > .glue-header__drawer
  .glue-header__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
woi-mega-nav-v2 woi-button[cta-name="schedulemeeting"],
woi-mega-nav-v2 woi-button[cta-url^="tel:"] {
  display: inline;
}
@media (min-width: 1024px) {
  woi-mega-nav-v2 woi-button[cta-name="schedulemeeting"],
  woi-mega-nav-v2 woi-button[cta-url^="tel:"] {
    display: none;
  }
}
@media (min-width: 1440px) {
  woi-mega-nav-v2 woi-button[cta-name="schedulemeeting"],
  woi-mega-nav-v2 woi-button[cta-url^="tel:"] {
    display: block;
  }
}
woi-mega-nav-v2 .woi-sign-in-card {
  position: absolute;
  top: 64px;
  right: 4px;
}
@media (min-width: 600px) {
  woi-mega-nav-v2 .woi-sign-in-card {
    right: 12px;
  }
}
woi-mega-nav-v2 .glue-header__container,
woi-mega-nav-v2 .glue-header__lock-up {
  width: 100%;
}
@media (min-width: 1024px) {
  woi-mega-nav-v2 .glue-header__container {
    width: auto;
  }
}
woi-mega-nav-v2 .subnav-active-parent .glue-header__link {
  background: var(--glue-grey-200);
  color: var(--glue-grey-900);
}
@media (min-width: 1024px) {
  woi-mega-nav-v2 .subnav-active-parent .glue-header__link {
    background: none;
    position: relative;
  }
  woi-mega-nav-v2 .subnav-active-parent .glue-header__link:after {
    background-color: var(--glue-blue-600);
    border-bottom: 2px solid var(--glue-blue-600);
    bottom: 0;
    content: "";
    height: 0;
    left: 12px;
    position: absolute;
    width: calc(100% - 24px);
  }
}
woi-mega-nav-v2 .glue-header.glue-header--double {
  min-height: 64px;
}
@media (min-width: 1024px) {
  woi-mega-nav-v2 .glue-header.glue-header--double {
    min-height: 128px;
  }
  woi-mega-nav-v2
    .glue-header.glue-header--double
    .glue-header__bar--mobile:not(.glue-header--rewind-box-shadow):after,
  woi-mega-nav-v2
    .glue-header.glue-header--double
    .glue-header__bar:not(.glue-header__drawer--is-open)
    .glue-header__tier:after {
    display: none;
  }
  woi-mega-nav-v2
    .glue-header.glue-header--double
    .glue-header__item--active
    .glue-header__link:after {
    z-index: 14;
  }
  woi-mega-nav-v2 .glue-header.glue-header--double .glue-header__bar--desktop {
    position: relative !important;
  }
}
woi-mega-nav-v2 .glue-header__item--active .glue-header__link:after {
  border-bottom: none;
}
@media (min-width: 1024px) and (max-width: 1439px) {
  woi-mega-nav-v2 .glue-header__list .glue-header__link {
    font-size: 14px;
    padding: 0 10px;
  }
}
@media (min-width: 1440px) {
  woi-mega-nav-v2 .glue-header__list .glue-header__link {
    font-size: 16px;
    padding: 0 12px;
  }
}
woi-mega-nav-v2 .glue-header__list .glue-header__item .has-nested-links.active {
  color: var(--glue-blue-600);
}
@media (min-width: 1024px) {
  woi-mega-nav-v2 .small-font-treatment .glue-header__link {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  woi-mega-nav-v2
    .stacked-header-layout.glue-header
    .glue-header__bar.glue-header__bar--desktop {
    min-height: 128px;
  }
  woi-mega-nav-v2 .stacked-header-layout.glue-header .desktop-nav-panel.show {
    top: 128px;
  }
}
woi-mega-nav-v2
  .stacked-header-layout.glue-header
  .glue-header__container.glue-header__container--linkbar {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  width: 100%;
}
woi-mega-nav-v2 .stacked-header-layout.glue-header .glue-header__link-bar {
  left: -20px;
  position: relative;
}
woi-mega-nav-v2
  .stacked-header-layout.glue-header
  .glue-header__link-bar
  .subnav-list {
  padding-left: 20px;
}
woi-mega-nav-v2
  .stacked-header-layout.glue-header
  .glue-header__bar--desktop.glue-header__drawer
  .glue-header__tier {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
woi-mega-nav-v2
  .stacked-header-layout.glue-header
  .glue-header__list--nested
  .glue-header__item:first-child {
  margin-inline: 6px 0;
}
woi-mega-nav-v2 .link-bar-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
}
woi-mega-nav-v2 .glue-header__link:hover {
  color: var(--glue-blue-600);
  background: none;
}
woi-mega-nav-v2 .glue-header__link:focus {
  color: var(--glue-blue-800);
}
woi-mega-nav-v2 .glue-header__item.subnav-link {
  margin-left: 32px;
  font-size: 16px;
}

@media (min-width: 1024px) {
  woi-mega-nav-v2 .position-relative {
    position: relative !important;
  }
}
woi-mega-nav-v2 .meganav-subnav {
  display: none;
  -webkit-transition: top 0.4s ease-in-out;
  transition: top 0.4s ease-in-out;
  z-index: 10;
}
woi-mega-nav-v2 .meganav-subnav.position-fixed {
  position: fixed;
  top: 0;
}
@media (min-width: 1024px) {
  woi-mega-nav-v2 .meganav-subnav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: end;
    align-self: flex-end;
    background-color: var(--glue-grey-50);
    -moz-column-gap: 12px;
    -webkit-column-gap: 12px;
    column-gap: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    padding-left: 20px;
    position: relative;
    width: 100%;
  }
  woi-mega-nav-v2 .meganav-subnav .subnav-campaign-container {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 2px;
  }
  woi-mega-nav-v2 .meganav-subnav .subnav-campaign-container .campaign-name {
    font-family: Google Sans Text, Roboto, Arial, Helvetica, sans-serif;
    vertical-align: middle;
  }
  woi-mega-nav-v2 .meganav-subnav .subnav-cta-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  woi-mega-nav-v2 .meganav-subnav .subnav-cta-container woi-button:last-child {
    margin: 0 8px;
  }
  woi-mega-nav-v2 .meganav-subnav .glue-header__item {
    position: relative;
  }
  woi-mega-nav-v2
    .meganav-subnav
    .glue-header__item.item-has-sublinks
    .glue-header__link.initial-links {
    cursor: default;
  }
  woi-mega-nav-v2
    .meganav-subnav
    .glue-header__item.item-has-sublinks
    .has-nested-links.active {
    color: var(--glue-grey-700);
  }
  woi-mega-nav-v2 .meganav-subnav .glue-header__item .glue-header__link:hover,
  woi-mega-nav-v2
    .meganav-subnav
    .glue-header__item.item-has-sublinks
    .has-nested-links.active:hover {
    background: var(--glue-grey-200);
    color: var(--glue-grey-800);
  }
  woi-mega-nav-v2 .meganav-subnav .glue-header__item .subnav-link--is-active {
    color: var(--glue-grey-800);
  }
  woi-mega-nav-v2
    .meganav-subnav
    .glue-header__item
    .subnav-link--is-active
    span {
    border-bottom: 1px solid var(--glue-grey-800);
  }
  woi-mega-nav-v2 .meganav-subnav .glue-header__item .subnav-list {
    background-color: #fff;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    inset-inline-start: 0;
    list-style: none;
    margin-left: 0;
    padding: 24px 0 36px;
    position: absolute;
    top: 100%;
  }
  woi-mega-nav-v2 .meganav-subnav .glue-header__item .subnav-list.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  woi-mega-nav-v2
    .meganav-subnav
    .glue-header__item
    .subnav-list
    .glue-header__item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  woi-mega-nav-v2
    .meganav-subnav
    .glue-header__item
    .subnav-list
    .glue-header__link:hover {
    background: none;
    color: var(--glue-blue-600);
  }
  woi-mega-nav-v2 .meganav-subnav .glue-header__item .subnav-list:before {
    background: var(--glue-grey-0);
    content: "";
    height: 100%;
    left: -100vw;
    position: absolute;
    top: 0;
    width: 200vw;
  }
}
woi-mega-nav-v2 .meganav-subnav:has(.g-analytics-subnav-but) {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
woi-resource-callout .article-callout .copy-text {
  font-size: 28px;
  line-height: 36px;
}
woi-resource-callout .quote-container {
  text-align: center;
}
@media (max-width: 599px) {
  woi-resource-callout .quote-container {
    left: -28px;
    padding: 0 28px;
    position: relative;
    width: 100vw;
  }
}
@media (min-width: 600px) {
  woi-resource-callout .quote-container {
    border-radius: 8px;
  }
}
woi-resource-callout .quote-container .quote-attribution {
  font-size: 14px;
  text-transform: uppercase;
}
woi-resource-callout .green-background {
  background-color: var(--glue-green-50);
}
woi-resource-callout .green-background .glue-headline {
  color: var(--glue-green-800);
}
woi-resource-callout .green-background .quote-attribution {
  color: var(--glue-green-900);
}
woi-resource-callout .blue-background {
  background-color: var(--glue-blue-50);
}
woi-resource-callout .blue-background .glue-eyebrow,
woi-resource-callout .blue-background .glue-link,
woi-resource-callout .blue-background .quote-attribution {
  color: var(--glue-blue-700);
}
woi-resource-callout .blue-background .glue-eyebrow {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
woi-resource-callout .blue-background .glue-link {
  font-weight: 500;
}
woi-resource-callout .blue-background .glue-link:hover {
  color: var(--glue-blue-900);
}
woi-resource-callout .spotlight-card .glue-card__description {
  color: var(--glue-grey-800);
}
woi-resource-callout .spotlight-card .glue-card__description:hover .glue-button,
woi-resource-callout
  .spotlight-card
  .glue-card__description:hover
  .glue-eyebrow,
woi-resource-callout .spotlight-card .glue-card__description:hover .glue-link,
woi-resource-callout
  .spotlight-card
  .glue-card__description:hover
  .quote-attribution {
  color: var(--glue-blue-800);
}
woi-resource-callout .phrase {
  border-bottom: 1px solid var(--glue-grey-300);
  border-top: 1px solid var(--glue-grey-300);
}
woi-resource-callout .phrase-copy {
  color: var(--glue-grey-900);
  font-family: Google Sans, Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.4;
  text-rendering: optimizeLegibility;
}
@media (min-width: 600px) {
  woi-resource-callout .phrase-copy {
    font-size: 1.5rem;
    line-height: 1.3333333333;
  }
}
@media (min-width: 1024px) {
  woi-resource-callout .phrase-copy {
    font-size: 1.75rem;
    line-height: 1.2857142857;
  }
}
woi-resource-callout .image-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
woi-resource-callout .icon-callout .glue-headline--headline-5 {
  color: var(--glue-grey-800);
}
woi-resource-callout .icon-image img {
  min-width: 126px;
}
woi-resource-callout .stat-container:not(:last-of-type) {
  margin-bottom: 36px;
}
woi-resource-callout .stat-copy {
  color: var(--glue-grey-900);
}
woi-resource-callout .flex-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 600px) {
  woi-resource-callout .flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
woi-resource-callout .flex-container .data {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--glue-green-50);
  border-radius: 8px;
  color: var(--glue-green-800);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 24px;
  height: 96px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 192px;
}
@media (min-width: 1440px) {
  woi-resource-callout .flex-container .data {
    font-size: 28px;
  }
}
woi-resource-callout .flex-container .copy {
  font-size: 20px;
  line-height: 28px;
  text-align: center;
}
@media (min-width: 600px) {
  woi-resource-callout .flex-container .copy {
    text-align: left;
  }
}
woi-resource-callout .resource-type-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--glue-grey-900);
  -moz-column-gap: 0.875rem;
  -webkit-column-gap: 0.875rem;
  column-gap: 0.875rem;
  font-size: 0.875rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
}
woi-resource-callout .resource-type-icon {
  fill: var(--glue-grey-800);
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  woi-resource-callout .resource-type-icon {
    fill: currentColor;
  }
}
woi-resource-callout .copy-text {
  color: var(--glue-grey-900);
  text-align: center;
}
woi-resource-callout .glue-card__description {
  color: var(--glue-grey-800);
}
woi-resource-callout .glue-card__description .glue-link {
  display: block;
  padding: 0;
  text-decoration: none;
}
@media (min-width: 1024px) {
  woi-resource-callout .glue-card__description .glue-link {
    display: inline;
  }
}
woi-resource-callout .spotlight-card .icon-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}
woi-resource-callout .spotlight-card .icon-container .lightbulb {
  width: 14px;
}
woi-resource-callout .spotlight-card .glue-card__content {
  padding: 24px 27px 0 31px;
}
@media (min-width: 1024px) {
  woi-resource-callout .spotlight-card .glue-card__content {
    padding: 32px 42px 0;
  }
}
woi-resource-callout .spotlight-card .no-arrow {
  padding: 24px 27px 24px 31px;
}
@media (min-width: 1024px) {
  woi-resource-callout .spotlight-card .no-arrow {
    padding: 32px 42px;
  }
}
woi-resource-callout .spotlight-card:hover {
  outline: 1px solid var(--glue-blue-300);
}
woi-resource-callout div.spotlight-card:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
woi-resource-callout div.glue-card.tout-card {
  outline: 1px solid var(--glue-grey-300);
  -webkit-transform: none;
  transform: none;
}
woi-resource-callout div.tout-card:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
woi-resource-callout .glue-card__cta {
  padding: 0;
}
woi-resource-callout .capitalize {
  text-transform: uppercase;
}
woi-resource-goal-carousel {
  overflow: hidden;
}
@media (min-width: 600px) {
  woi-resource-goal-carousel .woi-resource-container {
    margin-bottom: 38px;
    margin-top: 38px;
  }
}
@media (min-width: 600px) and (min-width: 1024px) {
  woi-resource-goal-carousel .woi-resource-container {
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
woi-resource-goal-carousel .headline {
  text-align: center;
}
@media (min-width: 600px) {
  woi-resource-goal-carousel .headline {
    margin-bottom: 38px;
  }
}
@media (min-width: 600px) and (min-width: 1024px) {
  woi-resource-goal-carousel .headline {
    margin-bottom: 60px;
  }
}
woi-resource-hero .arch-background-wrapper {
  display: grid;
  position: relative;
}
woi-resource-hero .arch-background,
woi-resource-hero .arch-background-content {
  grid-row: 1;
  grid-column: 1;
  position: relative;
}
woi-resource-hero .arch-background {
  overflow: hidden;
}
woi-resource-hero .arch-background:before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--glue-grey-50)),
    to(var(--glue-grey-0))
  );
  background: linear-gradient(180deg, var(--glue-grey-50), var(--glue-grey-0));
  border-radius: 100%;
  content: "";
  height: 676px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 773px;
}
@media (min-width: 600px) {
  woi-resource-hero .arch-background:before {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(241, 243, 244, 0.5)),
      color-stop(34.52%, hsla(0, 0%, 100%, 0))
    );
    background: linear-gradient(
      180deg,
      rgba(241, 243, 244, 0.5),
      hsla(0, 0%, 100%, 0) 34.52%
    );
    height: 1317px;
    width: 1510px;
  }
}
@media (min-width: 1024px) {
  woi-resource-hero .arch-background:before {
    height: 1454px;
    width: 1540px;
  }
}
@media (min-width: 1440px) {
  woi-resource-hero .arch-background:before {
    height: 1596px;
    width: 1824px;
  }
}
woi-resource-hero .arch-background-bottom:before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(0),
    color-stop(0, var(--glue-grey-50)),
    to(var(--glue-grey-0))
  );
  background: linear-gradient(0, var(--glue-grey-50), var(--glue-grey-0));
  bottom: 0;
}
@media (min-width: 600px) {
  woi-resource-hero .arch-background-bottom:before {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(0),
      color-stop(0, rgba(241, 243, 244, 0.5)),
      color-stop(34.52%, hsla(0, 0%, 100%, 0))
    );
    background: linear-gradient(
      0,
      rgba(241, 243, 244, 0.5),
      hsla(0, 0%, 100%, 0) 34.52%
    );
  }
}
woi-resource-hero[resource-type="listicle"] .arch-background-bottom:before,
woi-resource-hero[resource-type="success-story"]
  .arch-background-bottom:before {
  margin-bottom: 48px;
  bottom: 60px;
}
@media (min-width: 1024px) {
  woi-resource-hero[resource-type="listicle"] .arch-background-bottom:before,
  woi-resource-hero[resource-type="success-story"]
    .arch-background-bottom:before {
    margin-bottom: 60px;
  }
}
woi-resource-hero .publish-info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--glue-grey-800);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
woi-resource-hero .publish-info-separator {
  border: 1px solid var(--glue-grey-800);
  margin: 0 12px;
  width: 14px;
}
woi-resource-hero .publish-info-resource {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
woi-resource-hero .publish-info-icon {
  margin-right: 8px;
  fill: var(--glue-grey-800);
  height: 20px;
  width: 20px;
}
@media (forced-colors: active) {
  woi-resource-hero .publish-info-icon {
    fill: currentColor;
  }
}
woi-resource-hero .glue-headline--headline-1 .glue-font-weight-bold {
  letter-spacing: -1.51px;
}
@media (max-width: 599px) {
  woi-resource-hero woi-social .glue-social__title {
    margin: 0 0 6px;
  }
}
woi-resource-hero woi-social .glue-social__group {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 600px) {
  woi-resource-hero woi-social .glue-social__group {
    padding: 0 0 0 10px;
  }
}
@media (max-width: 599px) {
  woi-resource-hero woi-social .glue-social__group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
woi-resource-jumplink-to-top .woi-resource-jumplink-to-top {
  margin: 80px 0;
  text-align: center;
  width: 100%;
}
woi-resource-jumplink-to-top
  .woi-resource-jumplink-to-top
  woi-button
  .glue-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--glue-grey-0);
  border-radius: 100px;
  border: 1px solid var(--glue-grey-900);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  margin: 0 auto;
  padding: 14px 40px;
  color: var(--glue-grey-900);
}
@media (forced-colors: active) {
  woi-resource-jumplink-to-top
    .woi-resource-jumplink-to-top
    woi-button
    .glue-button {
    background: buttonText;
    border-color: buttonText;
    color: buttonFace;
  }
}
woi-resource-jumplink-to-top
  .woi-resource-jumplink-to-top
  woi-button
  .glue-button:focus {
  background-color: var(--glue-grey-100);
  border: 2px solid var(--glue-grey-900);
  outline: none;
}
@media (forced-colors: active) {
  woi-resource-jumplink-to-top
    .woi-resource-jumplink-to-top
    woi-button
    .glue-button:focus {
    background-color: buttonFace;
    border-color: buttonText;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: buttonText;
  }
}
woi-resource-jumplink-to-top
  .woi-resource-jumplink-to-top
  woi-button
  .glue-button:hover {
  background-color: var(--glue-grey-900);
  color: var(--glue-grey-0);
}
@media (forced-colors: active) {
  woi-resource-jumplink-to-top
    .woi-resource-jumplink-to-top
    woi-button
    .glue-button:hover {
    background-color: buttonFace;
    border: 2px solid buttonText;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: buttonText;
  }
}
woi-resource-jumplink-to-top
  .woi-resource-jumplink-to-top
  woi-button
  .glue-button:hover
  woi-button
  .glue-icon {
  fill: var(--glue-grey-0);
}
@media (forced-colors: active) {
  woi-resource-jumplink-to-top
    .woi-resource-jumplink-to-top
    woi-button
    .glue-button:hover
    woi-button
    .glue-icon {
    fill: currentColor;
  }
}
woi-resource-jumplink-to-top
  .woi-resource-jumplink-to-top
  woi-button
  .glue-button--text {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 11px;
}
woi-resource-jumplink-to-top
  .woi-resource-jumplink-to-top
  woi-button
  .glue-button
  woi-button
  .glue-icon {
  fill: var(--glue-grey-900);
  margin-top: 5px;
}
@media (forced-colors: active) {
  woi-resource-jumplink-to-top
    .woi-resource-jumplink-to-top
    woi-button
    .glue-button
    woi-button
    .glue-icon {
    fill: currentColor;
  }
}
@media (min-width: 1024px) {
  woi-resource-table-of-contents {
    grid-row: 1/2;
    grid-column: 1/2;
  }
}
woi-resource-table-of-contents ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  woi-resource-table-of-contents ol {
    display: unset;
  }
}
woi-resource-table-of-contents .woi-resource-toc {
  margin: 60px 0 0;
  position: relative;
}
woi-resource-table-of-contents .woi-resource-toc:after {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(var(--glue-grey-0)),
    to(hsla(0, 0%, 100%, 0))
  );
  background: linear-gradient(270deg, var(--glue-grey-0), hsla(0, 0%, 100%, 0));
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 72px;
}
@media (min-width: 1024px) {
  woi-resource-table-of-contents .woi-resource-toc:after {
    display: none;
  }
}
woi-resource-table-of-contents .woi-resource-toc__wrapper {
  -ms-overflow-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  overflow-x: auto;
  padding: 8px 0;
  scrollbar-width: none;
}
woi-resource-table-of-contents .woi-resource-toc__wrapper::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  woi-resource-table-of-contents .woi-resource-toc__wrapper {
    margin: 0 72px;
    overflow-x: hidden;
    padding: 0;
  }
}
@media (min-width: 1440px) {
  woi-resource-table-of-contents .woi-resource-toc__wrapper {
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  woi-resource-table-of-contents .woi-resource-toc {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    width: auto;
  }
}
@media (min-width: 1440px) {
  woi-resource-table-of-contents .woi-resource-toc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
  }
}
woi-resource-table-of-contents .woi-resource-toc .glue-grid {
  display: block;
}
@media (min-width: 1024px) {
  woi-resource-table-of-contents .woi-resource-toc .glue-grid {
    display: grid;
    width: 100%;
  }
}
woi-resource-table-of-contents .woi-resource-toc__title {
  color: var(--glue-grey-800);
  display: inline;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 24px;
  padding: 0 0 0 28px;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 600px) {
  woi-resource-table-of-contents .woi-resource-toc__title {
    padding: 0 0 0 161px;
  }
}
@media (min-width: 1024px) {
  woi-resource-table-of-contents .woi-resource-toc__title {
    display: block;
    margin: 0 0 24px;
    padding: 0;
    white-space: normal;
  }
}
woi-resource-table-of-contents .woi-resource-toc__list.glue-grid__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
}
@media (min-width: 1024px) {
  woi-resource-table-of-contents .woi-resource-toc__list.glue-grid__col {
    display: initial;
    width: auto;
  }
}
@media (min-width: 1440px) {
  woi-resource-table-of-contents .woi-resource-toc__list.glue-grid__col {
    width: calc(100% + 32px);
  }
}
woi-resource-table-of-contents .woi-resource-toc__item {
  color: var(--glue-grey-700);
  cursor: pointer;
  font-size: 16px;
  letter-spacing: 0.1px;
  line-height: 24px;
  overflow: visible;
  padding: 0 0 0 24px;
  text-decoration: none;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  woi-resource-table-of-contents .woi-resource-toc__item {
    display: block;
    font-size: 14px;
    margin: 0 0 8px;
    padding: 0;
    white-space: normal;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
  }
}
woi-resource-table-of-contents .woi-resource-toc__item:last-child {
  padding: 0 28px 0 24px;
}
@media (min-width: 600px) {
  woi-resource-table-of-contents .woi-resource-toc__item:last-child {
    padding: 0 161px 0 24px;
  }
}
@media (min-width: 1024px) {
  woi-resource-table-of-contents .woi-resource-toc__item:last-child {
    padding: 0;
  }
}
woi-resource-table-of-contents .woi-resource-toc__item .glue-inline-link {
  background-color: unset;
  border: unset;
  color: inherit;
  letter-spacing: inherit;
  text-align: unset;
  text-decoration: none;
  padding: unset;
}
woi-resource-table-of-contents .woi-resource-toc__item .glue-inline-link:hover {
  background-color: unset;
}
woi-simple-bulleted-list {
  --image-size: 52px;
  --icon-max-width: 26px;
}
woi-simple-bulleted-list .woi-simple-bulleted-list__grid {
  padding-bottom: 60px;
  padding-top: 60px;
}
@media (min-width: 1024px) {
  woi-simple-bulleted-list .woi-simple-bulleted-list__grid {
    padding-bottom: 80px;
    padding-top: 80px;
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
woi-simple-bulleted-list .woi-simple-bulleted-list__image {
  margin-bottom: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--glue-green-50);
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--image-size);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: var(--image-size);
}
woi-simple-bulleted-list .woi-simple-bulleted-list__image img {
  width: var(--icon-max-width);
}
woi-simple-bulleted-list .woi-simple-bulleted-list__title {
  text-align: left;
}
woi-simple-bulleted-list .woi-simple-bulleted-list__copy {
  padding-top: 16px;
  color: var(--glue-grey-700);
  text-align: left;
}
@media (min-width: 1024px) {
  woi-simple-bulleted-list .woi-simple-bulleted-list__copy {
    padding-top: 32px;
  }
}
@media (min-width: 1440px) {
  woi-simple-bulleted-list .woi-simple-bulleted-list__copy {
    padding-top: 16px;
  }
}
woi-simple-bulleted-list .woi-simple-bulleted-list__content {
  padding-top: 36px;
}
@media (min-width: 1024px) {
  woi-simple-bulleted-list .woi-simple-bulleted-list__content {
    padding-top: 70px;
  }
}
woi-simple-bulleted-list .woi-simple-bulleted-list__bullets {
  color: var(--glue-grey-800);
}
woi-simple-bulleted-list .woi-simple-bulleted-list__bullets li {
  text-align: left;
}
@media (min-width: 1440px) {
  woi-simple-end-cap .woi-simple-end-cap {
    width: 100%;
  }
}
woi-simple-end-cap .woi-simple-end-cap__bg {
  background-color: var(--glue-grey-50);
}
@media (max-width: 599px) {
  woi-simple-end-cap .woi-simple-end-cap__bg {
    padding-inline: 28px;
  }
}
@media (min-width: 600px) {
  woi-simple-end-cap .woi-simple-end-cap__bg {
    border-radius: 20px;
  }
}
@media (max-width: 599px) {
  woi-simple-end-cap .woi-simple-end-cap__bg--fullbleed {
    margin-inline: 0;
  }
}
woi-simple-end-cap .woi-simple-end-cap__bg--spacer-5 {
  padding-bottom: 48px;
  padding-top: 48px;
}
@media (min-width: 1024px) {
  woi-simple-end-cap .woi-simple-end-cap__bg--spacer-5 {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
woi-simple-end-cap .woi-simple-end-cap__bg--spacer-6 {
  padding-bottom: 60px;
  padding-top: 60px;
}
@media (min-width: 1024px) {
  woi-simple-end-cap .woi-simple-end-cap__bg--spacer-6 {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
woi-simple-end-cap .woi-simple-end-cap__button--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 599px) {
  woi-simple-end-cap .woi-simple-end-cap__button--container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (min-width: 600px) {
  woi-simple-end-cap .woi-simple-end-cap__button--container {
    -moz-column-gap: 16px;
    -webkit-column-gap: 16px;
    column-gap: 16px;
  }
}
@media (min-width: 1024px) {
  woi-simple-end-cap .woi-simple-end-cap__button--container {
    margin-top: 36px;
  }
}
[dir="rtl"]
  woi-simple-end-cap
  .glue-button.glue-button--medium-emphasis.glue-button--icon {
  direction: ltr;
}
[dir="rtl"]
  woi-simple-end-cap
  .glue-button.glue-button--medium-emphasis.glue-button--icon
  .icon-wrapper {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
@media (min-width: 1024px) {
  woi-simple-end-cap .glue-headline {
    margin-bottom: 24px;
  }
}
woi-simple-footer .expand-more {
  display: none;
}
woi-simple-footer.position-relative{
    position: relative !important;
}
woi-simple-footer section.newsletter-response-container{
     position: absolute;
     z-index: 99;
     bottom: 30px;
     width: 100%;
     display: flex;
     justify-content: center;
}
woi-simple-footer section.d-none{
    display: none !important;
}
woi-simple-footer section .notify-container{
    border:1px solid #B5B5B5; 
    border-radius:5px;
    width:330px;
    padding: 16px;
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    filter: blur(0);
    touch-action: none;
    transition: transform .4s,opacity .4s,height .4s,box-shadow .2s;
    box-sizing: border-box;
    outline: none;
    overflow-wrap: anywhere;
    background: #fff;
    display: flex;
}
woi-simple-footer section .infosvg{
    padding-right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
woi-simple-footer section .infotitle{
    font-size: 13px;
    padding-bottom: 3px;
}
woi-simple-footer section .infosubtitle{
    font-size: 12px;
    color: #666664;
}
.error-message{
    color: red;
  font-size: 11px;
  letter-spacing: 0.5px;
}
@media (max-width: 599px) {
  woi-simple-footer .expand-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
woi-simple-footer .footnote {
  font-size: 14px;
  line-height: 30px;
}
woi-simple-footer .footnote .footpoint {
  font-weight: 700;
}
woi-simple-footer .glue-footer__logo a {
  color: var(--glue-grey-700);
}
woi-simple-footer .glue-is-collapsed .expand-more {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
woi-simple-footer .glue-is-expanded .expand-more {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
woi-simple-footer .glue-expansion-panel__button svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
woi-simple-footer .help-label {
  margin-left: 8px;
  position: relative;
}
woi-simple-hero .color-blue-600 {
  color: var(--glue-blue-600);
}
woi-simple-hero .glue-headline.glue-headline--headline-1 {
  font-size: 40px;
}
@media (min-width: 600px) {
  woi-simple-hero .glue-headline.glue-headline--headline-1 {
    font-size: 52px;
  }
}
@media (min-width: 1024px) {
  woi-simple-hero .glue-headline.glue-headline--headline-1 {
    font-size: 70px;
  }
}
woi-mega-nav-v2 .glue-header__drawer.glue-header__drawer--is-open woi-button,
woi-mega-nav .glue-header__drawer.glue-header__drawer--is-open woi-button,
woi-simple-nav .glue-header__drawer.glue-header__drawer--is-open woi-button {
  width: 100%;
}
woi-mega-nav-v2
  .glue-header__drawer.glue-header__drawer--is-open
  .glue-header__tier
  .woi-mega-nav-cta-container:first-child:after,
woi-mega-nav
  .glue-header__drawer.glue-header__drawer--is-open
  .glue-header__tier
  .woi-mega-nav-cta-container:first-child:after,
woi-simple-nav
  .glue-header__drawer.glue-header__drawer--is-open
  .glue-header__tier
  .woi-mega-nav-cta-container:first-child:after {
  display: none;
}
[dir="rtl"]
  woi-mega-nav-v2
  .glue-header__cta
  .glue-button.glue-button--low-emphasis.glue-button--icon,
[dir="rtl"]
  woi-mega-nav
  .glue-header__cta
  .glue-button.glue-button--low-emphasis.glue-button--icon,
[dir="rtl"]
  woi-simple-nav
  .glue-header__cta
  .glue-button.glue-button--low-emphasis.glue-button--icon {
  direction: ltr;
}
[dir="rtl"]
  woi-mega-nav-v2
  .glue-header__cta
  .glue-button.glue-button--low-emphasis.glue-button--icon
  .icon-wrapper,
[dir="rtl"]
  woi-mega-nav
  .glue-header__cta
  .glue-button.glue-button--low-emphasis.glue-button--icon
  .icon-wrapper,
[dir="rtl"]
  woi-simple-nav
  .glue-header__cta
  .glue-button.glue-button--low-emphasis.glue-button--icon
  .icon-wrapper {
  margin-left: 138px;
  position: absolute;
}
woi-mega-nav-v2 .glue-header__cta .glue-header__cta,
woi-mega-nav .glue-header__cta .glue-header__cta,
woi-simple-nav .glue-header__cta .glue-header__cta {
  -webkit-box-shadow: none;
  box-shadow: none;
}
woi-mega-nav-v2 .lock-up-tier,
woi-mega-nav .lock-up-tier,
woi-simple-nav .lock-up-tier {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
woi-mega-nav-v2 .header-phone-number__rollover,
woi-mega-nav .header-phone-number__rollover,
woi-simple-nav .header-phone-number__rollover {
  background: var(--glue-grey-0);
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  color: var(--glue-blue-600);
  display: none;
  font-family: Google Sans;
  letter-spacing: 0.5px;
  margin-right: 65px;
  padding: 16px;
  pointer-events: none;
  position: absolute;
  top: 80px;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  z-index: 100;
}
woi-mega-nav-v2 .header-phone-number__rollover span,
woi-mega-nav .header-phone-number__rollover span,
woi-simple-nav .header-phone-number__rollover span {
  display: block;
}
woi-mega-nav-v2
  .glue-header.glue-header--single
  .glue-header__bar--mobile:not(.glue-header--rewind-box-shadow):after,
woi-mega-nav
  .glue-header.glue-header--single
  .glue-header__bar--mobile:not(.glue-header--rewind-box-shadow):after,
woi-simple-nav
  .glue-header.glue-header--single
  .glue-header__bar--mobile:not(.glue-header--rewind-box-shadow):after {
  display: none;
}
woi-mega-nav-v2 .woi-sign-in-card,
woi-mega-nav .woi-sign-in-card,
woi-simple-nav .woi-sign-in-card {
  position: absolute;
  top: 64px;
  right: 4px;
}
[dir="rtl"] woi-mega-nav-v2 .woi-sign-in-card,
[dir="rtl"] woi-mega-nav .woi-sign-in-card,
[dir="rtl"] woi-simple-nav .woi-sign-in-card {
  left: 4px;
  right: auto;
}
@media (min-width: 600px) {
  woi-mega-nav-v2 .woi-sign-in-card,
  woi-mega-nav .woi-sign-in-card,
  woi-simple-nav .woi-sign-in-card {
    right: 12px;
  }
  [dir="rtl"] woi-mega-nav-v2 .woi-sign-in-card,
  [dir="rtl"] woi-mega-nav .woi-sign-in-card,
  [dir="rtl"] woi-simple-nav .woi-sign-in-card {
    left: 12px;
    right: auto;
  }
}
woi-mega-nav-v2 .woi-profile-avatar,
woi-mega-nav .woi-profile-avatar,
woi-simple-nav .woi-profile-avatar {
  margin: 0 8px;
}
woi-mega-nav-v2 .woi-sso-hide,
woi-mega-nav .woi-sso-hide,
woi-simple-nav .woi-sso-hide {
  display: none;
}
woi-mega-nav-v2 .glue-header__container,
woi-mega-nav-v2 .glue-header__lock-up,
woi-mega-nav .glue-header__container,
woi-mega-nav .glue-header__lock-up,
woi-simple-nav .glue-header__container,
woi-simple-nav .glue-header__lock-up {
  width: 100%;
}
@media (min-width: 1250px) {
  woi-mega-nav-v2 .glue-header__container,
  woi-mega-nav .glue-header__container,
  woi-simple-nav .glue-header__container {
    width: auto;
  }
}
woi-simple-nav woi-single-sign-on {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
woi-small-card-content-switcher {
  --transition-duration: 0.2s;
}
woi-small-card-content-switcher .woi-small-card-content-switcher {
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  woi-small-card-content-switcher .woi-small-card-content-switcher {
    margin-bottom: 0;
  }
}
woi-small-card-content-switcher .woi-small-card-content-switcher__container {
  padding-top: 80px;
  position: relative;
}
woi-small-card-content-switcher .woi-small-card-content-switcher__subheadline {
  color: var(--glue-grey-900);
}
woi-small-card-content-switcher
  .woi-small-card-content-switcher__subheadline
  a {
  color: var(--glue-blue-600);
  text-decoration: unset;
}
@media (max-width: 599px) {
  woi-small-card-content-switcher .woi-small-card-content-switcher-tab__icon {
    display: none;
  }
}
woi-small-card-content-switcher .glue-tabpanels .glue-tabs__tablist {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  woi-small-card-content-switcher .glue-tabpanels .glue-tabs__tablist {
    gap: 19px;
  }
}
woi-small-card-content-switcher .glue-tabpanels .glue-tabs__panelgroup {
  margin-top: 0;
}
woi-small-card-content-switcher .glue-tab {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--glue-grey-50);
  border-radius: 16px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(73, 76, 78, 0.15);
  box-shadow: 0 1px 2px 0 rgba(73, 76, 78, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 140px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding: 10px 12px;
  width: 151px;
}
@media (min-width: 1024px) {
  woi-small-card-content-switcher .glue-tab {
    height: 138px;
    width: 198px;
  }
}
woi-small-card-content-switcher .glue-tab woi-image {
  margin-bottom: 2px;
  padding: 4px;
  pointer-events: none;
}
woi-small-card-content-switcher .glue-tab woi-image img {
  aspect-ratio: auto 1/1;
  -o-object-fit: cover;
  object-fit: cover;
}
woi-small-card-content-switcher .glue-tab__title {
  color: var(--glue-grey-800);
  display: block;
  margin: 6px 0 4px;
  pointer-events: none;
  text-align: center;
}
@media (min-width: 600px) {
  woi-small-card-content-switcher .glue-tab__title {
    margin: 0;
  }
}
woi-small-card-content-switcher .glue-tab__subtitle {
  color: var(--glue-grey-800);
  display: block;
  font-weight: 400;
  height: 60px;
  pointer-events: none;
  text-align: center;
}
@media (min-width: 1024px) {
  woi-small-card-content-switcher .glue-tab__subtitle {
    height: auto;
  }
}
woi-small-card-content-switcher .glue-tab__default {
  display: none;
}
@media (min-width: 1024px) {
  woi-small-card-content-switcher .glue-tab:hover {
    background-color: var(--glue-green-50);
    border: 1px solid var(--glue-green-50);
    -webkit-box-shadow: 0 2px 6px 2px rgba(60, 64, 67, 0.15),
      0 1px 2px 0 rgba(60, 64, 67, 0.3);
    box-shadow: 0 2px 6px 2px rgba(60, 64, 67, 0.15),
      0 1px 2px 0 rgba(60, 64, 67, 0.3);
  }
}
woi-small-card-content-switcher .glue-tab:after {
  border: none;
}
woi-small-card-content-switcher .glue-tab[aria-selected="true"] {
  background-color: var(--glue-green-50);
  -webkit-box-shadow: 0 1px 2px 0 rgba(73, 76, 78, 0.15),
    inset 0 0 0 2px var(--glue-green-500);
  box-shadow: 0 1px 2px 0 rgba(73, 76, 78, 0.15),
    inset 0 0 0 2px var(--glue-green-500);
  -webkit-transition: all var(--transition-duration) linear;
  transition: all var(--transition-duration) linear;
}
woi-small-card-content-switcher
  .glue-tab[aria-selected="true"]
  .glue-tab__title {
  display: block;
}
woi-small-card-content-switcher .glue-tabpanels__page-list {
  padding-bottom: 80px;
}
woi-small-card-content-switcher .glue-tabpanels__panel-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 599px) {
  woi-small-card-content-switcher .glue-tabpanels__panel-content {
    text-align: center;
  }
}
woi-small-card-content-switcher
  .glue-tabpanels__panel-content
  woi-simple-bulleted-list
  .glue-page {
  display: block;
}
woi-smart-calc-form .smart-calc-modal {
  padding: 20px;
}
@media (min-width: 600px) {
  woi-smart-calc-form .smart-calc-modal {
    padding: 20px 0;
  }
}
@media (min-width: 1024px) {
  woi-smart-calc-form .smart-calc-modal {
    padding: 64px 0;
  }
}
woi-smart-calc-form .modal-wrapper {
  margin: 0 auto;
  -webkit-transition: max-width 1s ease-out;
  transition: max-width 1s ease-out;
  width: 100%;
}
woi-smart-calc-form .glue-modal.glue-modal--dark {
  padding: 60px 0;
}
woi-smart-calc-form .glue-modal.glue-modal--dark .glue-modal__close-btn {
  background-color: var(--glue-grey-100);
}
woi-smart-calc-form .glue-modal.glue-modal--dark .glue-modal__close-btn:after,
woi-smart-calc-form .glue-modal.glue-modal--dark .glue-modal__close-btn:before,
woi-smart-calc-form .glue-modal.glue-modal--dark .glue-modal__close-btn:focus,
woi-smart-calc-form .glue-modal.glue-modal--dark .glue-modal__close-btn:hover {
  background-color: var(--glue-grey-900);
}
woi-smart-calc-form
  .glue-modal.glue-modal--dark
  .glue-modal__close-btn:focus:after,
woi-smart-calc-form
  .glue-modal.glue-modal--dark
  .glue-modal__close-btn:focus:before,
woi-smart-calc-form
  .glue-modal.glue-modal--dark
  .glue-modal__close-btn:hover:after,
woi-smart-calc-form
  .glue-modal.glue-modal--dark
  .glue-modal__close-btn:hover:before {
  background-color: var(--glue-grey-100);
}
woi-smart-calc-form .smart-calc-modal-container {
  background-color: var(--glue-grey-0);
  border-radius: 8px;
  padding: 24px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 600px) {
  woi-smart-calc-form .smart-calc-modal-container {
    padding: 24px 0;
  }
}
woi-smart-calc-form .glue-form {
  margin: 0;
}
woi-smart-calc-form .mdc-floating-label--required:after,
woi-smart-calc-form .mdc-select--invalid .mdc-floating-label--required:after,
woi-smart-calc-form
  .mdc-text-field--invalid
  .mdc-floating-label--required:after {
  margin-right: 5px;
}
woi-smart-calc-form .mdc-select--outlined .mdc-select__anchor {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
woi-smart-calc-form .recaptcha-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
woi-smart-calc-form leadgen-autocomplete {
  display: block;
  width: 100%;
}
woi-smart-calc-form leadgen-autocomplete .mdc-menu {
  max-height: 200px;
  position: relative;
  top: -15px;
  width: inherit;
}
woi-smart-calc-form leadgen-autocomplete .mdc-list .group-title {
  color: rgba(0, 0, 0, 0.54);
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 0;
}
woi-smart-calc-form .smart-calc-fail-msg.glue-grid__col,
woi-smart-calc-form .smart-calc-form-disclaimer.glue-grid__col,
woi-smart-calc-form .smart-calc-modal[view="FAIL"] .smart-calc-form-loading,
woi-smart-calc-form .smart-calc-modal[view="FORM"] .smart-calc-form-loading,
woi-smart-calc-form .smart-calc-modal[view="INIT"] .smart-calc-form-section,
woi-smart-calc-form .smart-calc-modal[view="THANKS"] .smart-calc-form-loading,
woi-smart-calc-form .smart-calc-thank-you.glue-grid__col {
  display: none;
}
woi-smart-calc-form .smart-calc-modal[view="FORM"] .smart-calc-form-disclaimer {
  display: block;
}
woi-smart-calc-form .smart-calc-modal[view="FAIL"] .smart-calc-fail-msg,
woi-smart-calc-form .smart-calc-modal[view="THANKS"] .smart-calc-thank-you {
  display: block;
  padding: 0 24px;
}
woi-smart-calc-form .smart-calc-modal[view="FAIL"] .smart-calc-form-headline,
woi-smart-calc-form .smart-calc-modal[view="FAIL"] .smart-calc-form-section,
woi-smart-calc-form .smart-calc-modal[view="LOADING"] .smart-calc-form-headline,
woi-smart-calc-form .smart-calc-modal[view="LOADING"] .smart-calc-form-section,
woi-smart-calc-form .smart-calc-modal[view="THANKS"] .smart-calc-form-headline,
woi-smart-calc-form .smart-calc-modal[view="THANKS"] .smart-calc-form-section {
  display: none;
}
woi-smart-calc-form .smart-calc-modal[view="FAIL"] .glue-page,
woi-smart-calc-form .smart-calc-modal[view="LOADING"] .glue-page,
woi-smart-calc-form .smart-calc-modal[view="THANKS"] .glue-page {
  width: 100%;
}
@media (min-width: 600px) {
  woi-smart-calc-form .smart-calc-modal[view="FAIL"] .modal-wrapper,
  woi-smart-calc-form .smart-calc-modal[view="LOADING"] .modal-wrapper,
  woi-smart-calc-form .smart-calc-modal[view="THANKS"] .modal-wrapper {
    margin: 0 auto;
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    width: 500px;
  }
}
@media (min-width: 1024px) {
  woi-smart-calc-form .smart-calc-modal[view="FAIL"] .modal-wrapper,
  woi-smart-calc-form .smart-calc-modal[view="LOADING"] .modal-wrapper,
  woi-smart-calc-form .smart-calc-modal[view="THANKS"] .modal-wrapper {
    width: 600px;
  }
}
@media (min-width: 1440px) {
  woi-smart-calc-form .smart-calc-modal[view="FAIL"] .modal-wrapper,
  woi-smart-calc-form .smart-calc-modal[view="LOADING"] .modal-wrapper,
  woi-smart-calc-form .smart-calc-modal[view="THANKS"] .modal-wrapper {
    width: 800px;
  }
}
woi-smart-calc-form .smart-calc-form-loading,
woi-smart-calc-form .smart-calc-modal[view="FAIL"].glue-modal-open,
woi-smart-calc-form .smart-calc-modal[view="LOADING"].glue-modal-open,
woi-smart-calc-form .smart-calc-modal[view="THANKS"].glue-modal-open {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
woi-smart-calc-form .smart-calc-form-loading {
  grid-column: 1/-1;
  height: 100px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
@-webkit-keyframes colors {
  0% {
    stroke: var(--glue-blue-500);
  }
  25% {
    stroke: var(--glue-red-500);
  }
  50% {
    stroke: var(--glue-yellow-500);
  }
  75% {
    stroke: var(--glue-green-600);
  }
  to {
    stroke: var(--glue-blue-500);
  }
}
@keyframes colors {
  0% {
    stroke: var(--glue-blue-500);
  }
  25% {
    stroke: var(--glue-red-500);
  }
  50% {
    stroke: var(--glue-yellow-500);
  }
  75% {
    stroke: var(--glue-green-600);
  }
  to {
    stroke: var(--glue-blue-500);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  to {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  to {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
woi-smart-calc-form .smart-calc-form-loading .spinner {
  -webkit-animation: rotator 1.4s linear infinite;
  animation: rotator 1.4s linear infinite;
}
woi-smart-calc-form .smart-calc-form-loading .path {
  -webkit-animation: dash 1.4s ease-in-out infinite,
    colors 5.6s ease-in-out infinite;
  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
  transform-origin: center;
}
woi-stacked2-up .stacked-headline {
  margin-bottom: 8px;
}
@media (min-width: 600px) {
  woi-stacked2-up .stacked-headline {
    margin-bottom: 48px;
  }
}
@media (min-width: 600px) and (min-width: 1024px) {
  woi-stacked2-up .stacked-headline {
    margin-bottom: 60px;
  }
}
woi-stacked2-up .color-blue-600 {
  color: var(--glue-blue-600);
  display: block;
}
woi-stacked2-up .card-body {
  color: var(--glue-grey-700);
}
@media (max-width: 599px) {
  woi-stacked2-up .card-body {
    margin-bottom: 16px;
    margin-top: 16px;
    padding: 0 16px;
  }
}
@media (max-width: 599px) {
  woi-stacked2-up .card-container {
    display: none;
  }
}
@media (min-width: 600px) {
  woi-stacked2-up .carousel-container {
    display: none;
  }
}
woi-stacked2-up .glue-card h3 {
  padding: 0 8px;
}
woi-stacked2-up .glue-grid__col.copy-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
woi-stacked2-up .glue-grid__col.image-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
woi-stacked2-up .stacked-card-list {
  list-style-type: disc;
}
@media (max-width: 599px) {
  woi-stacked2-up .stacked-card-list {
    list-style-position: inside;
  }
}
woi-staggered-card3-up .staggered-card3-up-header__container p {
  margin-top: 16px;
}
woi-staggered-card3-up .staggered-card3-up-button__container {
  margin-top: 24px;
}
@media (min-width: 1440px) {
  woi-staggered-card3-up .staggered-card3-up-button__container {
    margin-top: 36px;
  }
}
woi-staggered-card3-up .staggered-card3-up .glue-cards {
  margin-top: 36px;
  display: grid;
}
@media (min-width: 600px) {
  woi-staggered-card3-up .staggered-card3-up .glue-cards {
    margin-top: 48px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 600px) and (min-width: 1024px) {
  woi-staggered-card3-up .staggered-card3-up .glue-cards {
    margin-top: 60px;
  }
}
@media (min-width: 1024px) {
  woi-staggered-card3-up .staggered-card3-up .glue-cards {
    -moz-column-gap: 24px;
    -webkit-column-gap: 24px;
    column-gap: 24px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  woi-staggered-card3-up .staggered-card3-up .glue-cards li:first-of-type {
    grid-row: span 2;
  }
}
woi-staggered-card3-up .staggered-card3-up .glue-cards li:nth-of-type(2) {
  -ms-flex-item-align: center;
  align-self: center;
}
@media (min-width: 600px) {
  woi-staggered-card3-up .staggered-card3-up .glue-cards li:nth-of-type(2) {
    grid-row: span 2;
  }
}
@media (min-width: 1024px) {
  woi-staggered-card3-up .staggered-card3-up .glue-cards li:nth-of-type(2) {
    grid-row: span 3;
  }
}
@media (min-width: 1024px) {
  woi-staggered-card3-up .staggered-card3-up .glue-cards li:last-of-type {
    align-self: end;
    grid-row: span 3;
  }
}
woi-staggered-card3-up .staggered-card3-up .glue-card {
  border-radius: 20px;
}
@media (max-width: 599px) {
  woi-tab-bar .woi-tab-bar__panel-image:first-of-type {
    display: none;
  }
  .glue-footer-help{
      visibility: hidden !important;
  }
}
@media (min-width: 600px) {
  woi-tab-bar .woi-tab-bar__panel-image:last-of-type {
    display: none;
  }
}
woi-tab-bar .woi-tab-bar__panel-image img {
  width: 100%;
}
@media (max-width: 599px) {
  woi-tab-bar .woi-tab-bar__panel-copy {
    margin-bottom: 48px;
  }
}
@media (max-width: 599px) and (min-width: 1024px) {
  woi-tab-bar .woi-tab-bar__panel-copy {
    margin-bottom: 60px;
  }
}
@media (min-width: 600px) {
  woi-tab-bar .glue-tabpanels__panel-content .glue-grid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
woi-tab-bar .glue-tabpanels.glue-tabpanels--centeredtabs .glue-tabs__tablist {
  border-bottom-color: transparent;
}
woi-tab-bar
  .glue-tabpanels.glue-tabpanels--centeredtabs
  .glue-tabs__tablist
  .glue-tab {
  padding-left: 8px;
  padding-right: 8px;
}
woi-tab-bar .glue-tabpanels .glue-tab:focus,
woi-tab-bar
  .glue-tabpanels
  .glue-tabpanels__panel-toggle
  .glue-expansion-panel__button:focus {
  background: none;
}
woi-tab-bar .glue-tabpanels .glue-tab:focus-visible,
woi-tab-bar
  .glue-tabpanels
  .glue-tabpanels__panel-toggle
  .glue-expansion-panel__button:focus-visible {
  background: var(--glue-grey-100);
}
woi-tab-bar
  .glue-tabpanels
  .glue-expansion-panel
  .glue-expansion-panel__content
  > div {
  border-bottom: none;
  padding-bottom: 16px;
  padding-top: 24px;
}
woi-tab-bar .glue-tab:after {
  border-top-color: transparent;
}
woi-two-column-list .two-column-list--body {
  margin-bottom: 24px;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  woi-two-column-list .two-column-list--body {
    margin-bottom: 36px;
    margin-top: 16px;
  }
}
woi-two-column-list .column-expansion-panel,
woi-two-column-list .cta-container {
  -moz-column-gap: 16px;
  -webkit-column-gap: 16px;
  column-gap: 16px;
}
woi-two-column-list .cta-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
woi-two-column-list .copy-text,
woi-two-column-list .html-copy {
  color: var(--glue-grey-700);
}
woi-two-column-list .html-copy {
  margin-top: 24px;
}
woi-two-column-list .html-copy p {
  margin-bottom: 24px;
}
woi-two-column-list .glue-expansion-panels .glue-expansion-panel:first-child {
  border-bottom: none;
  border-top: none;
}
woi-two-column-list
  .glue-expansion-panels
  .glue-is-expanded
  .glue-expansion-panel__button,
woi-two-column-list
  .glue-expansion-panels
  .glue-is-expanded
  .glue-expansion-panel__button:focus {
  border: none;
}
woi-two-column-list .glue-expansion-panels .glue-is-expanded svg {
  fill: var(--glue-blue-700);
}
woi-two-column-list
  .glue-expansion-panels
  .glue-expansion-panel__content.hidden {
  display: none;
}
woi-two-column-list
  .glue-expansion-panels
  .glue-expansion-panel__content
  > div {
  padding: 0 0 24px 40px;
}
@media (min-width: 1024px) {
  woi-two-column-list
    .glue-expansion-panels
    .glue-expansion-panel__content
    > div {
    padding: 0 0 36px 40px;
  }
}
woi-two-column-list .glue-expansion-panels .glue-expansion-panel__header-text {
  color: var(--glue-grey-900);
  font-size: 20px;
}
woi-two-column-list
  .glue-expansion-panels
  .glue-expansion-panel__header-text:hover {
  color: var(--glue-blue-700);
}
woi-two-column-list
  .glue-expansion-panels
  .glue-expansion-panel__header-text:focus {
  color: inherit;
}
woi-two-column-list
  .glue-expansion-panels
  .glue-expansion-panel__button:focus
  .glue-expansion-panel__header-arrow,
woi-two-column-list
  .glue-expansion-panels
  .glue-expansion-panel__button:hover
  .glue-expansion-panel__header-arrow {
  fill: var(--glue-blue-700);
}
woi-two-column-list .glue-expansion-panels .glue-expansion-panel__header-arrow {
  fill: var(--glue-grey-800);
}
woi-two-column-list
  .glue-expansion-panels
  .is-static
  .glue-expansion-panel__toggle {
  pointer-events: none;
}
woi-two-column-list
  .glue-expansion-panels
  .is-static
  .glue-expansion-panel__button
  svg {
  display: none;
}
woi-two-column-list
  .glue-expansion-panels
  .is-static
  .glue-expansion-panel__button:focus {
  border: none;
  color: var(--glue-grey-800);
  padding-bottom: 28px;
}
main > :where([element-name^="woi-"]) {
  display: grid;
}
@media (max-width: 599px) {
  main > :where([element-name^="woi-"]) {
    grid-template-columns: 100%;
  }
}
.screen-reader-hidden-interaction,
.screen-reader-only {
  left: -1000vw;
  position: absolute;
}
.screen-reader-hidden-interaction:focus,
.screen-reader-hidden-interaction:focus-within {
  position: static;
}
#cookieBar {
  z-index: 9999 !important;
}
.glue-modal {
  z-index: 10000;
}
.woi-drag__grab {
  cursor: -webkit-grab;
  cursor: grab;
}
.woi-drag__grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hidden,
.mdc-list-item.clickable.hidden {
  display: none;
}
[href*="subid"] {
  visibility: hidden;
}
[href*="subid"].so-rpl {
  visibility: visible;
}
@media (max-width: 599px) {
  .hero-hide-mobile {
    display: none;
  }
}
.glue-no-scroll {
  height: auto;
}
.glue-form__element .mdc-select wbr,
.glue-form__element .mdc-text-field-helper-text wbr,
.glue-form__element .mdc-text-field wbr,
.no-budou wbr {
  display: none;
}
.mdc-select--outlined.glue-select
  .mdc-select__anchor
  .mdc-select__selected-text:before {
  content: "";
}
woi-mega-nav-v2
  .glue-header
  .glue-header__bar
  .subcategory-link[data-g-cta-name="grow-my-app"],
woi-mega-nav-v2 .glue-header .l2-link[data-g-cta-name="grow-my-app"] {
  display: none;
}
@media (min-width: 1024px) {
  woi-mega-nav-v2
    .glue-header
    .glue-header__link[data-g-cta-name="local-services-ads"] {
    display: none;
  }
}


.opt-block 
{
  border-radius: 25px;
  padding: 15px;
  background-color: #f7f7f7;
}
.opt-block h2
{
   font-size: 20px !important;
   font-family: Google Sans Display, Arial, Helvetica, sans-serif;
   font-weight: 500;
   margin-top: 25px;
}
.opt-block-main
{
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;

}
.opt-block p
{
   font-size: 13px;
   margin-bottom: 15px;
}
.woi-options
{
  padding-bottom: 20px;
}

.btn-round
{
  border-radius: 4px;
}
.feat-main
{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
  align-items: center;
  justify-items: center;
  padding: 20px 40px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 50px;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
}

.feat-img img
{
  width: 95%;
}
.feat-det
{
  padding: 70px 70px 70px 0px;
}

.feat-det h2
{
  font-family: Google Sans Display, Arial, Helvetica, sans-serif;
  font-size: 2.20rem;
  font-weight: 500;
  margin-bottom: 15px;
  line-height: 45px;
}

.feat-det h2.subh2{
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.1px;
  margin-bottom: 14px;
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
}

.feat-det .btn-round 
{
    margin-top: 30px;
    width: 100%;
    max-width: 100%;
}
.sm-title
{
  font-size: 18px;
    font-weight: 600;
    font-family: Google Sans Display, Arial, Helvetica, sans-serif;
    color: #1a73e8;
    margin-bottom: 10px;
    display: block;
}

.feat-reverse .feat-main .feat-img
{
  order: 2;
}

.feat-reverse .feat-main .feat-det
{
  order: 1;
  padding: 70px 0px 70px 70px;
}

.video-banner
{
  height: 445px;
  overflow: hidden;
  border-radius: 25px;
  position: relative;
  margin-bottom: 20px;
}
.video-banner img
{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.video-banner a
{
  position: absolute;
  display: block;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-banner p
{
    position: absolute;
    top: 60%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    font-size: 32px;
    text-align: center;
    font-weight: 600;
    font-family: Google Sans Display, Arial, Helvetica, sans-serif;
}

.bg-overlay
{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgb(250,250,250,0.5);
  top: 0;
  left: 0;
}

.contact-block
{
  margin-left: -40px; 
  background-color: #fff;
}
.contact-block, .con-feat
{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  padding: 35px 70px;
  border-radius: 30px;  
}
.contact-form-main .glue-grid
{
  gap: 0;
  align-items: center;
}
.con-det h2
{
  font-size: 2.5rem;
  line-height: 55px;
  font-weight: 500;
  font-family: Google Sans Display, Arial, Helvetica, sans-serif;
}
.category-group .con-det h2
{
  font-size: 25px;
  line-height: 40px;
}
.con-det p
{
  /* font-size: 18px; */
  margin-top: 10px;
  line-height: 30px;
}

.category-group .con-det p
{
  font-size: 15px;
  line-height: 28px;
}
.con-det .glue-button.glue-button--medium-emphasis:focus
{
  background-color: transparent;
  border-color: unset; 
  box-shadow: none;
}

.con-det .glue-button
{
  height: auto;
    min-height: auto;
    border-radius: 50px;
    border-color: #1a73e8;
    padding-right: 15px !important;
    padding: 5px;
    color: #1a73e8;
    background-color: transparent;
}

.con-det .glue-button:hover
{
  background-color: #1a73e8 !important;
  color: #fff;
}
.con-det .glue-button:hover .icon-wrapper
{
  background-color: #fff;
  color: #1a73e8;
}

.con-det .icon-wrapper
{
background-color: #1a73e8;
    color: #fff;
    height: 100%;
    min-height: 100%;
    padding: 10px;
    margin-right: 10px;
    border-radius: 50px;
}
.con-det .icon-wrapper svg
{
  margin: 0;
}

.woi-simple-end-cap__button--container woi-button:first-child
{
  margin-right: 12px;
}    

.con-form
{
  position: relative;
}

.con-form form
{
  padding: 0 50px;
  /* border-radius: 25px;
  box-shadow: 0px 12px 40px 0px rgba(0, 0, 0, 0.12); */
}

.con-form .alert
{
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.con-form .title {
  color: #000;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 0.7rem;
}

.con-form .input-container {
  position: relative;
  margin: 25px 0;
}

.con-form .input {
  width: 100%;
  outline: none;
  border: 1px solid #e5e6e7;
  background-color: #f5f8fa;
  backdrop-filter: blur(100px);
  padding: 0.6rem 1.2rem;
  color: #000;
  font-size: 0.9rem;
  font-weight: 400;
  letter-spacing: 0.5px;
  border-radius: 10px;
  transition: 0.3s;
  border-radius: 3px;
}

.gen-contact .con-form
{
  width: 100%;  
}
.gen-contact .con-form form
{
  padding: 0;
}

.con-form textarea.input {
  padding: 0.8rem 1.2rem;
  min-height: 70px;
  border-radius: 5px;
  resize: none;
  overflow-y: auto;
}
.con-form .input-container.text-container label
{
  top: 25%;
}

.con-form .input-container label {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  padding: 0 0.4rem;
  color: #000;
  font-size: 0.9rem;
  font-weight: 400;
  pointer-events: none;
  z-index: 10;
  transition: 0.2s;
}

.con-form .input-container.textarea label {
  top: 1rem;
  transform: translateY(0);
}

.con-form .input-container.focus label {
  top: 0;
  transform: translateY(-50%);
  left: 17px;
  font-size: 0.8rem;
  background-color: transparent;
    backdrop-filter: blur(50px);
}

.con-form .input-container.focus span:before,
.con-form .input-container.focus span:after {
  width: 50%;
  opacity: 1;
}



.con-form .phone-input-wrapper {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.con-form .country-code {
  background-color: #f9f9f9; /* Optional: Background color for the country code */
  border-right: 1px solid #ccc; /* Optional: Divider line */
}

.con-form .country-select {
  border: none;
  padding: 10px;
  font-size: 16px;
  appearance: none; /* Removes default dropdown styling */
  background: transparent; /* Makes the background transparent */
}

.con-form .iti--separate-dial-code
{
  width: 100%;
}

.sub-head
{
  margin-top: 16px;
  margin-bottom: 10px;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
}

.btn-center
{
  margin: 0 auto;
  display: block;
  margin-top: 80px;
  width: 250px !important;
}
form .btn-center
{
  margin-top: 30px;
    width: fit-content !important;
    /* height: 40px;
    min-height: 40px;
    padding: 0; */
}

/* .con-form form
{
  background-color: #fff;
} */

.inner-banner-head
{
  text-align: left !important;
}







.user-carousel .item
{
  box-sizing: border-box;
  margin: 0 5px;
}
.user-carousel .users-block
{
  padding: 15px;
  border-radius: 15px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.user-carousel .users-block img
{
  border-radius: 15px;
}
.users-block h3
{
    margin-top: 20px;
    padding: 0 8px;
    margin-bottom: 7px;
    font-size: 21px;
    font-weight: 500;
    text-align: leftr;
    line-height: 30px;
    font-family: Google Sans, Arial, Helvetica, sans-serif;
}
.users-block p
{
  text-align: left;
  line-height: 28px;
  padding: 0 8px;
}

.user-carousel .owl-nav button
{
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 50%;
  height: 35px;
    width: 35px;
}
.user-carousel .owl-nav button span
{
  font-size: 20px;
  font-weight: 600;
}
.user-carousel .owl-nav
{
  display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 35px;
}


.faq-main .accordion__wrapper {
  width: 100%;
}

.faq-main .accordion__title{
  font-size: var(--fs-lg);
  font-weight: var(--fw-bold);
  color: var(--color-title);
  text-align: center;
  margin-bottom: 4rem;
}

.faq-main .accordion {
  border: 0.1rem solid #c2c2c2;
    margin-bottom: 20px;
    max-width: 80%;
    padding: 20px;
    border-radius: 20px;
    margin: 20px auto;
}

.faq-main .accordion__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
} 

.faq-main .accordion__icon {
  background-color: #fff;
    width: 2.2rem;
    height: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #000;
    flex-shrink: 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.faq-main .accordion__icon svg
{
  width: 15px;
  height: 15px;
  margin: 0;
}

.faq-main .accordion__question{
  font-size: 20px;
    font-weight: 500;
    color: #000;
    font-family: Google Sans Display, Arial, Helvetica, sans-serif;
}

.faq-main .accordion__answer{
  padding-bottom: 0.7rem;
  line-height: 28px;
}
.faq-main .accordion__content p + p
{
  margin-top: 0;
}
.faq-main .accordion__content p:first-child
{
  padding-top: 0.7rem;
}
.faq-main .accordion__content{
  overflow: hidden;
  height: 0;
  transition: 0.4s ease-in-out;
}

.woi-footban
{
  background: #000;
  display: block;
  padding: 70px 0;
  margin-top: 45px;
}

.footban-main h1,.footban-main h2{
  font-size: 60px;
  margin-bottom: 10px;
  font-weight: 900;
  color: #fff;
  background: linear-gradient(90deg, #185abc, #2b6ed3, #ff6f91, #ff9671, #ffc75f, #f9f871);
  background-size: 300%;
  background-position: left;
  background-clip: text;
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: text-bg-animation 4s infinite;
  font-family: Google Sans Display, Arial, Helvetica, sans-serif;
  line-height: 1.2;
}
@keyframes text-bg-animation{
  0%{background-position:0% 87%}
  50%{background-position:100% 14%}
  100%{background-position:0% 87%}
}

.woi-footban .custom-margin
{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.woi-footban .glue-button
{
  background-color: #fff !important;
  color: #000 !important;
  border: none !important;
  outline: none !important;
  font-size: 14px;
  width: fit-content !important;
  display: flex;
  gap: 10px;
}
.woi-footban .glue-button svg
{
  display: block;
}
.woi-footban .glue-button:hover svg
{
  transform: none;
}
.woi-footban .glue-button:active,.woi-footban .glue-button:focus
{
  border: none !important;
  outline: none !important;
  box-shadow: none;
}


.video-banner p
{
  background: linear-gradient(90deg, #185abc, #2b6ed3, #f30039, #f5247b, #fd7302, #ffbb00);
  background-size: 300%;
  background-position: left;
  background-clip: text;
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: text-bg-animation 4s infinite;
}


.footban-main p
{
font-weight: 500;
    font-size: 18px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 25px;
}
.footban-main p a
{
  text-decoration: underline !important;
  color: #fff;
}
.footban-main .btn-center
{
  margin-top: 15px;
}

.contact-form-main
{
  padding: 30px 0;
}
.contact-form-main .con-form .input-container
{
  margin: 18px 0;
}
.contact-form-main .con-det p
{
  margin-bottom: 22px;
}

.glue-carousel__viewport
{
  padding-top: 0;
}

.con-form .dropdown-menu
{
  padding: 20px !important;
  margin-top: 5px;
  width: 100%;
}

.con-form .dropdown-menu .form-control
{
border: 1px solid #ddd;
    padding: 5px 15px;
    font-size: 13px;
    outline: none;
}
.con-form .dropdown-menu ul
{
  margin-inline-start: 0px !important;
  margin-top: 15px;
}
.con-form .dropdown-menu ul li
{
  font-size: 14px;
}
.con-form .dropdown-menu ul li:hover
{
  background-color: #f5f5f5;
}
.con-form .dropdown-menu ul li img
{
  margin-right: 10px;
}
.alert
{
  display: block;
  text-align: center;
  margin-top: 10px;
}
.con-form .alert-success
{
  padding: 8px 0;
  color: rgb(0, 71, 0);
  font-size: 14px;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.con-form .alert-error
{
  padding: 8px 0;
  color: red;
  font-size: 14px;
}




.glue-header__tier
{
  position: relative;
}
.glue-header__container, .glue-header__link-bar
{
  position: unset !important;
}
.not-mega-menu
{
  position:  relative !important;
}
.glue-header__list .glue-header__item .sub-menu{
	position: absolute;
	z-index: 500;
	background-color:#ffffff;
	box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3); 
	padding: 20px 30px;
	transition: all 0.5s ease;
	margin-top:25px;
	opacity:0;
	visibility: hidden;
}
.glue-header__list .has-submenu
{
  position: unset;
}
@media(min-width: 992px){
  .glue-header__list .glue-header__item:hover .sub-menu{
	margin-top: 0;
	visibility: visible;
	opacity: 1;
}
}



.subcategory-group ul li
{
  list-style: none;   
}
.subcategory-group  h1
{
  font-family: Google Sans, Arial, Helvetica, sans-serif;
  font-weight: 500;
    margin-bottom: 15px;
}
.mob-sub-menu li
{
  padding: 0 25px;
}
.subcategory-group ul li a, .mob-sub-menu li a
{
   display: flex;
   align-items: center;
   gap: 10px;
   text-decoration: none;
   font-family: Google Sans, Arial, Helvetica, sans-serif;
   padding: 12px;
    margin-bottom: 10px;
    border-radius: 10px;
}
.top-link-panel .subcategory-group ul li a
{
  padding: 20px !important;
}

.subcategory-group ul li a p, .mob-sub-menu li a p
{
   font-size: 17px;
   color: #000;
   font-weight: 500;
   margin-bottom: 1px;
}
.subcategory-group ul li a span, .mob-sub-menu li a span
{
  color: #474747;
  font-size: 14px;
}
woi-mega-nav .subcategory {
  padding-right: 0 !important;
  margin-inline-start: 0 !important;
}

.has-submenu .desktop-nav-panel .links-panel
{
  display: flex;
  gap: 25px;
}
.column-1
{
  width: 60%;
}
.column-2{
  width: 40%
}
.m-icon
{
  padding: 15px;
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.m-icon svg
{
  flex: 0 0 auto;
  width: 24px;
}
.has-submenu .desktop-nav-panel .category-group
{
  background-color: #f8f8f8;
  padding: 25px;
  border-radius: 15px;
}
.top-link-panel
{
  margin-bottom: 10px;
}
.top-link-panel .category-group
{
  background-color: #fff !important;
  padding: 0 !important;
}

woi-mega-nav .subcategory
{
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 0 8px;
}
woi-mega-nav .subcategory li:last-child a
{
  margin-bottom: 0;
}
.top-link-panel .subcategory
{
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

.top-link-panel .subcategory-group ul li a, .mob-sub-menu li a
{
  background-color: #f8f8f8;
}
.mob-sub-menu li a
{
  width: 100%;
}
.top-link-panel .subcategory-group ul li a:hover, .mob-sub-menu li a:hover
{
  background-color: rgba(26, 115, 232, 0.04);
}

.has-submenu a
{
  gap: 8px;
}

.category-group .con-det .woi-simple-end-cap__button--container
{
  display: flex;
  margin-top: 8px;
}
.category-group .con-det .woi-simple-end-cap__button--container a{
  font-size: 15px;
}


.category-group .con-det .icon-wrapper
{
  padding: 7px;
  margin-right: 5px;
}

.con-det-img 
{
  width: 100%;
  height: 210px;
}

.con-det-img img
{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 15px;
}
.min-menu
{
  width: fit-content !important;
}
.min-menu .top-link-panel .subcategory {
  grid-template-columns: repeat(1, 1fr);
}
.min-menu 
{
  padding: 15px !important;
}

.min-menu .top-link-panel .subcategory
{
  gap: 0;
}
.min-menu .top-link-panel .subcategory-group ul li a, .mob-sub-menu li a{
  padding: 15px !important;
}
.min-menu .top-link-panel
{
  margin-bottom: 0;
}
woi-mega-nav .desktop-nav-panel {
  border-radius: 8px;
}


.mob-sub-menu
{
  overflow-y: auto;
}

.mob-login-btn .glue-button {
  height: auto;
    width: fit-content;
    min-width: auto;
    min-height: auto;
    padding: 4px 14px !important;
    font-size: 11px !important;
    border-color: #e0f1ff;
    background-color: #e0f1ff !important;
    color: #185abc !important;
    border-radius: 5px;
    margin-right: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

.links-panel .con-det .glue-button
{
  background-color: #1a73e8 !important;
  color: #fff;
  width: fit-content;
  padding: 6px 20px !important;
  outline: 2px solid transparent;
}
.links-panel .con-det .glue-button:hover, .links-panel .con-det .glue-button:focus
{
   background-color: #185abc !important;
}
.links-panel .con-det .woi-simple-end-cap__button--container
{
  gap: 15px;
}

.glue-header__item .desktop-nav-panel
{
  transition: opacity 0.3s ease, transform 0.3s ease; 
  transform: translateY(-10px) !important; 
  min-width: 325px;
}
.has-submenu:hover .desktop-nav-panel {
  top: 100%;
   opacity: 1;
   visibility: visible;
   transform: translateY(0) !important;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.static-header-carousel{
  max-width: 1388px !important;
  margin: auto;
  display: flex;
  justify-content: center;
  color: #fff;
}

.static-header-carousel p{
  font-size: .8rem;
  line-height: 1.25rem;
}

.static-header-carousel p .owl-btn{
  transition-property: all;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .15s;
  color: #000;
  font-size: .7rem;
  line-height: 1rem;
  font-weight: 600;
  padding-top: 0.1rem;
  padding-bottom: .1rem;
  padding-left: .75rem;
  padding-right: .75rem;
  background-color: #fff;
  border-color: transparent;
  border-width: 1px;
  border-radius: 9999px;
  white-space: nowrap;
  margin-left: 6px;
}

.sub-banner .feature-media__copy p
{
  font-size: 17px;
  max-width: 533px;
  margin-bottom: 0;
  color: #7a7474;
  font-family:"Roboto", sans-serif;
  /* font-size: 17px;
  max-width: 500px;
  margin-bottom: 0; */
}

.sub-banner .feature-media__copy.secondary p{
  font-size: 30px;
  font-weight: 800 !important;
  color: #353333 !important;
}

.btn-solid
{
  background-color: #fff !important;
  color: #1a73e8 !important;
  border: 1px solid #dadce0 !important;
}
.btn-solid:hover
{
background-color: #f6f9fe !important;
    border-color: #1a73e8 !important;
    color: #174ea6 !important;
    box-shadow: none !important;
}

.sub-banner woi-button 
{
  display: flex;
  gap: 15px;
}
.sub-banner woi-button a
{
  min-width: 180px;
}
.no-bg
{
  background-color: unset !important;
}
.contact-inner .con-form
{
  margin-top: 20px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.input-container-group
{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 0 20px;
}
.contact-inner .con-form .input-container {
  margin: 15px 0;
}

/* .sub-banner{
  padding: 40px 0;
} */

.steps-block-main
{
  display: flex;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 15px;
}

.steps-block-main > div {
  flex: 0 1 calc(33.333% - 20px); 
  max-width: calc(33.333% - 20px); 
}

.step-block
{
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 20px;
  border-radius: 10px;
  font-family: Google Sans Display, Arial, Helvetica, sans-serif;
  position: relative;
}
.step-block span
{
   color: #fff;
   font-weight: 500;
   font-size: 15px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
}
.step-block h1,.step-block h2
{
  font-weight: 500;
  font-size: 21px;
  line-height: 28px;
}


.cap-block
{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

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

.woi-attr
{
  padding-top: 50px;
  padding-bottom: 70px;
}

.woi-attr .opt-block
{
  background-color: #fff;
}

.woi-attr .opt-block-main
{
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.woi-attr .opt-block-main > div {
  flex: 0 1 calc(33.333% - 20px);
  max-width: calc(33.333% - 20px);
  margin-top: 120px;
  border-radius: 10px;
}

.woi-attr .opt-block .btn-solid
{
    width: fit-content;
    font-size: 14px;
    padding: 8px 15px;
    min-height: 35px;
}
.woi-attr .op-block-img
{
  margin-top: -120px;
  width: 80%;
  height: 250px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 20%;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.woi-attr .op-block-img img
{
  width: 70%;
  height: auto;
}


/**************Shop Page New Css Start**************/




.nfc-image-container
{ 
   /* background-color: #f6f6f6 !important;  */
   padding: 0 !important;
   /* border-radius: 8px; */
   /* background: none !important; */
   /* border: 1px solid #cccc; */
   /* border-radius: 35px !important; */
   border-radius: 13px 13px 0 0 !important;
}
.nfc-image-container a
{
  /* padding: 25px !important; */
      padding: 35px 15px !important;
  width: 100%;
  height: 100%;
  padding-bottom: 0 !important;
  height: 100%;
}
.nfc-image-container a:hover
{
  background-color: transparent !important;
}
.nfc-image-container a img
{
  filter: drop-shadow(0px 15px 5px rgba(0, 0, 0, 0.3));
  max-height: unset !important;
  height: 100%;
  /* object-fit: contain; */
  object-fit: cover;
  transition: transform .5s ease;
}
.nfc-image-container:hover img, .w-317:hover .nfc-image-container img {
  transform: scale(1.03) !important;
}
.nfc-cards-list h3 a{
  color: #000 !important;
  font-weight: 400;

   font-size: 18px;
    line-height: 21px !important;
  font-size: 17px;
}
.nfc_card_holder h3 a:hover
{
  background-color: transparent;
}
.nfccardindex-container
{
  position: relative;
}
#topup
{
  position: absolute;
  top: -120px;
}
.directory-filter-category a:focus
{
  color: #fff;
}
.nfccardindex-container .nfc_card_list_container .nfc_card_holder .nfc-price {
    font-size: 15px;
    color: #100202 !important;
    font-weight: 600 !important;
}
.nfc_card_list_container .nfc_card_holder .price--compare
{
  font-size: 13px !important;
}
.splide__list .splide__slide__container
{
  background-color: #f6f6f6;
  border-radius: 8px;
}
.splide__list .splide__slide__container img
{
  padding: 50px;
  filter: drop-shadow(0px 15px 5px rgba(0, 0, 0, 0.3));
}
.splide__pagination__page.is-active
{
  background: #000 !important;
}
.nfc-order .nfc-subtitle
{
  font-size: 1rem !important;
  line-height: 1.5;
  font-weight: 400 !important;
  letter-spacing: 0.1px;
  color: #000 !important;
  margin-bottom: 8px !important;
}
.businessCards .btn-primary {
  height: 50px;
  padding: 7px 30px !important;
}
.nfc-addtocart, .businessCards
{
  padding-top: 0px !important;
}
.businessCards button
{
  border-radius: 5px !important;
}
.product-meta__taxes-included
{
  margin-top: 5px;
  margin-bottom: 3px;
}
.pricingslab
{
  margin-top: 13px;
  margin-bottom: 20px !important;
  padding: 15px 15px 10px 15px;
  box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
  border-radius: 8px;
}

.pricingslab svg
{
  margin-right: 8px;
}
.pricingslab .fs-14
{
  margin-bottom: 5px;
}
.nfccardform .form-control
{
  height: auto !important;
  font-size: 13px;
  color: #000;
  font-weight: 500;
  border-radius: 5px;
}
.nfccard-detail-sect .label--highlight
{
  padding: 3px 6px !important;
  border-radius: 3px !important;
}
.cardfeatures .badge-colored
{
  background-color: #5a5a5a !important;
}
.nfccardform .btn-addtocart, .nfccardform .businessCards button
{
  background-color: #000000 !important;
  border: none !important;
}
.prd-btn-group
{
  background-color: #ededed;
  padding: 15px 15px 15px 0px;
  border-radius: 5px;
  margin-top: 20px;
}
.prd-btn-group .nfc-qtybutton
{
  width: 100%;
  background-color: #fff;
}
.pd-0
{
  padding: 0 !important;
}
.basic__step-container .step-box__basic .icon__step-box .svg__icon
{
  font-size: 15px !important;
}
.nfc-cards-tabs .nav-tabs .nav-link
{
  font-size: 15px !important;
}
.nfcfaqAccordion .card-header button
{
  font-size: 17px !important;
}
.nfcfaqAccordion .card-body
{
  line-height: 29px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
#nfc_bulk_order_modal .data-input-flag button
{
  display: flex;
  gap: 5px;
  width: auto;
}
#nfc_bulk_order_modal .data-input-flag button img
{
  width: 25px;
}

#nfc_bulk_order_modal .index-button
{
background-color: #1a73e8;
    color: #fff !important;
    font-size: 13px;
    padding: 10px 20px;
}
#nfc_bulk_order_modal .index-button:hover
{
  background-color:  #185abc;
}
.nfc-cards-tabs .nav-tabs .nav-link:hover
{
  background-color: transparent;
}
.shop-feature-main
{
  padding: 30px 0;
}
.shop-feature-main .shop-feature-block
{
  border: none;
}
.nfc-cards-tabs .tab-content .tab-pane p
{
  font-size: 1rem;
    line-height: 1.7;
    font-weight: 400;
    letter-spacing: 0.1px;
}
.shop-feature-block .text-uppercase
{
  font-family: Google Sans Display, Arial, Helvetica, sans-serif;
  letter-spacing: 0.5px;
}
.shop-feature-block svg
{
  width: 22px;
  height: 22px;
}
/* .rating i, .rating svg
{
  color: #de7921;
  width: 14px;
    height: 12px;
} */


.rating i, .rating svg {
  color: #000000;
  width: 14px;
  height: 25px;
}

.nfc_card_holder .rating
{
  margin-bottom: 25px !important;
}
.nfc-card-container .nfc-price
{
  font-size: 16px !important;
}

.nfc-card-container .directory-filter-category .blue-btn.start-btn-standerd
{
  background-color: #fff;
  color: #000 !important;
  /* border-color: #1a73e8 !important; */
border-color: #000000 !important;
}



.nfc-card-container .directory-filter-category .blue-btn
{
  border-radius: 0px !important;
  border: none !important;
  color: #5f6368;
  border-bottom: 3px solid #f1f3f4 !important;
  padding: 20px 40px 20px 40px;
  outline: none !important;
}
.nfc-card-container .directory-filter-category .blue-btn:hover, .nfc-card-container .directory-filter-category .blue-btn:focus
{
  color: #000;
  background-color: #f1f3f4;
}
.card_footer_action button, .card_footer_action .quantity
{
  /* background-color: #fff;
  border: 1px solid #cdcdcd; */


  background-color: #fff;
  border: 1px solid #cdcdcd;
  border-radius: 33px;
  padding: 5px 16px;
}
.card_footer_action button svg
{
   fill: #000;
}
.card_footer_action button:hover
{
  background-color: #fff;
}
.card_footer_action button:hover svg
{
  fill: #185abc;
}
.nfc-image-container
{
  position: relative;
}
.nfc-image-container .p-top
{
  position: absolute;
    font-size: 13px;
    top: -1px;
    text-transform: uppercase;
    left: 0px;
    /* background-color: #5a5a5a; */
    background-color: #ffffff;
    color: #000000;
    padding: 10px 15px;
    line-height: 10px;
    font-weight: 500;
    font-family: Google Sans Display, Arial, Helvetica, sans-serif;
    /* border-radius: 3px; */
    border-radius: 21px;
    z-index: 1;
    border: 1px solid #e2e2e2;

}

.imgmove
{
  position: relative;  
  transition-duration: 300ms;
  transition-property: transform, box-shadow;
  transition-timing-function: ease-out;
  transform: rotate3d(0);
  border-radius: 40px;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}
.imgmove .glow {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;  
  background-image: radial-gradient(circle at 50% -20%, #ffffff22, #0000000f);
}

.benefits
{
  padding-top: 50px;
  padding-bottom: 25px;
}
.benefits-inner
{
  gap: 30px;
}
.benefit-block
{
  text-align: left;
}
.benefit-block h1,.benefit-block h2
{
  font-size: 19px;
  margin-bottom: 12px;
  font-family: Google Sans Display, Arial, Helvetica, sans-serif;
}
.benefit-block p
{
  font-size: 14px;
}
.benefits-det
{
  gap: 20px 0;
}
.woi-shop-bottom
{
  background-color: aliceblue;
}
.benefits-inner
{
  align-items: flex-start;
}
.benefits-inner .btn-round
{
  margin: 0 auto;
  display: block;
  width: fit-content;
  margin-top: 30px;
}
.nfccardform .businessCards .check-out
{
  background-color: #1a73e8 !important;
}
.nfccardindex-container {
  padding-top: 40px;
}
.btn-bg
{
  background-color: #185abc;
  color: #fff !important;
}
.bg-spinner
{
  position: absolute;
    background-color: #fff;
    display: flex;
    width: 25px;
    height: 25px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 4px;
    border-radius: 50%;
}
.bg-spinner span
{
  width: 100%;
  height: 100%;
  border-width: 3px;
}
.currency{
  font-size: 22px !important;
}
.total_cost{
  font-size: 22px !important;
}

.hidden{
  display: none !important;
}
.sh-btn
{
  padding: 5px 12px !important;
  width: 100% !important;
}

/**************Shop Page New Css End**************/



.partner-section h2
{
  font-size: 23px;
    font-weight: 600 !important;
    font-family: Google Sans Display, Arial, Helvetica, sans-serif;
    color: #000;
}


/****************Price Plan Page Css Start******************/

.index-container {
  background-color: white !important;
}

.text-muted {
  padding-bottom: 8px;
}

.text-muted-1 {
  color: #5a5858;
}

.mb-2 {
  margin-bottom: 5px !important;
}

.show-plan {
  display: block !important;
}

.hide-plan {
  display: none !important;
}

.switch-wrapper {
  position: relative;
  display: inline-flex;
  border: 1px solid lightgrey;
  border-radius: 30px;
  background: var(--white);
  width: fit-content;
  display: flex;
  margin: auto;
  background: rgba(0, 0, 0, 0.09);
  border: 1px solid rgba(0, 0, 0, 0.09);
}

.switch-wrapper [type="radio"] {
  position: absolute;
  left: -9999px;
}

.switch-wrapper [type="radio"]:checked#monthly-tab1~label[for="monthly-tab1"],
.switch-wrapper [type="radio"]:checked#yearly-tab1~label[for="yearly-tab1"],

.switch-wrapper [type="radio"]:checked#monthly-tab2~label[for="monthly-tab1"],
.switch-wrapper [type="radio"]:checked#yearly-tab2~label[for="yearly-tab1"],

.switch-wrapper [type="radio"]:checked#monthly-tab3~label[for="monthly-tab3"],
.switch-wrapper [type="radio"]:checked#yearly-tab3~label[for="yearly-tab3"] {
  color: #000;
}

.switch-wrapper [type="radio"]:checked#monthly-tab1~label[for="monthly-tab1"]:hover,
.switch-wrapper [type="radio"]:checked#yearly-tab1~label[for="yearly-tab1"]:hover,

.switch-wrapper [type="radio"]:checked#monthly-tab2~label[for="monthly-tab2"]:hover,
.switch-wrapper [type="radio"]:checked#yearly-tab2~label[for="yearly-tab2"]:hover,

.switch-wrapper [type="radio"]:checked#monthly-tab3~label[for="monthly-tab3"]:hover,
.switch-wrapper [type="radio"]:checked#yearly-tab3~label[for="yearly-tab3"]:hover
{
  background: transparent;
}

.switch-wrapper [type="radio"]:checked#monthly-tab1~label[for="yearly-tab1"]~.highlighter,
.switch-wrapper [type="radio"]:checked#monthly-tab2~label[for="yearly-tab2"]~.highlighter,
.switch-wrapper [type="radio"]:checked#monthly-tab3~label[for="yearly-tab3"]~.highlighter {
  transform: translateX(100%);
}

.switch-wrapper [type="radio"]:checked#yearly~label[for="monthly-tab1"]~.highlighter {
  transform: translateX(0);
}
.switch-wrapper 
{
  display: flex; 
  align-items: center;
}
.switch-wrapper label {
  font-size: 15px;
  z-index: 1;
  min-width: 90px;
  cursor: pointer;
  border-radius: 30px;
  transition: color 0.25s ease-in-out;
  padding: 4px 30px 4px 22px;
  /*padding: 4px 30px;*/
  font-weight: 600;
  color: #000;
  align-items: center;
  flex-direction: column;
  display: flex;
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
}

.switch-wrapper label span
{
  font-size: 10px;
  font-weight: 500;
  color: #185abc;
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
}
.switch-wrapper:first-child label
{
  font-size: 14px;
  line-height: 1.45;
}

.switch-wrapper label:hover {
  background: var(--lightgray);
}

.switch-wrapper .highlighter {
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(50%);
  height: calc(100%);
  border-radius: 30px;
  background: #fff;
  color: #000;
  transition: transform 0.25s ease-in-out;
  transform: translateX(0);
  background: #ffffff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.19), 0px 12px 24px rgba(0, 0, 0, 0.11);
}

.addition-style {
  margin: auto;
  flex-wrap: nowrap;
  gap: 28px;
  margin-top: 55px;
}





.buttons-group-container {
  position: relative;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.09);
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 2.5rem;
  margin: 0 auto;
  margin-bottom: 30px;
  gap: 10px;
  position: sticky;
  top: 0; 
  z-index: 10;
  position: sticky;
  top: 0; 
  margin-top: 10px;
}

.buttons-group-container .tab-button {
  font-family: Poppins, sans-serif;
  font-weight: 500;
  cursor: pointer;
  padding: 13px 22px;
  font-size: 15px;
  width: fit-content;
  display: flex;
  align-items: center;
  color: #111;
  user-select: none;
  transition: color .25s ease;
  border: none;
  background: none;
  z-index: 1;
  display: flex;
  justify-content: center;
  font-weight: 600;
}

.buttons-group-container .tab-button.active {
  color: #fff;
}

.buttons-group-container::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  pointer-events: none;
  clip-path: var(--clip-path);
  transition: clip-path .25s ease;
}
.tab.pricing
{
  position: relative;
  max-width: 1180px;
  margin-bottom: 15px;
  width: 100%;
  padding: 0;
}
.pricing .switch-wrapper
{
  position: absolute;
  top: -80px;
  right: 0;
}
.pre-buttons
{
  margin-bottom: 20px;
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.pre-btn
{
  gap: 12px;
}
.pre-buttons button
{
    border-radius: 50px;
    font-size: 15px;
    padding: 4px 13px;
}
.pricing .plans-class
{
  padding: 0;
  flex: 1;
}
.pricing .plans-class:hover
{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  cursor: pointer;
}
.pricing .plans-class:hover .radio-btn > .check-ico
{
  border-color: #1a73e8;
}



.custom-radio
{
  height: 100%;
  cursor: pointer;
}
.custom-radio input 
{
  display: none;
}
.radio-btn
{
  position: relative;
}
.check-ico svg
{
  width: 12px;
  height: 12px;
}
.radio-btn > .check-ico {
  color: #ffffff;
  background-color: #e0e0e0;
  font-size: 20px;
  position: absolute;
  top: 12px;
  right: 12px;
  border-radius: 50px;
  padding: 3px;
  transition: 0.5s;
  width: 23px;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 2px #e1e1e1;
}
.custom-radio input:checked + .radio-btn > .check-ico
{
  background-color: #1a73e8;
  border: none;
}
.custom-radio .radio-btn
{
  display: block;
  padding: 10px 20px;
  height: 100%;
  width: 100%;
} 
.custom-radio input:checked + .radio-btn 
{
  border: 2px solid #1a73e8;
  background-color: aliceblue;
  border-radius: 15px;
}



.plans-class .card-head
{
  font-size: 28px;
  font-weight: 500;
  color: #000;
  width: 100%;
  text-align: left !important;
  margin-top: 15px;
}
.plans-class .card-det
{
  margin-bottom: 25px;
  min-height: 95px;
}
.plans-class .card-det p
{
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
  color: #565656;
  text-align: left;
  height: 110px;
  min-height: 110px;
}
.plans-class .price-block
{
  width: 100%;
  background-color: #e8e8e84a;
  padding: 20px 10px;
  border-radius: 5px;
  margin-bottom: 15px;
  text-align: center;
}
.price-block .card-price-text
{
  margin-bottom: 8px;
  font-weight: 600;
}
.price-block button 
{
  height: auto;
  min-height: auto;
  padding: 8px 20px;
  border-radius: 50px;
  margin-top: 5px;
}
.mobile-price-btn button
{
  height: auto;
  min-height: auto;
  padding: 6px 15px;
  border-radius: 50px;
  margin-top: 5px;
  font-size: 13px;
  margin-bottom: 10px;
}
.price-block .other-btn
{
  border-radius: 5px;
  padding: 5px;
  width: 100%;
  margin-top: 15px;
}
.pricing-card-features ul
{
  padding-inline-start: 0;
  margin-inline-start: 0;
}
.pricing-card-features ul li
{
  margin-bottom: 12px !important;
  text-align: left;
}
.pricing-card-features ul li div
{
  align-items: center;
}
.pricing-card-features ul li svg
{
  margin-right: 8px;
  width: 13px;
  height: 13px;
}
.pricing-card-features ul li .text-muted
{
  font-size: 15px;
  color: #000;
  padding-bottom: 0;
}

.price-block .price-det
{
  font-size: 14px;
  color: #000;
  text-transform: capitalize;
}
.custom-radio .other-btn
{
pointer-events: none;
    font-weight: 500;
    border: none;
    border-radius: 5px;
    background-color: transparent;
    font-size: 14px;
    margin-top: 15px;
    text-align: left;
    color: #000;
    padding: 0;
    font-family: Google Sans Text, Arial, Helvetica, sans-serif;
}

/****************Price Plan Page Css End******************/




/***********Add to Cart Sidebar css Start************/

.pricing-cart .cart-button-grp .border-btn
{
    font-size: 15px;
    text-decoration: none;
    padding: 7px 15px;
    background-color: #fff;
    color: #1a73e8;
    border-radius: 5px;
}

.pack-block
{
    margin-bottom: 13px;
    padding-bottom: 13px;
    position: relative;
    /* border-radius: 10px;
    border: 1px solid #d8d8d8;
    overflow: hidden;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
}
.pk-inner
{
  display: flex;
  align-items: center;
}
.pack-block p
{
  padding: 0 15px;
  margin-top: 0;
}

.pack-block .p-head
{
  font-size: 15px;
  text-align: leftr;   
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  /* padding: 0; */
}
.pack-block .p-name
{
  font-size: 13px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 2px;
    color: #595959;
}
.pack-block .p-term
{
  font-weight: 500;
  font-size: 12px;
  text-align: left;
  text-transform: capitalize;
  color: #363636;
}
.pack-block .p-count
{
  color: #363636;
  font-weight: 500;
  font-size: 12px;
}
.pack-block .p-price
{
  text-align: left;
    font-size: 17px;
    font-weight: 600;
    border-radius: 5px;
    margin-top: 0px;
    margin-bottom: 3px;
    color: #363636;
}
.pack-block .p-price-data
{
  text-align: center;
  margin-bottom: 10px;
}
.pk-head
{
  /* padding: 6px 8px;
  display: flex;
  justify-content: space-between; */
  position: absolute;
  right: 0;  
}
.pk-head .js-remove-product
{
    padding: 0;
    border: none;
    border-radius: 50%;
    width: 18px;
    height: 18px;
}
.pk-head .js-remove-product svg
{
  fill: #a1a1a1;
}
.pk-head .js-remove-product:hover svg
{
  fill: #000;
}

/* .d-card-block .pk-head
{
  background-color: #e4ffec;
} */
.d-card-block .p-head
{
  color: #087628;
}

/* .bio-block .pk-head
{
  background-color: #d7ebfd;
} */
.bio-block .p-head
{  
  color: #1870e4;
}

/* .store-block .pk-head
{
  background: #ffe7e1;
} */
.store-block .p-head
{
  color: #c6221f;
}

.pk-inner .pk-img
{
  width: 120px;
  padding: 0 10px;
  /* border-right: 1px solid #e2e2e2; */
}
.pk-inner .pk-img img
{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pk-inner .pk-det
{
  width: 100%;
}



/******Loader Delay Start************/
/* Overlay covering the entire page */
.js-loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(250, 250, 250, 0.5); /* Semi-transparent background */
  z-index: 9999; /* Ensure it's on top of all elements */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

/* Hide overlay when not active */
.js-loader-overlay.hide {
  display: none;
}

/* Loader styling */
.loader {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-top: 5px solid #292929;
  border-right: 5px solid #efefef;
  border-bottom: 5px solid #efefef;
  border-left: 5px solid #efefef;
  border-radius: 100px;
  animation: spin 1s infinite linear;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}


/**********Loader Delay End*********/



.side-cart.pricing-cart  {
  position: fixed;
  background-color: #fff;
  width: 20%;
  max-width: 50%;
  height: 100%;
  top: 0;
  right: 0;
  /* box-shadow: -2px 0 4px rgba(0, 0, 0, 0.2); */
  overflow: hidden;
  transform: translate(500px, 0);
  transition: transform 250ms ease-in-out;
  z-index: 99999999;
}
body.open .side-cart.pricing-cart  {
  transform: translate(0, 0);
}

.pricing-cart  .cart__header {
  box-sizing: border-box;
  width: 100%;
  z-index: 2;
}
.pricing-cart  .cart__header .cart__text {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #3b3b3b;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    height: 45px;
    width: 45px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}
.pricing-cart .cart__header .cart__text a
{
    margin: 5px 5px 0 0;
}
.pricing-cart .cart__header .cart__text a svg
{
    fill: #fff;
    height: 16px;
    width: 16px;
}
.pricing-cart .cart__title {
  font-size: 20px;
  line-height: 40px;
  margin: 0;
  float: left;
}
.pricing-cart .cart__products {
  box-sizing: border-box;
  width: 100%;
  height: 71%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
}
.pricing-cart .cart__products article {
  padding: 15px;
  border-bottom: 1px dotted #ccc;
}
.pricing-cart .cart__products article h1 {
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}
.pricing-cart .cart__products article p {
  font-size: 14px;
  margin: 0;
}
.pricing-cart .cart__products article p a {
  color: #f00;
}
/* .cart__product {
  display: none;
} */
.pricing-cart .cart__empty {
  padding: 30px 15px;
  margin: 0;
  text-align: center;
  font-size: 14px;
    font-weight: 500;
}
.pricing-cart .cart__empty.hide {
  display: none;
}

.pricing-cart  .total-block
{
  padding: 10px 15px;
  margin-top: 0;
  text-align: center;
}
.pricing-cart  .total-block p
{
   font-size: 15px;
   color: #000;
   font-weight: 400;
   margin-bottom: 0;
}
.pricing-cart  .total-block h2
{
  font-size: 22px;
  color: #000;
}
.pricing-cart  .total-block span
{
  font-size: 12px;
  display: block;
  font-weight: 600;
}


/***New Cart Css****/
.side-cart
{
   font-family: Google Sans Text, Arial, Helvetica, sans-serif;
}
.cart-header-inner
{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.nfc-card-cart .cart-header-inner{
  margin-bottom: 0px;
}
.cart-header-inner p
{
  font-size: 20px;
  font-weight: 500;
  color: #000;
}
.cart-header-inner svg
{
  width: 25px;
  height: 25px;
  stroke: #1a73e8;
}
.header-msg svg
{
  width: 20px;
  height: 20px;
  stroke: #000;
}
.header-msg
{
  display: flex;
  align-items: center;
  gap: 5px;
  color: #6b6b6b;
  font-size: 14px;
}
.pricing-cart  .cart__header {
  padding: 20px 25px;
}
.price-cal-block
{
  display: flex;
  align-items: center;
  padding: 0 15px;
  gap: 8px;
  margin-top: 5px;
}
.price-cal-block p
{
  padding: 0;
}
.cart__header
{
  border-bottom: 1px solid #ddd;
}
.total-calc
{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}

.lightbox {
  position: fixed;
  background: #000;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  opacity: 0;
  transition: opacity speed ease-in-out, width 0ms ease-in-out speed;
}

body.open .lightbox {
  width: 100%;
  opacity: 0.5;
  transition: opacity speed ease-in-out, width 0ms ease-in-out;
}
.cart-footer 
{
  position: fixed;
  width: 100%;
  bottom: 0;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.order-sum-banner
{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
  background-color: aliceblue;
  padding: 6px 30px;
  margin-top: 40px; 
}

.app-content-inr .order-sum-banner
{
  background-color: #e0eeff;
  margin-top: -1rem;
}

.toggle-banner, .toggle-banner  a
{
  line-height: 0;
}
.toggle-banner svg
{
  width: 20px;
  height: 20px;
  stroke: #000;
}
.order-sum-banner p
{
  display: flex;
  align-items: center;
  font-size: 13.5px;
  gap: 10px;
  font-weight: 500;
}
.order-sum-block p span
{
  margin-top: 2px;
}
.order-sum-block
{
  display: flex;
  align-items: center;
  gap: 15px;
}
.order-sum-block svg
{
 width: 17px;
 height: 17px;
}
.order-sum-banner .currency, .order-sum-banner  .total_cost
{
  font-size: 16px !important;
  font-weight: 600;
}
.order-sum-banner.cart-active
{
  border-bottom: 1px solid #ddd;
}



.border-btn
{
  font-size: 13px;
    border: 1px solid #1a73e8;
    border-radius: 50px;
    padding: 2px 12px;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 600;
}
.border-btn:hover
{
  background-color: #185abc;
  color: #fff;
}
.pricing-cart .js-cart-product
{
  text-align: left;
  border-bottom: 1px solid #ddd; 
}
.pricing-cart  .js-cart-product .prod-img
{
  width: 55%;
  margin: 0 auto;
  height: 85px;
  overflow: hidden;
  margin-bottom: 10px;
  background-color: #f6f6f6;
  border-radius: 5px;
}
.pricing-cart .js-cart-product .prod-img img
{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    border-radius: 10px;
    padding: 8px;
}
.pricing-cart .js-cart-product .p-title
{
  margin-bottom: 3px;
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #000;
}
.pricing-cart .js-cart-product .price-block
{
  margin-bottom: 12px;
}

.pricing-cart .js-cart-product .card_footer_action
{
  justify-content: center
}
.q-btn
{
  display: flex;
  gap: 10px;
  font-weight: 700;
  color: #000;
  border-radius: 4px;
  padding: 1px 5px;
  border: 1px solid #cdcdcd;
  font-size: 14px;
}
.q-btn button
{
   border: none;
   background-color: #fff;
}
.q-btn .quantity
{
  display: block;
  border: none;
}
.price-block .price--highlight
{
  font-size: 13px;
  color: #de2a2a !important;
  font-weight: 600 !important;
}
.pricing-cart .js-remove-product
{
  display: flex;
  align-items: center;
  justify-content: center;
}

.pricing-cart .js-remove-product svg
{
  width: 15px;
  height: 15px;
  fill: #a1a1a1;
}
.pricing-cart .js-remove-product:hover svg
{
  fill: #000;
}
.price-block .price--compare
{
  font-size: 12px;
}

@media (min-width:1300px) and (max-width: 1600px)
{
  .pricing-cart .total-block p {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .pricing-cart .total-block h2 {
    font-size: 17px;
  }
  .pricing-cart .total-block span {
    font-size: 10px;
  }
  .pricing-cart .border-btn {
    font-size: 11px;
  }
  .pricing-cart .js-cart-product .prod-img {
    width: 65%;
    height: 75px;
  }
  .pricing-cart .js-cart-product .p-title
  {
    font-size: 11px;
  }
  .pricing-cart .price-block .price--highlight {
    font-size: 12px;
  }
  .pricing-cart .price-block .price--compare {
    font-size: 11px;
  }
  .q-btn
  {
    gap: 7px;
    padding: 0px 5px;
    font-size: 14px;
  }
  
}

.pricing-cart .cart-button-grp
{
  width: 100%;
}
.pricing-cart .cart-button-grp button
{
  width: 100% !important;
  display: block;
  min-height: auto;
   height: auto;
  padding: 7px 15px;
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 5px;
}

/***********Add to Cart Sidebar css End************/


.toggle-button
{
  display: none;
  width: 100%;
  border: none;
  background: transparent;
  color: #1a73e8;
  font-weight: 500;
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
}
.btn-plan
{
background-color: #000 !important;
    color: #fff !important;
    border: none !important;
    font-size: 14px;
    padding: 4px 15px;
}

.alert-popup
{
  background: white;
  border-radius: 8px; 
  text-align: center;
  width: 25%;
  padding: 20px;
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
}
.alert-popup p
{
  font-size: 16px;
  color: #4c4c4c;
  font-weight: 500;
}
.alert-body h4
{
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
}
.alert-body button
{
 margin-top: 16px;
 padding: 7px;
 min-height: auto;
}
.alert-body svg
{
  width: 50px;
  height: 50px;
  display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}


.plan-counter
{
  display: block;
  background-color: #fff;
    width: fit-content;
    border-radius: 50px;
    overflow: hidden;
    transition: all 0.3s;
    margin-bottom: 15px;
}

.quantity .ch-btn 
{
  width: 30px;
}
.quantity .ch-btn  a
{
  background-color: transparent;
  width: 100%;
}
.quantity .ch-btn svg
{
  width: 12px;
  height: 12px;
  fill: #1a73e8;
}
.plan-counter p
{
  font-size: 12px;
    font-weight: 500;
    text-align: left;
    color: #000;
}
.mobile-price-block
{
  display: none;
  width: 100%;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  margin-top: 5px;
  position: relative;
}
.mobile-price-block .price-det
{
  margin-bottom: 0 !important;
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
  font-size: 13px;
}
.mobile-price-block .price-det span
{
  margin-right: 5px;
}
.mobile-price-block  .card-price-text
{
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
}

.custom-radio .toggle-button
{
  position: absolute;
    right: -3px;
    padding: 0;
    bottom: 0;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    width: fit-content;
    display: none;
    z-index: 99;
}
.up-btn
{
  bottom: -40px !important;
}

.pricing-cart .cart-button-grp button.mobproceesbtns{
    display: none;
}

.pricing-cart .cart-button-grp button.desktopproceesbtns{
    display: block;
}

@media (max-width: 900px)
{
  .custom-radio .toggle-button
  {
    display: flex;
  }
  .custom-radio
  {
    margin-top: -15px;
  }
  .plan-counter
  {
    top: 10px;
        right: 50px;
        position: absolute;
        margin-top: 12px;
        margin-left: 0;
        margin-bottom: 2px;
        margin-right: auto;
  }



   .pricing .plans-class:hover
   {
    box-shadow: none;
   }
   
   .bot-tot
   {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 75%;
    justify-content: center;
    align-items: center;
   }
   .pricing-bottom p
   {
     margin: 0;
     font-size: 16px;
   }
   .pricing-bottom p span
   {
    font-size: 15px;
   }
   .bot-q span
   {
      margin-left: 5px;
   }
   .pricing-bottom .glue-button
   {
    justify-content: space-between;
    padding: 0 !important;
   }
   .bot-q
   {
    background-color: #185abc;
    height: 100%;
    padding: 12px 15px;
   }  

}
.custom-radio .toggle-button svg
{
  stroke: #185abc;
  width: 18px;
  height: 18px;
  pointer-events: none;
}

.mobile-price-btn
{
  display: none;
}

@media (max-width: 950px)
{
  .mobile-price-block
  {
    display: flex;
  }
  .custom-radio .price-block, .custom-radio .card-det
  {
    display: none;
  }  
  .mobile-price-btn
  {
    display: block;
  }

}


@media (max-width: 1250px)
{
    woi-mega-nav  .glue-header__list
  {
    position: absolute !important;
    top: 0;
  }
  woi-mega-nav  .glue-header__stepped-nav-menus
  {
    position: relative;
  }
   .glue-header__list li a, .glue-header__stepped-nav-controls-title
  {
    font-weight: 500 !important;
    font-size: 18px !important;
  }
  .glue-header__stepped-nav .glue-header__stepped-nav-controls-container .glue-header__stepped-nav-controls
  {
    background-color: #f8f8f8 !important;
    background: #f8f8f8 !important;
    width: 100%;
    border-radius: 0;
  }
    .subcategory-group ul li a p, .mob-sub-menu li a p {
    font-size: 15px;
    margin-bottom: 0px;
  }
  .glue-header__container .glue-header__lock-up {
    padding: 15px 0;
    height: auto;
    /* border-bottom: 1px solid #e4e4e4; */
}
/* .glue-header__stepped-nav .glue-header__stepped-nav-controls-container .glue-is-shown.glue-header__stepped-nav-controls, .glue-header__stepped-nav .glue-header__stepped-nav-menus .glue-header__list
{
  margin-top: 15px;
} */
.has-submenu .fa-angle-down
{
  display: none;
}
.glue-header__list--nested .glue-header__item:first-child {
  margin-inline: 0;
}
.glue-header__container--linkbar
{
  display: none;
}
woi-mega-nav .glue-header__stepped-nav
{
  overflow: auto;
}
.glue-header__stepped-nav .glue-header__stepped-nav-menus .glue-header__list:first-child
{
  margin-top: 0;
}

}

@media (min-width: 300px) and (max-width: 850px)
{
  .partner-section
  {
    margin-bottom: 0 !important;
  }
  .partner-section .logos img
  {
    max-width: 15%;
  }    
  .feat-main
  {
    display: block;
    border-radius: 15px;
    padding: 20px 22px;
  }
  .feat-det .sm-title
  {
    font-size: 15px;
  }
  .img-slot-display-wid {
    width: 260px !important;
  }
  .feat-det, .feat-reverse .feat-main .feat-det
  {
    padding: 0;
    margin-top: 25px;
  }
  .glue-headline.glue-headline--headline-2
  {
    font-size: 1.5rem;
  }
  .price-head .glue-headline.glue-headline--headline-2
  {
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
  .price-head .headline-wrapper p
  {
    font-size: 0.8rem;
  }
  .custom-margin {
    margin-top: 55px !important;
  }
  .feat-img img
  {
    width: 100%;
  }
  .feat-det h2
  {
    font-size: 22px;
    line-height: 1.2;
  }
  .feat-det .btn-round
  {
    font-size: 14px;
  }
  .opt-block-main
  {
    grid-template-columns: repeat(1, 1fr);
  }
  woi-video .playbtn svg
  {
    width: 60px;
  }
  .video-banner p
  {
    font-size: 1.5rem;
    top: 57%;
    width: 100%;
  }
  .contact-block
  {
    grid-template-columns: repeat(1, 1fr);
  }
  .con-det h2 {
    font-size: 1.5rem;
    line-height: 33px;
  }
  .glue-spacer-3-top {
    margin-top: 15px;
  }
  .contact-block .con-det a svg
  {
    width: 15px;
    height: 15px;
  }
  .con-det .icon-wrapper
  {
    padding: 5px;
    margin-right: 7px;
  }
  .con-det .glue-button
  {
    font-size: 12px;
  }
  .con-form .title
  {
    font-size: 1.2rem;
  }
  .con-form form
  {
    padding: 0px;
  }
  .faq-main .accordion
  {
    max-width: 100%;
    padding: 15px;
  }
  .faq-main .accordion__question
  {
    font-size: 17px;
  }
  .con-det p {
    font-size: 1rem;
  }
  .faq-main .accordion__question{
    font-size: 1.1rem;
  } 

  .footban-main p {
    font-size: 1rem;
    padding: 0 20px;
  }
  .woi-brands .custom-margin
  {
    margin-top: 0;
  }
  .woi-animated-hero 
  {
    margin-bottom: 0px !important;
  }
  woi-animated-hero .animated-hero-items:not(.glue-page) {
    margin: 0 20px 0px;
  }
  .image-slot-wrapper.custom-height-mob {
    height: auto;
   }
   woi-format .text-column .glue-headline.glue-headline--headline-3
   {
    font-size: 1.1rem;
   }
   woi-format .text-column .text-column-copy
   {
    font-size: 1rem;
   }
   woi-goals .woi-goals__inner
   {
    padding-bottom: 20px;
   }
   .opt-block
   {
    padding: 20px 22px;
   }
   .opt-block p
   {
    font-size: 13px;
        line-height: 1.5;
   }
   .opt-block h2
   {
    margin-bottom: 5px;
   }
   .glue-headline.glue-headline--headline-5
   {
    font-size: 1.1rem;
   }
   .btn-center
   {
    margin-top: 40px;
   }
   .user-carousel .owl-nav
   {
    margin-top: 25px;
   }
   woi-feature-media .feature-media__section--xsmall
   {
     padding: 25px 0px 0;
   }
   .sub-banner .flex-col-mob
   {
    flex-direction: column-reverse !important;
        /* flex-wrap: wrap-reverse !important; */
        gap: 40px;
        justify-content: center !important;
        padding: 0px 20px !important;
   }
   main .home_container .index-container
    {
      padding-top: 0 !important;
    }
    .banner-title
    {
      font-size: 32px;
      line-height: 40px;
    }
    .NotAccessible .banner-title
    {
      font-size: 18px;
      margin-top: 0px;
    }
    .pricingslab .nfc-w-32adj {
      width: 100% !important;
  }
  .nfccardform .d-flex
  {
    display: block !important;
  }
  .nfccardform .pr-0, .nfccardform .pl-0
  {
    padding: 0 !important;
  }
  .index-container .nfc-container {
     max-width: 100% !important;
     width: 100% !important;
  }
  .prd-btn-group .col-md-9.d-flex
  {
    display: flex !important;
    gap: 10px;
  }
  .businessCards
  {
    width: 50% !important;
    margin-top: 15px;
  }
  .prd-btn-group
  {
    padding-left: 15px;
  }
  .card-material, .card-details
  {
    margin-top: 10px;
  }
  .howtoget
  {
    display: none;
  }
  .sub-banner woi-button
  {
    flex-wrap: wrap;
    gap: 0px;
  }
  .steps-block-main > div, .woi-attr .opt-block-main > div {
    flex: 0 1 calc(100% - 20px);
    max-width: calc(100% - 20px);
  }
  .contact-inner .con-form
  {
    width: 100%;
  }
  .con-form .input-container-group
  {
    display: block;
  }
  .con-form .input-container label
  {
    font-size: 12.5px;
  }
  .con-form .input 
  {
    font-size: 16px;
  }
  .con-form select.input
  {
    font-size: 0.9rem;
  }
  .con-form form .btn-center
  {
    min-height: 48px;
    padding: 10px 24px;
    margin-top: 25px;
    width: 100% !important;
  }
  .con-form form .justify-content-center
  {
    width: 100%;
  }
  .con-form form .justify-content-center button
  {
    min-height: 48px;
    padding: 10px 24px;
    width: 100% !important;
  }
  .glue-button, .glue-social__copy-btn, .glue-social__title.glue-social__title--zippy.glue-expansion-panel__button
  {
    padding: 10px 24px;
  }
  .woi-attr .opt-block-main
  {
    justify-content: center;
  }
  .woi-attr {
    padding-top: 5px;
    padding-bottom: 70px;
   }
   .sub-banner .feature-media__copy p
   {
    text-align: center;
   }
   .partner-section h2 {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 25px;
  }
  .shop-feature-main
  {
    gap: 30px 0;
  }
  .benefit-block {
    text-align: center;
  }
  .benefits
  {
    padding-bottom: 0;
  }
  .benefits-det
  {
    margin-top: 15px;
  }
  .login-main .auth0-lock-tabs,  .login-main .auth0-lock-tabs li,  .login-main .auth0-lock-tabs li a
  {
    box-shadow: none;
  }
  .login-main .auth0-lock-tabs li a
  {
    font-size: 25px !important;
  }
  .login_button{
    width: 100% !important;
    border: none !important;
    height: auto !important;
    padding: 10px 35px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
} 
.new-ac span, .new-ac span a
{
   font-size: 15px !important;
}
.create-profile-steps
{
  background-color: #fff !important;
}
.auth-lock-social-buttons-pane .businessCards
{
  width: 100% !important;
}
.auth0-lock.auth0-lock .auth0-lock-form h2 {
  font-size: 20px !important;
  font-weight: 500 !important;
}
.js-cart-product
{
  text-align: left !important;
}
.js-cart-product .card_footer_action {
  justify-content: flex-start !important;
}
.q-btn
{
  font-size: 14px !important;
}
.total-block p
{
  font-size: 15px !important;
}
.total-block h2
{
  font-size: 18px !important;
}
.border-btn
{
  width: 40% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 28px;
}

.pricing-cart .cart-button-grp
{
  margin-top: 0;
}

.cart-button-grp a
{
  margin: 0 !important;
}
.total-block .currency, .total-block .total_cost
{
  font-size: 22px !important;
}


.pack-feature-sec
{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pricing .switch-wrapper
{
  position: relative;
  top: 0px;  
  margin-bottom: 23px !important;
}
.addition-style
{
  padding: 0 !important;
  margin-top: 50px;
}   
.buttons-group-container .tab-button
{
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 400;
} 
.buttons-group-container
{
  margin-top: 20px !important;
  gap: 0;
}


.toggle-content {
  display: none;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.5s ease, max-height 0.5s ease;
}

.toggle-button {
  display: inline-block;
}
.custom-radio .radio-btn
{
  padding: 12px 15px;
  padding-top: 25px;
  padding-bottom: 0px;
}
.plans-class .card-head {
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 0 !important;
}
.pre-buttons
{
  margin-top: 95px;
}
.pre-btn
{
  gap: 7px;
}
.pre-buttons button
{
  font-size: 14px;
}
.switch-wrapper label
{
  font-size: 12px !important;
}
.switch-wrapper label span
{
  font-size: 11px !important;
}
.switch-wrapper:first-child label
{
  line-height: 1.3;
}
.tab.pricing
{
  width: auto;
  padding-bottom: 25px;
}
.bus-des h2 {
   font-family: Google Sans Text, Arial, Helvetica, sans-serif;
}
.pricing .plans-class {
  margin-top: 0px;
}
.plans-class .card-det, .plans-class .card-det p
{
  min-height: auto;
  height: auto;
}
.plans-class .Fhq2bc
{
  font-size: 10px;
}
.alert-popup
{
  width: 90%;
  padding: 15px;
}
.alert-body h4
{
  font-size: 18px;
}
.alert-body button
{
  padding: 6px;
  font-size: 13px;
}
.radio-btn > .check-ico
{
  top: 25px;
  right: 10px;
}
.gen-contact .con-form
{
  width: 100%;
}
.gen-contact
{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
/* .gen-contact form
{
  padding: 0 30px;
} */
 .form-group .btn 
 {
  font-size: 12px;
 }
 .form-group .btn img
 {
  width: 15px;
 }
.con-form .input-container {
  position: relative;
  margin: 20px 0;
}
.pricing-cart .cart__products, .pricing-cart .total-block
{
  padding-left: 25px;
  padding-right: 25px;
}
.pricing-cart  .pk-inner .pk-img
{
  padding-left: 0;
}
.pricing-cart .pk-inner .pk-img
{
  width: 90px;
}
.footer-grid
{
  display: block !important;
}
.footer-newsletter
{
  padding-right: 0 !important;
}
.glue-footer_section-8 {
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 25px 10px !important;
  justify-self: unset !important;
}
.glue-footer__site-links-list-item
{
  margin: 0 !important;
}
.footer-top-block .glue-footer__link
{
  padding: 3px 0;
  height: auto;
  min-height: auto;  
}
.glue-social__link img
{
  width: 25px !important;
  height: 25px !important;
}
.footer-bottom-links
{
  justify-content: flex-start !important;
}

.glue-footer__site-links-header
{
  margin-bottom: 10px;
}
.glue-social__item
{
  height: 25px !important;
}
.footer-bottom
{ 
  padding-bottom: 85px !important;
}
.footer-bottom .glue-footer__global-links-list-item
{
  padding-inline: 0 20px;
}
.glue-footer .glue-footer__site-links.footer-top-block
{
  padding-bottom: 20px;
  padding-top: 25px;
}
.woi-footban .subcategory {
  flex-direction: column;
}
.pricing-cart .cart-button-grp button.mobproceesbtns{
    display: block;
}
.pricing-cart .cart-button-grp button.desktopproceesbtns{
    display: none;
}
.footban-main h1,.footban-main h2
  {
    font-size: 28px;
  }
  .footban-main .top-link-panel .subcategory-group ul li a, .footban-main  .subcategory-group ul li a p
  {
     padding: 0 !important;
  }
  
  .footban-main .subcategory-group
  {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .woi-footban
  {
    padding: 55px 0;
  }
  .glue-header__mobcart
  {
    margin-inline-end: 15px;
    margin-top: 8px;
  }
  .bubble-count
  {
    font-size: 9px !important;
        height: 16px !important;
        min-width: 15px !important;
        top: -5px !important;
        right: -7px !important;
  }
  .cycling-headlines-wrapper {
    gap: 225px !important;
  }
  woi-animated-hero .hero-headline {
    font-size: 35px;
    gap: 5px;
 }
 .createsharenet {
  font-size: 20px;
}
.brands-global-slider
{
  margin: 0;
  padding: 30px 20px;
  margin-top: 20px !important;
}
.spacer {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
woi-format .glue-headline.glue-headline--headline-2 {
  margin-bottom: 36px;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.5;
}
woi-format .facet-pills-wrapper
{
  margin-bottom: 30px;
}
.feat-det p
{
  font-size: 13px;
}
.sub-head
{
  font-size: 13px;
  line-height: 1.5;
}
woi-feature-media .feature-media__copy--xsmall
{
  font-size: 13px;
}
.woi-goals__grid .feature-media__headline--xsmall
{
  font-size: 18px;
}
woi-case-study-carousel .glue-headline.cta-headline {
  margin-bottom: 0;
}
.woi-goals__goals-container .btn-round
{
  font-size: 14px;
}
.users-block p
{
  font-size: 13px;
  line-height: 1.5;
}
.users-block h3
{
  font-size: 20px;
}
.case-study-container .content-container .glue-headline
{
  font-size: 13px;
}
woi-case-study-carousel .content-container {
  margin-top: 0px;
  margin-bottom: 10px;
}
woi-users section .owl-dots
{
  display: none;
}
woi-format .text-column .text-column-copy {
  font-size: 13px;
}
woi-format .facet-pill
{
  font-size: 15px;
}
.copy-r
{
  margin-right: 0;
  width: 100%;
}
.woi-animated-hero .glue-headline span
{
  width: 100%;
  text-align: center;
}
woi-animated-hero .glue-spacer-6-top
{
  margin-top: 60px !important;
}

.plans-class .Fhq2bc
  {
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 9px !important;
    font-weight: 600;
    padding: 3px 15px;
  }
  #customer_support_modal .modal-content
  {
    width: 90% !important;
    height: 85vh !important;
    overflow-x: hidden !important;
    border-radius: 20px !important;
  }
  body.open .side-cart {
    width: 100% !important;
    max-width: 100% !important;
}
.select2-container
{
  width: 100% !important;
}
.cart-user-login .modal-content
{
  width: 90% !important;
}
.cart-user-login h2 {
  font-size: 20px !important;
  margin-bottom: 12px !important;
}
.cart-user-login .input-grp input, .cart-user-login .phone-grp button
{
  font-size: 16px !important;
}
.cart-user-login .foot-link .btn-solid
{
  
}
}

@media (min-width: 600px) and (max-width: 990px) and (orientation: landscape)
{
 
  html,body
{
  width: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}
  .container
  {
      padding: 0 25px;
  }
  .addition-style
  {
    margin-top: 35px;
  }
  
.app-content .navbar {
  padding: 0.7rem 0;
      width: 100%;
}
main
{
  padding-top: 10px;
  /* padding-bottom: 80px; */
}

.main-h {
  font-size: 21px;
      color: #000;
}
.sub-h {
  margin-top: 35px !important;
  border-bottom: 1px solid #dbdde4;
  padding-bottom: 10px;
}
.sub-h h5 {
  font-size: 19px;
}


  .side-cart
  {
    width: 50% !important;
  }
  .q-btn
  {
    font-size: 14px !important;
  }
  .total-block p
  {
    font-size: 15px !important;
    margin-bottom: 4px !important;
  }
  .total-block h2
  {
    font-size: 17px !important;
  }

  .toggle-content {
    display: none;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.5s ease, max-height 0.5s ease;
    margin-top: 5px;
  }
  
  .toggle-button {
    display: inline-block;
  }

  .custom-radio .radio-btn
  {
    padding: 20px 20px;
  }
  .plans-class .card-head {
    font-size: 23px;
    margin-top: 15px;
  }
  .pre-buttons
  {
    margin-top: 70px;
  }
  .switch-wrapper label
  {
    font-size: 13px;
  }

  .pricing .switch-wrapper {
    position: relative;
    top: 0;
    left: 0;
  }
  .buttons-group-container
  {
    margin-top: 30px !important;
  }
  .buttons-group-container .tab-button
  {
    padding: 13px 20px;
    font-size: 15px;
  }

 .pricing section.glue-page
 {
   display: block !important;
 }
 .pricing .plans-class {
  flex: 0 0 calc(50% - 10px);
  margin-top: 30px;
}

.pricing .switch-wrapper {
  position: relative;
  top: 0px;
}
.alert-popup
{
  width: 60%;
  padding: 15px;
}
.alert-body h4
{
  font-size: 18px;
}
.alert-body button
{
  padding: 6px;
  font-size: 13px;
}
.radio-btn > .check-ico
{
  top: 30px;
  right: 15px;
}
.cart__products
{
  height: 33% !important;
}
.footer-grid
{
  display: block !important;
}
.glue-social__link img {
  width: 25px !important;
  height: 25px !important;
}
.glue-footer_section-8
{
  justify-self: start !important;
}
.footer-top-block .glue-footer__link {
  padding: 5px 0;
  height: auto;
  min-height: auto;
}
.glue-footer__site-links-list-item {
  margin: 0 !important;
}
.glue-footer .glue-footer__site-links.footer-top-block
{
  padding-bottom: 20px;
  padding-top: 45px;
  margin-left: 30px;
  margin-right: 30px;
}

.footban-main h1,.footban-main h2
  {
    font-size: 28px;
  }
  .footban-main .top-link-panel .subcategory-group ul li a, .footban-main  .subcategory-group ul li a p
  {
     padding: 0 !important;
  }
  
  .footban-main .subcategory-group
  {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .woi-footban
  {
    padding: 55px 0;
  }
  .order-sum-banner
  {
    margin-top: 30px;
  }
  .plans-class .Fhq2bc
  {
    position: absolute;
        top: 3px;
        right: 0;
        left: auto;
        font-size: 9px;
        font-weight: 600;
        padding: 3px 15px;
  }
  .plan-counter {
    top: 18px;
  }
  #customer_support_modal .modal-content {
    width: 90% !important;
    height: 85vh !important;
    overflow-x: hidden !important;
    border-radius: 20px !important;
 }
 #customer_support_modal .modal-dialog
 {
  width: 100% !important;
  margin-top: 0 !important;
 }
 .con-feat
 {
  width: 60%;
  margin: 0 auto;
 }

}

@media (min-width: 300px) and (max-width: 1000px)
{
  .inner-banner-head
  {
    justify-content: left;
  }
  .inner-banner
  {
    padding: 30px 35px !important; 
  }
  .inner-banner .inner-banner-head h2 {
    font-size: 18px !important;
  }
  .banner-search
  {
    margin-top: 12px !important;
  }
  .inner-banner h3
  {
    font-size: 20px !important;
  }
  .banner-search .help-search
  {
    padding: 10px 15px !important;
  }
  .banner-search .search-container .search-icon {
    top: 10px !important;
    left: 13px !important;
    font-size: 18px;
  }
  .banner-search .search-container .help-search {
    padding-left: 40px !important;
    font-size: 15px !important;
  }
  .art-block-wrap {
    margin-top: 10px !important;
  }
  .help-sec, .art-det-main
  {
      padding: 0 25px;
  }
  .help-sec .article-block
  {
   padding: 15px;
  }
  .articles-container.faq-main .head-text, .articles-container.pop-art .head-text
  {
    font-size: 22px;
  }
  .policies .inner-banner.inner-banner-2 h2 {
    font-size: 25px !important; 
 }
 .cookie_notice_wrapper, .policies .term_wrapper, .return-wrap, .shipping-wrap, .privacy-wrap
 {  
   padding: 0 30px !important;
 }
 .tooltip1
  {
    top: -2px !important;
  left: auto !important;
  right: 25px !important;
  transform: translateX(0%) !important;
  }
  .tooltip1 p
  {
  padding: 6px 12px !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  }
  .price-head
  {
    margin: 0;
  }
  .price-head .buttons-group-container
  {
       margin-left: auto;
       margin-right: auto;
  }
  .price-head.price-tab-outer
  {
    padding-top: 70px !important;
    margin-top: 0 !important;
  }
  .price-tab-outer .headline-wrapper
  {
    padding: 0px 30px;
  }

/* 
  .pricing-cart .cart__products
  {
    height: auto;
  }
  .pricing-cart .cart__products {
    padding-bottom: 55px;
  }
  .pricing-cart
  {
    background-color: aliceblue !important;
  }
  .app-content-inr .pricing-cart
  {
     background-color: #e0eeff !important;
  }
  .pricing-cart .total-block
{
  padding-bottom: 15px;
}
.pricing-cart .cart-footer
{
  background-color: aliceblue;
  box-shadow: none;
}
.app-content-inr .pricing-cart .cart-footer
{
  background-color: #e0eeff !important;
} 
.pk-head
{
  top: 8px;
}
  
.pricing-cart
{
  box-shadow: none !important;
}
 
.app-content-inr .pk-det .bus .quantity .quantity__input
{
  background-color: #e0eeff;
}
.pk-det .bus .quantity .quantity__input
{
  background-color: aliceblue;
}
*/
.order-sum-banner{
display: flex;

}
.newsletter-form-box
{
  margin-bottom: 35px !important;
}
.header-top-carousel .owl-nav
{
  display: none;
}
.header-top-carousel .header-carousel .item p
{
  font-size: .75rem !important;
}
.brands-global-slider
{
  background-color: #fafafa;
}
.header-top-carousel .cont-box .owl-btn
{
  font-size: 0.65rem !important;
  padding: 1px 10px !important;
}
.header-top-buttons
{
  display: flex;
  width: 100%;
  gap: 10px;
}
.glue-header__drawer .glue-header__cta
{
  padding: 15px 25px;
  box-shadow: none;
  border-top: 1px solid #f5f5f5;
}

.country-select-option
{
  border-top: 1px solid #f5f5f5;
  border-radius: 0;
  width: 100%;
  padding: 9px;
}
.head-bot.glue-header__drawer--is-open
{
  top: 0 !important;
}
.glue-header__container .glue-header__lock-up
{
  border-bottom: 1px solid #f5f5f5;
}
.inner-banner
{
  margin-top: 30px !important;
}
.plans-class .radio-btn .quantity__minus, .plans-class .radio-btn .quantity__plus, .plans-class .radio-btn .quantity__input, .plans-class .radio-btn .ch-btn
{
  width: 25px !important;
  height: 20px !important;
  line-height: 20px !important;
  font-size: 12px !important;
}
.plans-class .ch-btn a span
{
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-radio input:checked + .radio-btn .Fhq2bc
{
   top: -10px !important;
}
#customer_support_modal .modal-dialog
{
  max-width: 100% !important;
}
#customer_support_modal .con-form {
  padding: 20px 15px !important;
}
#customer_support_modal .con-form form .modal-title {
  font-size: 25px !important;
}
.modal-des
{
  font-size: 12px !important;
}
.contact-block
{
  margin-left: 0;
  margin-top: 50px;
}
.con-feat h2
{
  font-size: 1.5rem !important;
}
.contact-block, .con-feat
{
  padding: 30px 40px !important;
}
.con-feat h3 span {
  font-size: 18px !important;
}
.con-feat h3
{
  font-size: 13px !important;
}
.con-feat-item svg {
  width: 30px !important;
  height: 30px !important;
}
.con-feat-block {
  gap: 20px !important;
  margin-top: 25px !important;
}
.contact-block, .con-feat {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;  
}

}

@media (min-width: 1000px) and (max-width: 1250px)
{
  .side-cart
  {
    width: 30% !important;
  }
  .pricing section.glue-page
  {
    flex-wrap: wrap;
  }
  .pricing .plans-class {
    flex: 0 0 calc(50% - 10px);
  }
  .tab.pricing
  {
    width: auto;
  }
  .pricing .switch-wrapper {
    top: 0px;
  }
  .bus
  {
    top: 0 !important; 
  }
  .pre-buttons
  {
    margin-top: 80px;
  }
}


.esTZPW{
    border: 1px solid rgb(168, 170, 162);
    border-radius: 1000px;
    padding: 13px 16px;
    margin: 0px 8px 8px 0px;
    color: rgb(27, 29, 26);
}

.indexform.countryListul{
    padding-left: 0px !important;
}
.indexform.countryListul li{
    padding: 6px;
}

.indexvideomodal.modal {
    display: none;
    position: fixed;
    z-index: 46;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,.6);
}

.indexvideomodal .modal-content {
    margin: auto;
    width: 100%;
    max-width: 863px;
    height: 500px;
    border-radius: 20px;
}
.indexvideomodal .modal-content iframe
{
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.indexvideomodal .close {
    color: #fff;
    float: right;
    font-size: 40px;
    font-weight: bold;
}

.indexvideomodal .close:hover,
.indexvideomodal .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


@media screen and (max-width: 425px) {
    .indexVideoFrame #videoIframe {
        height: 200px;
    }
}

@media (min-width: 600px) and (max-width: 950px) and (orientation: landscape)
{
  .sub-banner .container
  {
    padding: 0 30px !important;
  } 
  .partner-section .logos img
  {
    max-width: 10%;
  }    
  .feat-main
  {
    display: grid;
    border-radius: 15px;
    padding: 30px;
  }

  .feat-det, .feat-reverse .feat-main .feat-det
  {
    padding: 0;
    margin-top: 25px;
  }
  .glue-headline.glue-headline--headline-2
  {
    font-size: 1.5rem;
  }
  .custom-margin {
    margin-top: 55px !important;
  }
  .feat-img img
  {
    width: 100%;
  }
  .feat-det h2
  {
    font-size: 1.5rem;
    line-height: 32px;
  }
  .opt-block-main, .woi-attr .opt-block-main
  {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .woi-attr .opt-block-main > div
  {
    width: 100%;
    max-width: 100%;
  }
  .woi-attr .opt-block img
  {
    width: 50%;
  }
  woi-video .playbtn svg
  {
    width: 60px;
  }
  .video-banner p
  {
    font-size: 1.5rem;
    top: 57%;
    width: 100%;
  }
  .contact-block
  {
    grid-template-columns: repeat(2, 1fr);
  }
  .con-det h2 {
    font-size: 1.5rem;
    line-height: 33px;
  }
  .glue-spacer-3-top {
    margin-top: 15px;
  }
  .contact-block .con-det a svg
  {
    width: 15px;
    height: 15px;
  }
  .con-det .icon-wrapper
  {
    padding: 5px;
    margin-right: 7px;
  }
  .con-det .glue-button
  {
    font-size: 12px;
  }
  .con-form .title
  {
    font-size: 1.2rem;
  }
  .con-form form
  {
    padding: 30px;
  }
  .faq-main .accordion
  {
    max-width: 85%;
    padding: 15px;
  }
  .faq-main .accordion__question
  {
    font-size: 17px;
  }
  .con-det p {
    font-size: 1rem;
  }
  .faq-main .accordion__question{
    font-size: 1.1rem;
  }
  .footban-main h1,.footban-main h2
  {
    font-size: 33px;
  }
  .footban-main p {
    font-size: 1rem;
    padding: 0 20px;
  }
  .woi-brands .custom-margin
  {
    margin-top: 0;
  }
  .woi-animated-hero 
  {
    margin-bottom: 0px !important;
  }
  woi-animated-hero .animated-hero-items:not(.glue-page) {
    margin: 0 20px 0px;
  }
  .image-slot-wrapper.custom-height-mob {
    height: auto;
   }
   woi-format .text-column .glue-headline.glue-headline--headline-3
   {
    font-size: 1.1rem;
   }
   woi-format .text-column .text-column-copy
   {
    font-size: 1rem;
   }
   woi-goals .woi-goals__inner
   {
    padding-bottom: 20px;
   }
   .opt-block p
   {
    font-size: 1rem;
   }
   .glue-headline.glue-headline--headline-5
   {
    font-size: 1.1rem;
   }
   .btn-center
   {
    margin-top: 40px;
   }
   .user-carousel .owl-nav
   {
    margin-top: 25px;
   }
   .howtoget
  {
    display: none;
  }
  .contact-inner .con-form
   {
     width: 95%;
   }
   .partner-section h2 {
    font-size: 17px;
  }
  .login-main .auth0-lock-tabs,  .login-main .auth0-lock-tabs li,  .login-main .auth0-lock-tabs li a
  {
    box-shadow: none;
  }
  .login-main .auth0-lock-tabs li a
  {
    font-size: 25px !important;
  }
  .login_button{
    width: 100% !important;
    border: none !important;
    height: auto !important;
    padding: 10px 35px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
} 
.new-ac span, .new-ac span a
{
   font-size: 15px !important;
}
.create-profile-steps
{
  background-color: #fff !important;
}
.auth-lock-social-buttons-pane .businessCards
{
  width: 100% !important;
}
.auth0-lock.auth0-lock .auth0-lock-form h2 {
  font-size: 20px !important;
  font-weight: 500 !important;
}
.tab.pricing
{
  width: auto;
}

.pricing-cart .cart__products, .pricing-cart .total-block
{
  padding-left: 30px;
  padding-right: 30px;
}
.pricing-cart .pk-inner .pk-img
{
  padding-left: 0px;
}

}

@media (min-width: 1000px) and (max-width: 1250px)
{
  .feat-det {
    padding: 20px 20px 20px 0px;
  }
  .feat-det h2
  {
    font-size: 2rem;
    line-height: 42px;
  }
  .feat-main
  {
    padding: 20px 30px;
    gap: 20px;
  }
  .feat-reverse .feat-main .feat-det {
    order: 1;
    padding: 20px 0px 20px 20px;
   }
   .opt-block-main
   {
    grid-template-columns: repeat(2, 1fr);
   }
   .video-banner
   {
     height: 370px;
   }
   .video-banner p
   {
    top: 65%;
    font-size: 30px;
   }
   woi-case-study-carousel .image-container img
   {
    object-fit: cover !important;
   }
   .footban-main h1,.footban-main h2
   {
    font-size: 60px;
   }
   woi-animated-hero .animated-hero-items:not(.glue-page)
   {
    margin: 0 !important;
    padding: 0 20px;
   }
   .sub-banner .container {
    padding: 0 30px !important;
  }
  .contact-inner .con-form
  {
    width: 100%;
  }
}






.cart-user-login
{
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}
.cart-user-login .modal-content
{
  background-color: #fff;
    padding: 35px;
    border: 1px solid #888;
    width: 80%;
    max-width: 450px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cart-user-login .close-button
{
  color: #aaa;
    float: right;
    font-size: 35px;
    font-weight: 500;
    cursor: pointer;
    margin-top: -30px;
    margin-right: -15px;
}
.cart-user-login h2
{
  font-size: 26px;
  margin-bottom: 20px;
  text-align: left;
  font-weight: 600;
}
.cart-user-login form
{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cart-user-login form label
{
  font-size: 14px;
    font-weight: 500;
    font-family: Google Sans Text, Arial, Helvetica, sans-serif;
}

.cart-user-login .btn-submit
{
    padding: 10px;
    font-size: 1rem;
    background-color: #185abc;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-family: Google Sans Text, Arial, Helvetica, sans-serif;
    margin-top: 15px;
  }
  
.cart-user-login .modal-content .foot-link
{
  text-align: center;
  margin-top: 20px;
}
.foot-link p
{
   cursor: pointer;
  color: #007BFF;
    font-size: 1rem;
}
.cart-user-login .terms
{
  margin-top: 15px;
}
.foot-link h4
{
  font-size: 13px;
  color: #767676;
}
.foot-link h4::before {
	content: '';
	display: inline-block;
	width: 4rem;
	height: 1px;
	background-color: #d4d4d4;
	margin: 0 10px 4px 0;
}

.foot-link h4::after {
	content: '';
	display: inline-block;
	width: 4rem;
	height: 1px;
	background-color: #d4d4d4;
	margin: 0 0 4px 10px;
}

.foot-link .btn-solid
{
  margin-top: 12px;
    font-size: 14px;
    padding: 10px 15px !important;
    border-radius: 5px;
    background-color: #185abc !important;
    color: #fff !important;
    font-family: Google Sans Text, Arial, Helvetica, sans-serif;
    border: none !important;
}
.cart-user-login .msg-containers
{
  text-align: left;
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: red;
  border-radius: 5px;
  margin-bottom: 15px;
}
.golog span
{
  color: #185abc;
  cursor: pointer;
}
.d-none
{
  display: none;
}

.golog
{
  margin-top: 15px;
}

.input-grp
{
    align-items: center;
    background: #f5f5f5;
    border: 0;
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
    padding-left: 0;
    margin-bottom: 5px;
    position: relative;
}
.input-grp .field-ico
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    left: 14px;
    width: 20px;
    margin: 0 12px;
}
.email-grp .field-ico
{
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyMCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDJDMCAwLjg5NTQzIDAuODk1NDMxIDAgMiAwSDE4QzE5LjEwNDYgMCAyMCAwLjg5NTQzMSAyMCAyVjEyQzIwIDEzLjEwNDYgMTkuMTA0NiAxNCAxOCAxNEgyQzAuODk1NDMxIDE0IDAgMTMuMTA0NiAwIDEyVjJaTTIuNDI0MjYgMS41NzU3NEw5Ljc4MTQ0IDguOTMyOTFDOS45MDIxNSA5LjA1MzYyIDEwLjA5NzkgOS4wNTM2MiAxMC4yMTg2IDguOTMyOTFMMTcuNTc1NyAxLjU3NTc0QzE3LjgxMDEgMS4zNDE0MiAxOC4xODk5IDEuMzQxNDIgMTguNDI0MyAxLjU3NTc0QzE4LjY1ODYgMS44MTAwNSAxOC42NTg2IDIuMTg5OTUgMTguNDI0MyAyLjQyNDI2TDEzLjYwODMgNy4yNDAyNEwxOC40MDE0IDExLjU1NEMxOC42NDc3IDExLjc3NTcgMTguNjY3NyAxMi4xNTUxIDE4LjQ0NiAxMi40MDE0QzE4LjIyNDMgMTIuNjQ3NyAxNy44NDQ5IDEyLjY2NzcgMTcuNTk4NiAxMi40NDZMMTIuNzU4NiA4LjA4OTk0TDExLjA2NzEgOS43ODE0NEMxMC40Nzc4IDEwLjM3MDggOS41MjIyNSAxMC4zNzA4IDguOTMyOTEgOS43ODE0NEw3LjI0MTQyIDguMDg5OTRMMi40MDEzOCAxMi40NDZDMi4xNTUwNyAxMi42Njc3IDEuNzc1NyAxMi42NDc3IDEuNTU0MDIgMTIuNDAxNEMxLjMzMjM1IDEyLjE1NTEgMS41MjMyIDExLjc3NTcgMS41OTg2MiAxMS41NTRMNi4zOTE3MSA3LjI0MDI0TDEuNTc1NzQgMi40MjQyNkMxLjM0MTQyIDIuMTg5OTUgMS4zNDE0MiAxLjgxMDA1IDEuNTc1NzQgMS41NzU3NEMxLjgxMDA1IDEuMzQxNDIgMi4xODk5NSAxLjM0MTQyIDIuNDI0MjYgMS41NzU3NFoiIGZpbGw9IiNCMkIyQjIiLz4KPC9zdmc+Cg==);
} 

.pass-grp .field-ico
{
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxNCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03IDAuMjVDNC45Mjg5MyAwLjI1IDMuMjUgMS45Mjg5MyAzLjI1IDRWN0gzQzEuMzQzMTUgNyAwIDguMzQzMTUgMCAxMFYxNkMwIDE3LjY1NjkgMS4zNDMxNSAxOSAzIDE5SDExQzEyLjY1NjkgMTkgMTQgMTcuNjU2OSAxNCAxNlYxMEMxNCA4LjM0MzE1IDEyLjY1NjkgNyAxMSA3SDEwLjc1VjRDMTAuNzUgMS45Mjg5MyA5LjA3MTA3IDAuMjUgNyAwLjI1Wk05LjI1IDdWNEM5LjI1IDIuNzU3MzYgOC4yNDI2NCAxLjc1IDcgMS43NUM1Ljc1NzM2IDEuNzUgNC43NSAyLjc1NzM2IDQuNzUgNFY3SDkuMjVaTTkgMTNDOSAxNC4xMDQ2IDguMTA0NTcgMTUgNyAxNUM1Ljg5NTQzIDE1IDUgMTQuMTA0NiA1IDEzQzUgMTEuODk1NCA1Ljg5NTQzIDExIDcgMTFDOC4xMDQ1NyAxMSA5IDExLjg5NTQgOSAxM1oiIGZpbGw9IiNCMkIyQjIiLz4KPC9zdmc+Cg==);
}
.user-grp .field-ico
{
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTIiIGN5PSI4IiByPSI0IiBmaWxsPSIjQjJCMkIyIiAvPjxwYXRoIGQ9Ik0yIDIyYzAtNS41MjMgNC40NzctMTAgMTAtMTBzMTAgNC40NzcgMTAgMTBIMnp6IiBmaWxsPSIjQjJCMkIyIiAvPjwvc3ZnPg==');
}
.input-grp input
{
  background: none;
    color: #4c4c4c;
    flex-grow: 1;
    font-size: 1rem;
    height: 50px;
    padding-left: 0 !important;
    width: auto;
    border: 0;
    padding: 0 14px;
    right: 0;
    border-radius: 0 2px 2px 0;
    box-sizing: border-box;
    position: relative;
    outline: none;
}
.cart-user-login .custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  color-adjust: exact;
}
.cart-user-login input[type="checkbox"]
{
  box-sizing: border-box;
  padding: 0;
  width: 16px;
}


.custom-control-input {
  position: absolute;
  left: 0;
  z-index: 1; /* Ensure the input is clickable */
  width: 1rem;
  height: 1.25rem;
  opacity: 0; /* Keep it invisible for styling purposes */
}

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

.custom-control-label::before {
  position: absolute;
  top: 0rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none; /* Prevent interaction with the pseudo-element */
  content: "";
  background-color: #fff;
  border: #9ba4b0 solid 1px;
  border-radius: 0.35rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #338cff;
  background-color: #338cff;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
}
.custom-control-label .text-muted
{
  font-weight: 100;
  font-size: 12px;
}

.toggle-password {
  float: right;
  cursor: pointer;
  margin-right: 10px;
  margin-top: -25px;
}
.password-visible-action
{
  margin: 0 12px;
}

.phone-grp button
{
  width: 100px;
  border-radius: 10px;
  background: #f5f5f5;
  padding: 0;
  color: #4c4c4c;
  font-family: inherit;
  margin-top: 0;
  border: none;
  outline: none;
  font-size: 15px;
}
.phone-grp
{
  background-color: transparent;
}
.phone-grp .auth0-lock-input-wrap
{
  width: 100%;
}
.phone-grp input
{
  background: #f5f5f5;
  border-radius: 12px;
  padding-left: 12px !important;
  padding-right: 10px;
}
.phone-grp .dropdown-menu {
  padding: 20px !important;
  margin-top: 15px;
  width: 100%;
  border: 1px solid #e9e9e9;
}
.phone-grp .dropdown-menu ul {
  margin-inline-start: 0px !important;
  margin-top: 15px;
}

.phone-grp .dropdown-menu .form-control {
  border: 1px solid #ddd;
  padding: 5px 15px;
  font-size: 13px;
  outline: none;
}
.phone-grp .dropdown-menu ul li img {
  margin-right: 10px;
}
.phone-grp .dropdown-menu ul li {
  font-size: 14px;
}
.phone-grp .dropdown-menu ul li:hover {
  background-color: #f5f5f5;
}


.pricing-cart .cart-button-grp button
{
  background-color: #1a73e8;
}
.pricing-cart .cart-button-grp button:hover, .pricing-cart .cart-button-grp button:focus
{
  background-color: #185abc;
}
.pricing-cart .cart-button-grp .border-btn:hover, .pricing-cart .cart-button-grp .border-btn:focus
{
  background-color: #1a73e8;
  color: #fff;
}
.pricing-cart .cart-button-grp button:focus
{
  box-shadow: 0 0 0 2px #185abc;
}

@media (min-width:1366px)
{
  .pricing .plans-class
  {
    max-width: 300px;
  }
}


.bus
{
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: center;
  /* position: absolute;
    top: -75px; */
}
.bus .quantity
{
    display: flex;
    overflow: hidden;
    transition: min-width 0.3s, max-width 0.3s;
    align-items: center;
    width: fit-content;
    border: 1px solid #1a73e8;
    border-radius: 50px;
}
.bus .quantity .quantity__input
{
  width: 35px;
  display: flex;
  font-size: 13px;
  transition: min-width 0.3s, max-width 0.3s;
  align-items: center;
  font-weight: 500;
  outline: none;
  font-weight: 600;
  color: #1a73e8;
}
.bus-des
{
  text-align: left;
}
.bus-des h2 {
  font-size: 15px;
  color: #000;
  margin-bottom: 5px;
  line-height: 1.5;
  font-weight: 600;
}
.bus-des p
{
  font-size: 14px;
  margin-bottom: 0;
}
.quan-tot
{
  display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    color: #1a73e8;
    font-family: Google Sans Text, Arial, Helvetica, sans-serif;
    justify-content: space-between;
}
.ch-btn a:first-child
{
  outline: none;
}
.quantity__minus span, .quantity__plus span {
  font-size: 20px;
  font-weight: 800;
}

/* For WebKit-based browsers (Chrome, Safari, etc.) */
.bus input[type="number"]::-webkit-inner-spin-button,
.bus input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* For Firefox */
.bus input[type="number"] {
  -moz-appearance: textfield; /* Hide the spin button in Firefox */
}

/* For Edge (Chromium) */
.bus input[type="number"]::-webkit-outer-spin-button,
.bus input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* For Opera */
.bus input[type="number"]::-webkit-outer-spin-button,
.bus input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}



/* Width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #b7b7b7;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #b7b7b7 #f1f1f100;
}

/* Edge */
*::-ms-scrollbar {
  width: 6px;
}

*::-ms-thumb {
  background-color: #b7b7b7;
}

*::-ms-thumb:hover {
  background-color: #555;
}

*::-ms-track {
  background: #f1f1f1;
}

/* Opera and older versions of Edge */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #b7b7b7;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

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


@media (min-width: 1300px) and (max-width: 1800px)
{
  .side-cart.pricing-cart, .side-cart
  {
    width: 25%;
  }
  .pricing-cart .cart__products
  {
    padding-left: 6px;
    padding-right: 6px;
    height: 60%;
  }
  .pack-block .p-head
  {
    font-size: 12px;
  }
  .pk-inner .pk-img {
    width: 100px;
  }
  .pack-block .p-name {
    font-size: 15px;
  }
  .pack-block .p-price
  {
    font-size: 17px;
  }
  .pack-block .p-term
  {
    font-size: 11px;
  }
}


.policies .cookie_notice_wrapper .content
{
  padding: 2rem 0 0;
}
.copy-r
{
  margin-right: 50px;
  display: flex;
  align-items: flex-start;
}
.copy-r p
{
  font-size: 15px;
  font-family: Google Sans, Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #000;
  margin-top: 0 !important;
}
.copy-r p:first-child
{
  font-family: inherit;
  font-size: 0.95rem;
}
.copy-r p span
{
  font-family: inherit;
}
.no-shadow
{
  box-shadow: none !important;
}
.enterprise_form, .team_form
{
  padding-top: 0 !important;
  padding-bottom: 10px !important;
}
.enterprise_form .btn-round, .team_form .btn-round
{
  margin-top: 30px;
}

.inner-banner {
  background-color: #ddd;
  padding: 45px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 50px;
}
.inner-banner h2 {
  font-size: 25px !important;
  font-weight: 500 !important;
}
.inner-banner h3{
  font-family: Google Sans Display, Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 900;
  margin-bottom: 5px;
  line-height: 45px;
}
.banner-search
{
  margin-top: 40px;
}
.banner-search .search-container
{
  position: relative;
  border: 1px solid #9bd2f3;
  border-radius: 8px;
}

.banner-search .search-container .search-icon
{
  top: 18px;
  left: 20px;
}

.banner-search .search-container .help-search
{
  padding-left: 55px;
  background-color: transparent;
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
}
.banner-search .help-search:focus-visible
{
  outline-color: #1a73e8; 
}
.banner-search .search-container svg
{
  color: #1a73e8;
}
.help-sec
{
  width: 100%;
}

.article-block a
{
  text-decoration: none;
}
.article-block .content-container p
{
  color: #000;
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
}
.article-block .content-container p:first-child
{
  font-size: 16px;
    font-weight: 600 !important;
    margin-bottom: 5px;
}
.article-block .content-container p:last-child
{
  font-size: 15px;
  margin-bottom: 10px;
}
.article-block .content-container .text-muted
{
  padding-bottom: 0;
}

.pop-art a
{
  text-decoration: none;
  color: #000;
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
}
.pop-art .connect-container
{
  padding: 17px 15px;
}
.art-wrap
{
  margin-top: 40px;
}
.art-block-wrap
{
  margin-top: 30px;
}
.breadcrumb-wrap
{
  margin-top: 10px;
  margin-bottom: 40px;
}
.breadcrumb-wrap ul
{
  margin-inline-start: 0;
  display: flex;
}
.breadcrumb-wrap ul li
{
  display: flex;
  align-items: center;
  font-size: 14px;
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
}
.breadcrumb-wrap ul li a
{
  text-decoration: none;
  color: #1a1a1a;
}
.breadcrumb-wrap ul li a:active, .breadcrumb-wrap ul li a:hover
{
  background-color: transparent;
}
.breadcrumb-wrap ul li  svg
{
  width: 12px;
  height: 12px;
  margin: 0 5px;
}
.art-inner-wrap h2
{ 
  font-family: Google Sans Display, Arial, Helvetica, sans-serif;
}
.art-inner-wrap p, .art-inner-wrap ul li
{
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.1px;
}
.art-inner-wrap ul li
{
  margin-bottom: 5px;
}
.art-head
{
  font-size: 23px;
  font-weight: 600;
}
.art-des h2
{
  font-weight: 500;
}

.faq-main .faq-inner-wrap .accordion
{
  border: none;
    max-width: 100%;
    padding: 12px 0px;
    margin: 0 15px;
    border-radius: 0;
}
.faq-main .faq-inner-wrap .accordion__question
{
  font-size: 1.1rem;
  font-weight: 400;
}
.faq-main .faq-inner-wrap .accordion__icon
{
  box-shadow: none;
}
.faq-main .faq-inner-wrap .accordion__icon svg
{
  width: 13px;
    height: 13px;
}
.faq-main .faq-inner-wrap .accordion
{
  border-bottom: 1px solid #ddd;
}
.faq-main .faq-inner-wrap .accordion:last-child 
{
  border: none;
}
.articles-container.faq-main .head-text, .articles-container.pop-art .head-text
{
  margin-bottom: 15px;
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
}
.inner-banner.inner-banner-2
{
  padding: 70px 0; 
}
.inner-banner.inner-banner-2 h2
{
   font-size: 40px !important;
}
.art-det-main
{
  width: 100%;
}

.tooltip1 {
  position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 35px;
    z-index: 10;
    opacity: 1;
    transition: opacity 0.3s ease;
    display: none ;

}

.tooltip1 p
{
  background: var(--glue-green-800) !important;
    color: #fff;
    padding: 7px 15px;
    border-radius: 5px;
    font-weight: 500;
    white-space: nowrap;
    font-size: 14px;
    font-family: Google Sans, Arial, Helvetica, sans-serif;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

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

label:has(> input:checked)
{
  margin-top: 0;
}

.contact-page-form-area
{
  margin-top: 30px !important;
  max-width:1263px;
  margin:auto;
}

.lg-none
{
  display: none;
}

@media (max-width: 1200px)
{
  .md-none
  {
    display: none;
  }
  .lg-none
  {
    display: block;
  }
  .order-sum-banner.lg-none
  {
    display: flex;
  }
}

.pk-det .bus
{
  justify-content: left;
  padding: 0;
  margin-top: 0;
}
.pk-det .bus .quantity
{
  border: 1px solid #cdcdcd;
  border-radius: 4px;
}
.pk-det .quantity .ch-btn svg
{
  width: 10px;
  height: 10px;
  fill: #000;
}
.pk-det .bus .quantity .quantity__input
{
  width: 30px;
  color: #000;
  font-size: 11px;
}
.pk-det .quantity .ch-btn
{
  width: 22px;
}
.pk-det .quantity__minus, .quantity__plus, .pk-det .quantity__input
{
   height: 22px !important;   
}
.price-count-block
{
  display: flex;
  justify-content: space-between;
}

@media(min-width: 1001px)
{
  .order-sum-banner{

    display: none !important;
  }
}


#customer_support_modal .modal-dialog
{
  height: 100%;
}
#customer_support_modal .modal-content
{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}





.footer-grid
{
  display: grid;
  grid-template-columns: 4fr 8fr; 
  gap: 10px;
}

.glue-footer_section-8 {
  display: grid;
  grid-template-columns: repeat(4, 1fr); 
  gap: 55px;
  justify-self: end;
}
.footer-newsletter .glue-footer__logo
{
  width: 115px;
  height: auto;
  margin: 0;
}
.footer-newsletter .glue-footer__logo a
{
  display: block;
  height: auto;
  width: 100%;
}
.footer-newsletter .glue-footer__logo a:hover
{
  background-color: transparent;
}
.footer-newsletter .glue-footer__logo a img
{
  width: 100%;
}
.footer-newsletter p
{
  font-weight: 500;
  margin-top: 20px;
  font-size: 16.5px;
  color: #000;
}
.newsletter input
{
    padding: 8px 15px;
    border: none;
    background-color: transparent;
    font-size: 15px;
    outline: none;
    font-family: Google Sans Text, Arial, Helvetica, sans-serif;
    width: 100%;
}
.newsletter .input-container
{
  border: 1px solid #ddd;
  border-radius: 5px;
  width: 100%;
  border: 1px solid #ddd;
    border-radius: 5px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.newsletter .input-container button
{
    margin: 4px;
    padding: 8px 10px;
    height: auto;
    width: auto;
    min-width: unset;
    min-height: unset;
    font-size: 14px;
    flex-shrink: 0;
}
.newsletter-form-box
{
  margin-bottom: 10px;
  margin-top: 18px;
}
.newsletter-form-box p
{
  font-size: 12.5px;
  font-weight: 400;
}
.newsletter-form-box p a
{
  color: #000;
}
.footer-bottom-links
{
  justify-content: flex-end;
  padding-bottom: 0;
}
.footer-bottom-links li
{
  padding-block-end: 0;
}
.footer-bottom-links li:last-child
{
  padding-right: 0;
}
.footer-bottom
{
  padding-top: 15px;
  padding-bottom: 40px;
  align-items: center;
}
.footer-top-block
{
  padding-bottom: 20px;
  padding-top: 55px;
}
.footer-newsletter
{
  padding-right: 15px;
}




.woi-footban .top-link-panel .category-group, .woi-footban .top-link-panel .subcategory-group ul li a, .mob-sub-menu li a
{
  background-color: transparent !important;
}
.woi-footban .top-link-panel .subcategory-group ul li a
{
  pointer-events: none;
}

.woi-footban .subcategory
{
  display: flex;
  justify-content: center;
  margin: 0;
}
.woi-footban .subcategory-group ul li a p
{
  color: #fff;
}
.mob-sub-menu li a p
{
   color: #000;
}
.woi-footban .subcategory-group ul li a span {
  color: #c2c2c2;
}
.woi-footban .m-icon
{
  border: 1px dashed;
}
.dc-card .m-icon
{
  border-color: #087628;
}
.bio-card .m-icon
{
  border-color: #1870e4;
}
.store-card .m-icon
{
  border-color: #b50000;
}


.header-carousel {
  visibility: hidden; 
  opacity: 0;
}

.head-bot
{
  top: 40px !important;
}
.header-top-carousel
{
  background-color: #000;
  padding: 8px 0;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%; 
  height: 40px;
  overflow: hidden;
}
.header-top-carousel .header-carousel .item p
{
  color: #fff;
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-align: center;
  display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
    padding: 0 15px;
    padding-top: 2px;
}

.header-top-carousel .owl-dots
{
  display: none;
}
.header-carousel
{
  position: relative;
}
.header-carousel .owl-prev, .header-carousel .owl-next
{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #ababab !important;
  font-size: 22px !important;
}
.header-carousel .owl-prev
{
  left: 0;
}
.header-carousel .owl-next
{
  right: 0;
}

.header-top-carousel .close-carousel
{
  position: absolute;
  right: 20px;
  background-color: transparent;
  border: none;
  outline: none;
}
.header-top-carousel .close-carousel svg
{
  stroke: #ababab;
  width: 16px;
  height: 16px;
}

.header-top-carousel .cont-box
{
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-top-carousel .cont-box a
{
  text-decoration: none;
}
.header-top-carousel .cont-box .owl-btn
{
  background-color: #fff;
  font-size: 12px;
  border-radius: 10px;
  outline: none;
  border: none;
  color: #000;
  font-weight: 600;
  padding: 2px 12px;
  font-family: Google Sans Text, Arial, Helvetica, sans-serif;
  display: flex;
  align-items: center;
  gap: 5px;
}
.header-top-carousel .cont-box .owl-btn:focus, .header-top-carousel .cont-box .owl-btn:hover
{
  outline: none;
}
.container.sub-banner
{
  margin-top: 40px !important;
}
.woi-animated-hero
{
  margin-top: 60px !important;
}

.price-tab-outer
{
  margin-top: 95px !important;
}

.dc-link
{
  background-color: #effdf3 !important;
}
.lib-link
{
  background-color: #ecf6ff !important;
}
.str-link
{
  background-color: #fcf4f2 !important;
}
.modal-content .con-form form
{
  padding: 0;
}
.form-group .btn
{
    font-size: 0.9rem !important;
}
.modal-content .con-form form .index-button
{
  border-radius: 5px;
}

#customer_support_modal .modal-dialog 
{
  max-width: 45%;
  width: 45%;
}
#customer_support_modal
{
  top: 0 !important;
  overflow: hidden;
}
#customer_support_modal .con-form
{
  padding: 30px 50px;
  position: relative;
}

#customer_support_modal .con-form form .modal-title
{
  font-family: Google Sans Display, Arial, Helvetica, sans-serif;
  font-size: 38px;
  margin-bottom: 8px;
}

#customer_support_modal .con-form .input-container
{
  margin: 18px 0;
}

.modal-des
{
  margin-bottom: 35px;
}

#customer_support_modal .con-form .close
{
    float: none;
    position: absolute;
    top: 10px;
    right: 0;
    color: #b4b4b4;
}
#customer_support_modal .con-form .close:hover
{
  color: #000;
}


.modal {
  cursor: default; 
}

.modal-content {
  cursor: default; 
}

.modal:hover {
  cursor: url('../images/close.png'), auto; 
}

.modal-content:hover {
  cursor: default; 
}


.con-feat
{
  background: rgb(227,239,255);
  background: linear-gradient(90deg, rgba(227,239,255,1) 0%, rgba(255,255,255,1) 100%);
}
.con-feat h2
{
  font-family: Google Sans Display, Arial, Helvetica, sans-serif;
  font-size: 30px;
    color: #000;
    line-height: 1.3;
    font-weight: 500;
}

.con-feat h3{
  font-family: Google Sans Display, Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: #000;
}
.con-feat h3 span
{
  font-size: 25px;
  font-weight: 500;
  color: #000;
}
.con-feat-block
{
  gap: 30px;
  margin-top: 30px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.con-feat-block .logos
{
  margin: 7px 0;
}
.con-feat-block .logos img {
  max-width: 15%;
  margin: 0 15px;
}
.con-feat-item
{
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.con-feat-item svg
{
  width: 35px;
  height: 35px;
  fill: #1a73e8;
}




.cart-list-page .cart__content table
{
  border: 1px solid #EEEEEE !important;
}
.cart-list-page .cart__content table thead
{
  background-color: #F5F5F5;
}
.cart-list-page .cart__content table thead th
{
  padding: 12px 25px !important;
}
.cart-list-page .cart__content table thead th span
{
  font-family: Google Sans Display, Arial, Helvetica, sans-serif;
  color: #000 !important;
  font-size: 15px;
}
.cart-list-page .cart__content table td
{
  padding: 25px !important;
  vertical-align: middle;
}
.cart-list-page .cart__content .table th, .cart-list-page .cart__content .table td
{
  border-top: 1px solid #EEEEEE !important;
  font-family: Google Sans Display, Arial, Helvetica, sans-serif;
}
.cart-list-page .cart__content .table .product-item-meta a
{
   color: #000;
   outline: none;
   font-size: 15px;
   font-weight: 500;
   color: #000;
}

.select2-container--default .select2-selection--single, .select2-container .select2-selection--single {
  background-color: #f5f8fa !important;
  border: 1px solid #e5e6e7 !important;
}
.select2-container--open .select2-dropdown--below
{
  padding: 5px !important;
}
.select2-results__option {
  font-size: 13px !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #f5f5f5 !important;
  color: #000 !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #ddd !important;
  border-radius: 5px !important;
  margin-bottom: 5px !important;
  outline: none !important;
  font-size: 13px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder, .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000 !important;
  font-size: 0.9rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear
{
  display: none;
}

.select2-container .select2-selection--single
{
  height: unset !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50% !important;
  right: 10px !important;
  transform: translateY(-50%);
}
form
{
  padding-bottom: 5px !important;
}
.select2-container
{
  width: 100% !important;
}
woi-animated-hero .about-det .subheadline
{
  margin-top: 0;
}
woi-animated-hero .about-det .subheadline p
{
  font-size: 17px;
}
.woi-founder .woi-goals__goals-container--grid-layout
{
  margin-top: 30px;
}

.woi-animated-hero.woi-blogs .subheadline
{
  margin-bottom: 0;
}
.woi-animated-hero.woi-blogs .animated-hero-items
{
padding-bottom: 30px;
}


.prio-1
{
  background: linear-gradient(135deg, #f0f0f0, #e0e0e0);
  color: #333 !important;
}
/*.prio-2
{
  background: linear-gradient(135deg, #0099e5, #007acc);
  color: #fff;
}
.prio-3
{
  background: linear-gradient(135deg, #1a73e8, #1a73e8);
  color: #fff;
}
.prio-4
{
  background: linear-gradient(135deg, #1a73e8, #1a73e8);
  color: #fff;
}*/

.downgrade-plan-btn
{
  opacity: 0.6;
}
@media only screen and (max-width: 639px) {
/* .head-bot.glue-header__bar.glue-header__bar--mobile.glue-header--rewind-box-shadow{
  top: 40px !important;
} */
 .header-top-carousel{
    overflow: visible;
  z-index: 5555;
 }
.glue-header__tier{
          position: fixed;
        top: 40px;
        background: white;
        width: 100%;
}
.woi_btn_002{
  justify-content: center !important;
  padding: 12px !important;
  color: white !important;
}

.dbc_btn_001{
  background: #080808;
background: linear-gradient(90deg, rgba(8, 8, 8, 1) 0%, rgba(100, 100, 100, 1) 100%);
}
.lib_btn_001{
  background: #0198B0;
background: linear-gradient(90deg, rgba(1, 152, 176, 1) 0%, rgba(65, 185, 130, 1) 50%, rgba(122, 215, 90, 1) 100%);
}
.store_btn_001{
  background-color: #f4325e;
}
.subcategory-group ul li a, .mob-sub-menu li a{
  margin-bottom: 3px !important;
}

.menu-list-bottom{
  box-shadow: none !important;
}












.subcategory-link.so-rpl{
  padding: 2px;
}

.top-link-panel .subcategory-group ul li a {
  padding: 10px !important;
}
.woi_main_create_xs{
  border: 2px solid #d7d7d7;
}
.m-icon {
  height: 40px;
    width: 40px;
}
.border-rs-15-xs{
  border-radius: 15px !important;
}
.menu-button-bottom{
  border-radius: 15px !important;
  font-size: 1rem !important;
}
.mob-login-btn .glue-button{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.contained-primary {
  background: linear-gradient(135deg, rgb(248, 89, 0), rgb(237, 0, 181));
  color: #000;
  border-radius: 50px !important;
  padding: 20px;
  position: relative;
  overflow: hidden;
}

.contained-primary {
  background: linear-gradient(135deg, rgb(248, 89, 0), rgb(237, 0, 181));
  color: #000;
  border-radius: 50px !important;
  padding: 20px;
  position: relative;
  overflow: hidden;
  animation: colorChange 2s ease-in-out infinite alternate;
}

@keyframes colorChange {
  0% {
    background: linear-gradient(135deg, rgb(248, 89, 0), rgb(237, 0, 181));
  }
  100% {
    background: linear-gradient(135deg, rgb(237, 0, 181), rgb(248, 89, 0));
  }
}


.xs_border_gradient_btn{
  background: linear-gradient(white, white) padding-box, linear-gradient(135deg, rgb(248, 89, 0), rgb(237, 0, 181));
  padding: 10px;
  font-size: 13px;
  margin-right: 10px;
  border-radius: 10px;
  border: 2px solid #185abc;
  color: #185abc;
}
.xs_border_gradient_btn a{
  text-decoration: none !important;
  color: #185abc;
  font-family: Google Sans Display, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
}





}