@charset "UTF-8";.asset {
    line-height: 0;
    position: relative
}

.asset--mobile-shadow {
    overflow: hidden
}

@media (max-width: 1023px) {
    .asset--mobile-shadow {
        max-width:450px;
        margin: 0 auto
    }
}

.asset--mobile-shadow img {
    position: relative;
    z-index: 2
}

.asset--mobile-shadow:before {
    content: "";
    display: block
}

@media (max-width: 1023px) {
    .asset--mobile-shadow:before {
        transform:translate(-50%);
        position: absolute;
        bottom: -25px;
        left: 50%;
        width: 125%;
        height: 50px;
        background-image: url(/static/images/shadow.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: bottom;
        z-index: 1;
        opacity: .25
    }
}

.video-controls {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 10;
    pointer-events: none
}

.video-controls .video-controls__button {
    align-items: center;
    background: #fff;
    border: 1px solid #e8eaed;
    border-radius: 50%;
    bottom: 20px;
    cursor: pointer;
    display: flex;
    position: absolute;
    height: 40px;
    justify-content: center;
    right: 20px;
    width: 40px;
    pointer-events: all
}

.video-controls .video-controls__button .pause-icon {
    display: none
}

.video-controls .video-controls__button .play-icon {
    display: block;
    position: relative;
    left: 3px
}

.video-controls .video-controls__button svg rect,.video-controls .video-controls__button svg path {
    transition: fill .3s ease;
    fill: #3c4043
}

.video-controls .video-controls__button:hover {
    cursor: pointer
}

.video-controls .video-controls__button:hover svg rect,.video-controls .video-controls__button:hover svg path {
    fill: #1a73e8
}

.video-controls .video-controls__button.is-playing .pause-icon {
    display: block
}

.video-controls .video-controls__button.is-playing .play-icon,.video-controls .video-controls-label {
    display: none
}

.video-controls--5050slide {
    height: 0;
    position: absolute;
    bottom: 0
}

@media (max-width: 1023px) {
    .video-controls--5050slide {
        display:none
    }
}

.video-controls--fullwidth-cards {
    height: 0;
    position: absolute;
    bottom: 0
}

@media (max-width: 1023px) {
    .video-controls--fullwidth-cards {
        display:none
    }
}

.video-controls--absolute {
    position: absolute
}

.video-controls--industry-tablet {
    aspect-ratio: 600/533;
    position: absolute;
    width: 600px;
    height: auto
}

@media (max-width: 1023px) {
    .video-controls--industry-tablet {
        width:550px
    }
}

.video-controls--industry-mobile {
    aspect-ratio: 319/285;
    position: absolute;
    width: 319px;
    height: auto;
    transform: translateY(-32px)
}

.video-controls--feature {
    position: absolute
}

@media (max-width: 1023px) {
    .video-controls--feature {
        top:-35px
    }
}

.video-controls--circle-video {
    position: absolute;
    max-width: 450px
}

.video-controls--circle-video .video-controls__button {
    bottom: 0
}

.fullbleed-5050--aerial-view-3d-customization .video-controls--feature {
    width: 450px
}

@media (max-width: 1023px) {
    .fullbleed-5050--aerial-view-3d-customization .video-controls--feature {
        width:100%;
        top: 0
    }
}

.fullwidth-cards__cards__card .video-controls--feature {
    top: 0
}

.button {
    --background-color: #1a73e8;
    --background-color-hover: #185abc;
    --background-color-focus: #185abc;
    --background-color-active: #185abc;
    --background-color-disabled: #f8f9fa;
    --box-shadow: none;
    --box-shadow-hover: 0px 1px 2px rgba(60, 64, 67, .3), 0px 1px 4px rgba(60, 64, 67, .25);
    --box-shadow-focus: 0px 1px 2px rgba(60, 64, 67, .3), 0px 1px 4px rgba(60, 64, 67, .25);
    --box-shadow-focus-accessible: 0 0 0 4px #1a73e8;
    --box-shadow-active: 0px 1px 2px rgba(60, 64, 67, .3), 0px 1px 4px rgba(60, 64, 67, .25);
    --box-shadow-disabled: none;
    --color: #fff;
    --color-hover: #fff;
    --color-focus: #fff;
    --color-active: #fff;
    --color-disabled: #9aa0a6;
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .25px;
    line-height: 20px;
    align-items: center;
    appearance: none;
    -webkit-appearance: none;
    background: var(--background-color);
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: var(--box-shadow);
    color: var(--color);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    padding: 12px 24px;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    transition: background-color .2s,box-shadow .2s,color .2s
}

.button:hover {
    background: var(--background-color-hover);
    box-shadow: var(--box-shadow-hover);
    color: var(--color-hover)
}

.button:focus {
    background: var(--background-color-focus);
    box-shadow: var(--box-shadow-focus-accessible);
    color: var(--color-focus)
}

.button:focus:not(:focus-visible) {
    box-shadow: var(--box-shadow-focus)
}

.button:active {
    background: var(--background-color-active);
    box-shadow: var(--box-shadow-active);
    color: var(--color-active)
}

.button:disabled {
    background: var(--background-color-disabled);
    box-shadow: var(--box-shadow-disabled);
    color: var(--color-disabled)
}

.button[disabled] {
    pointer-events: none
}

.button--medium {
    --background-color: #fff;
    --background-color-hover: linear-gradient(0deg, rgba(26, 115, 232, .04), rgba(26, 115, 232, .04)), #fff;
    --background-color-focus: linear-gradient(0deg, rgba(26, 115, 232, .12), rgba(26, 115, 232, .12)), #fff;
    --background-color-active: linear-gradient(0deg, rgba(26, 115, 232, .1), rgba(26, 115, 232, .1)), #fff;
    --background-color-disabled: #f8f9fa;
    --box-shadow: 0 0 0 1px #dadce0;
    --box-shadow-hover: 0 0 0 1px #1a73e8;
    --box-shadow-focus: 0 0 0 1px #1a73e8;
    --box-shadow-focus-accessible: 0 0 0 2px #1a73e8;
    --box-shadow-active: 0 0 0 1px #1a73e8;
    --box-shadow-disabled: 0 0 0 1px #dadce0;
    --color: #1a73e8;
    --color-hover: #174ea6;
    --color-focus: #174ea6;
    --color-active: #174ea6;
    --color-disabled: #9aa0a6
}

.button--medium.button--reversed {
    --background-color: #000;
    --box-shadow: 0 0 0 1px #fff;
    --box-shadow-disabled: 0 0 0 1px #9aa0a6;
    --color: #fff
}

.button--low {
    --background-color: transparent;
    --background-color-hover: rgba(26, 115, 232, .04);
    --background-color-focus: rgba(26, 115, 232, .12);
    --background-color-active: rgba(26, 115, 232, .1);
    --background-color-disabled: transparent;
    --box-shadow: none;
    --box-shadow-hover: none;
    --box-shadow-focus: none;
    --box-shadow-focus-accessible: 0 0 0 2px #1a73e8;
    --box-shadow-active: none;
    --box-shadow-disabled: none;
    --color: #1a73e8;
    --color-hover: #174ea6;
    --color-focus: #174ea6;
    --color-active: #174ea6;
    --color-disabled: #9aa0a6
}

.button--low.button--reversed {
    --color: #669df6
}

.button--low.button--reversed-white {
    --color: #fff
}

.button--tonal {
    --background-color: #e8f0fe;
    --background-color-hover: linear-gradient(0deg, rgba(26, 115, 232, .04), rgba(26, 115, 232, .04)), #e8f0fe;
    --background-color-focus: linear-gradient(0deg, rgba(26, 115, 232, .12), rgba(26, 115, 232, .12)), #e8f0fe;
    --background-color-active: linear-gradient(0deg, rgba(26, 115, 232, .1), rgba(26, 115, 232, .1)), #e8f0fe;
    --background-color-disabled: transparent;
    --box-shadow: none;
    --box-shadow-hover: 0px 1px 2px rgba(60, 64, 67, .3), 0px 1px 4px rgba(60, 64, 67, .25);
    --box-shadow-focus: 0px 1px 2px rgba(60, 64, 67, .3), 0px 1px 4px rgba(60, 64, 67, .25);
    --box-shadow-focus-accessible: 0 0 0 2px #1a73e8;
    --box-shadow-active: 0px 1px 2px rgba(60, 64, 67, .3), 0px 1px 4px rgba(60, 64, 67, .25);
    --box-shadow-disabled: none;
    --color: #1a73e8;
    --color-hover: #174ea6;
    --color-focus: #174ea6;
    --color-active: #174ea6;
    --color-disabled: #9aa0a6
}

.button--transparent-white {
    --background-color: transparent;
    --background-color-hover: #fff;
    --background-color-focus: #fff;
    --background-color-active: #fff;
    --background-color-disabled: transparent;
    --box-shadow: none;
    --box-shadow-hover: none;
    --box-shadow-focus: none;
    --box-shadow-focus-accessible: 0 0 0 2px #1a73e8;
    --box-shadow-active: none;
    --box-shadow-disabled: none;
    --color: #fff;
    --color-hover: #174ea6;
    --color-focus: #174ea6;
    --color-active: #174ea6;
    --color-disabled: #9aa0a6;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 12px 24px
}

.button--link,.button--link-large,.button--link-inverted {
    background-color: transparent;
    border-radius: 0;
    color: #1a73e8;
    padding: 0;
    position: relative
}

.button--link:after,.button--link-large:after,.button--link-inverted:after {
    background-color: #1a73e8;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    opacity: 0;
    transition: opacity .3s ease
}

.button--link:visited,.button--link-large:visited,.button--link-inverted:visited {
    color: #1a73e8
}

.button--link:focus,.button--link-large:focus,.button--link-inverted:focus,.button--link:hover,.button--link-large:hover,.button--link-inverted:hover {
    background-color: transparent;
    box-shadow: none;
    color: #1a73e8
}

.button--link:focus:after,.button--link-large:focus:after,.button--link-inverted:focus:after,.button--link:hover:after,.button--link-large:hover:after,.button--link-inverted:hover:after {
    opacity: 1
}

.button--link:focus:focus,.button--link-large:focus:focus,.button--link-inverted:focus:focus,.button--link:hover:focus {
    box-shadow: 0 0 0 2px #aecbfa
}

.button--link:active,.button--link-large:active,.button--link-inverted:active {
    background-color: transparent
}

.button--link:focus,.button--link-large:focus,.button--link-inverted:focus {
    background-color: transparent
}

.button--link-inverted {
    color: #fff
}

.button--link-inverted:visited,.button--link-inverted:focus,.button--link-inverted:hover {
    color: #fff
}

.button--link-inverted:visited:after,.button--link-inverted:focus:after,.button--link-inverted:hover:after {
    background-color: #fff
}

.button--link-large,.button--link-large span {
    font-size: 19px!important;
    line-height: 24px!important
}

.button--link-cta {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.button--icon {
    background-color: transparent;
    border-radius: 0;
    padding: 0 30px 0 0;
    position: relative
}

.button--icon:after {
    background-color: #1a73e8;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 30px;
    opacity: 0;
    transition: opacity .3s ease
}

.button--icon span {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #1a73e8;
    display: inline-block;
    position: relative
}

.button--icon span:after {
    content: attr(icon);
    font-size: 140%;
    font-family: Material Icons;
    position: absolute;
    right: -32px;
    top: 50%;
    transform: translate3d(0,-50%,0);
    -webkit-font-feature-settings: "liga"
}

.button--icon:visited {
    color: #1a73e8
}

.button--icon:focus,.button--icon:hover {
    background-color: transparent;
    box-shadow: none
}

.button--icon:focus:after,.button--icon:hover:after {
    opacity: 1
}

.button--icon:focus:focus,.button--icon:hover:focus {
    box-shadow: 0 0 0 2px #aecbfa
}

.button--icon:active {
    background-color: transparent
}

.button--icon:focus {
    background-color: transparent
}

.button--icon svg {
    margin-left: 10px
}

.button--icon-left {
    background-color: transparent;
    border-radius: 0;
    padding: 0 0 0 30px;
    position: relative
}

.button--icon-left:after {
    background-color: #1a73e8;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 30px;
    position: absolute;
    opacity: 0;
    transition: opacity .3s ease
}

.button--icon-left span {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #1a73e8;
    display: inline-block;
    position: relative
}

.button--icon-left span:after {
    content: attr(icon);
    font-size: 140%;
    font-family: Material Icons;
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translate3d(0,-50%,0);
    -webkit-font-feature-settings: "liga"
}

.button--icon-left:visited {
    color: #1a73e8
}

.button--icon-left:focus,.button--icon-left:hover {
    background-color: transparent;
    box-shadow: none
}

.button--icon-left:focus:after,.button--icon-left:hover:after {
    opacity: 1
}

.button--icon-left:focus:focus,.button--icon-left:hover:focus {
    box-shadow: 0 0 0 2px #aecbfa
}

.button--icon-left:active {
    background-color: transparent
}

.button--icon-left:focus {
    background-color: transparent
}

.button--icon-left svg {
    margin-left: 10px
}

.button--badge {
    display: block;
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    line-height: 0
}

.button--tag {
    --color: #5f6368;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    background: transparent;
    padding: 3.5px 16px;
    border: 1px solid #1967d2;
    border-radius: 33px
}

.button--tag:hover,.button--tag:focus {
    color: #fff;
    background: #1967d2
}

@media (max-width: 325px) {
    .button--tag {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        color: #3c4043;
        padding: 3.5px 14px
    }
}

.button--default-pill {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043;
    background: transparent;
    border-radius: 33px;
    border: 1px solid rgba(128,134,139,.7);
    color: #80868b;
    font-weight: 700;
    letter-spacing: 2px;
    margin-left: 0!important;
    margin-right: auto;
    margin-bottom: 16px;
    padding: 10px 32px;
    pointer-events: none;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap
}

.button--default-pill:hover {
    background-color: initial;
    box-shadow: initial;
    color: #80868b;
    cursor: default
}

@media (min-width: 1024px) {
    .button--default-pill:not(:last-child) {
        margin-right:16px
    }
}

.button--pill {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043;
    background-color: #fff;
    border-radius: 33px;
    border: 1px solid #1a73e8;
    color: #80868b;
    font-weight: 700;
    letter-spacing: 2px;
    margin-left: 0!important;
    margin-right: auto;
    margin-bottom: 16px;
    padding: 10px 32px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap
}

@media (min-width: 1024px) {
    .button--pill:not(:last-child) {
        margin-right:16px
    }
}

.button--pill:hover {
    background-color: #1a73e8;
    box-shadow: 0 2px 8px #00000040;
    color: #fff
}

.button--pill:focus {
    border: 1px solid #fff
}

.button--large-pill {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    --background-color-disabled: color.$white;
    background-color: #fff;
    border-radius: 33px;
    border: 1px solid #1a73e8;
    color: #1967d2;
    margin-left: 0!important;
    margin-right: auto;
    margin-bottom: 16px;
    padding: 10px 16px;
    text-align: center
}

@media (min-width: 1024px) {
    .button--large-pill:not(:last-child) {
        margin-right:16px
    }
}

.button--large-pill:hover {
    background-color: #1a73e8;
    box-shadow: 0 2px 8px #00000040;
    color: #fff
}

.button--large-pill:focus {
    border: 1px solid #fff
}

.button--large-pill:disabled {
    color: #80868b;
    border: 1px solid #80868b
}

.button+.button {
    margin-left: 10px
}

@media (max-width: 1023px) {
    .button--laptop-desktop-only {
        display:none!important
    }
}

@media (min-width: 1024px) {
    .button--mobile-tablet-only {
        display:none!important
    }
}

.container {
    margin: 0 auto
}

@media (max-width: 599px) {
    .container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

.container-grid {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap)
}

@media (max-width: 599px) {
    .container-grid {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .container-grid {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .container-grid {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .container-grid {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .container-grid {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .container-grid {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .container-grid {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .container-grid {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .container-grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .container-grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .container-grid {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .container-grid {
        grid-template-columns:repeat(12,1fr)
    }
}

[data-html] ul {
    list-style: disc;
    margin-left: 20px
}

[data-html]>*:last-child {
    margin-bottom: 0
}

[data-html] h3 {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal
}

@media (min-width: 600px) {
    [data-html] h3 {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    [data-html] h3 {
        font-size:36px;
        line-height: 44px
    }
}

[data-html] h4 {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin: 16px 0
}

@media (min-width: 600px) {
    [data-html] h4 {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    [data-html] h4 {
        font-size:28px;
        line-height: 36px
    }
}

[data-html] p {
    margin-top: 0;
    margin-bottom: 4px
}

.dropdown {
    --dropdown-width: var(--dropdown-label-width, var(--dropdown-min-width));
    --dropdown-height: 60px;
    --dropdown-padding: 24px;
    --dropdown-border-radius: 30px;
    --text-color: #5f6368;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043;
    width: var(--dropdown-width);
    max-width: var(--dropdown-max-width);
    min-width: var(--dropdown-min-width);
    position: relative;
    text-align: left;
    cursor: pointer;
    appearance: none;
    transition: width .5s cubic-bezier(.22,1,.36,1)
}

@media (max-width: 599px) {
    .dropdown {
        --dropdown-max-width: 280px
    }
}

.dropdown:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--dropdown-width) - 1px);
    max-width: calc(var(--dropdown-max-width) - 1px);
    height: calc(var(--dropdown-height) - 2px);
    min-width: 100%;
    border-radius: var(--dropdown-border-radius);
    border: 1px solid #E4E4E4;
    background: transparent;
    box-shadow: none;
    transition: width .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1),background .5s cubic-bezier(.34,1.56,.64,1),box-shadow .75s
}

.dropdown[open] {
    --dropdown-width: var(--dropdown-menu-width)
}

.dropdown[open]:before {
    height: calc(var(--dropdown-max-height, initial) + var(--dropdown-height));
    background: #fff;
    box-shadow: 0 12px 34px #20345940;
    transition: width .5s cubic-bezier(.22,1,.36,1),background .5s cubic-bezier(.34,1.56,.64,1),box-shadow .75s
}

.dropdown[open] .dropdown__menu {
    display: flex;
    border: none;
    opacity: 1;
    overflow-y: auto;
    overflow-x: hidden
}

.dropdown[open] .dropdown__label {
    border-color: transparent;
    background: transparent
}

.dropdown[open] .dropdown__label:before {
    transform: translateY(-50%) rotate(-180deg)
}

.dropdown[open] .menu {
    opacity: 1;
    transition-delay: 0ms
}

.dropdown:focus-within {
    z-index: 1
}

.dropdown__label {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    padding: 11px var(--dropdown-padding);
    border-radius: var(--dropdown-border-radius);
    z-index: 1;
    line-height: 36px
}

@media (min-width: 600px) {
    .dropdown__label {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .dropdown__label {
        font-size:28px;
        line-height: 36px
    }
}

.dropdown__label:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    width: 21px;
    height: 13px;
    background: url('data:image/svg+xml,<svg width="21" height="13" viewBox="0 0 21 13" fill="none" xmlns="http://www.w3.org/2000/svg" arrow=""><path d="M1.43018 1.07507L10.4651 10.0751L19.4999 1.07507" stroke="%231A73E8" stroke-width="3"></path></svg>');
    pointer-events: none;
    transition: transform .5s cubic-bezier(.22,1,.36,1)
}

.dropdown__menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px var(--dropdown-padding) 36px;
    width: var(--dropdown-width, 999px);
    max-width: var(--dropdown-max-width);
    height: var(--dropdown-max-height, initial);
    overflow: hidden;
    opacity: 0;
    transition: opacity .5s cubic-bezier(.22,1,.36,1) .15s;
    clip-path: inset(calc(var(--dropdown-border-radius) * -1) 0 0 calc(var(--dropdown-border-radius) * -1) round var(--dropdown-border-radius))
}

.dropdown__menu__radio input {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4px;
    visibility: hidden
}

.dropdown__menu label:hover,.dropdown__menu label:focus-within {
    color: #202124
}

.dropdown__menu label:hover:before,.dropdown__menu label:focus-within:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(var(--dropdown-padding) * -1 + 1px);
    height: calc(100% + 24px);
    width: calc(100% + var(--dropdown-padding) * 2);
    background: #e8f0fe;
    z-index: 0
}

.dropdown--blue-label .dropdown__label {
    color: #1a73e8
}

.dropdown--right-aligned:before,.dropdown--right-aligned .dropdown__menu {
    left: auto;
    right: 0
}

.menu {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

.menu__checkbox,.menu__radio {
    position: relative;
    width: 100%
}

.menu__checkbox span,.menu__radio span {
    position: relative
}

.menu__checkbox input,.menu__radio input {
    margin: 0
}

.menu__checkbox,.menu__radio {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .15px;
    gap: 16px;
    cursor: pointer
}

@media (max-width: 599px) {
    .menu__checkbox,.menu__radio {
        font-size:16px
    }
}

.menu__checkbox input,.menu__radio input {
    position: relative;
    width: 16px;
    height: 16px;
    appearance: none;
    border: none
}

.menu__checkbox input:before,.menu__radio input:before {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: -1px;
    width: 16px;
    height: 16px;
    border: 2px solid #3c4043;
    border-radius: 3px
}

.menu__checkbox input:focus,.menu__checkbox input:active,.menu__radio input:focus,.menu__radio input:active {
    outline: 0;
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none
}

.menu__checkbox input:focus:before,.menu__checkbox input:active:before,.menu__radio input:focus:before,.menu__radio input:active:before {
    border-color: #1a73e8
}

.menu__checkbox input:checked:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: none;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 3H19C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3ZM16.6 7.59998L18 8.99998L10 17L6 13L7.4 11.6L10 14.2L16.6 7.59998Z' fill='%231967D2'/%3E%3C/svg%3E%0A");
    background-position: center center
}

.menu__radio input:before {
    border-radius: 50%;
    background: transparent
}

.menu__radio input:checked:before {
    background: transparent;
    border-color: #1a73e8
}

.menu__radio input:checked:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 10px;
    height: 10px;
    margin-left: 1px;
    background: #1967d2;
    border-radius: 50%
}

.menu__fieldset,.menu__radio,.menu__checkbox {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    z-index: 1
}

.menu__fieldset {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    margin: 0;
    padding: 0;
    border: none
}

.menu__fieldset+.menu__fieldset {
    margin-top: 8px
}

.menu__fieldset__label {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .5px;
    margin: 0 0 18px;
    padding: 0;
    color: #3c4043
}

.language-selector {
    border: 1px solid #dadce0;
    border-radius: 6px;
    cursor: pointer;
    height: 38px;
    list-style: none;
    min-width: 200px;
    padding: 0;
    position: relative
}

.language-selector[hidden] {
    display: block
}

.language-selector__arrow {
    position: absolute;
    top: 50%;
    right: 10px;
    pointer-events: none;
    transform: translate3d(0,-50%,0);
    transition: transform .2s linear
}

.language-selector__arrow.expanded {
    transform: rotate(-180deg)
}

.language-selector__arrow svg {
    display: block
}

.language-selector__list {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #dadce0;
    border-radius: 6px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity .1s cubic-bezier(0,0,.38,.9),max-height .3s cubic-bezier(0,0,.38,.9);
    visibility: hidden;
    width: 100%
}

.language-selector__list--footer {
    max-height: 100px;
    top: -344px
}

.language-selector__list-container {
    position: relative
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.language-selector__list-item {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .25px;
    line-height: 20px;
    color: #3c4043;
    list-style-position: inside;
    padding: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background-color .1s linear,color .1s linear;
    white-space: nowrap
}

.language-selector__list-item:hover {
    background-color: #f1f3f4
}

.language-selector__list-item:focus {
    background-color: #e4f7fb
}

.language-selector__selected {
    display: flex;
    align-items: center;
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .25px;
    line-height: 20px;
    color: #3c4043;
    height: 100%;
    list-style-position: inside;
    overflow: hidden;
    padding: 0 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.language-selector__list--open {
    background: #fff;
    box-shadow: 0 12px 34px #20345926;
    max-height: 308px;
    opacity: 1;
    overflow: auto;
    padding: 10px 0;
    visibility: visible;
    z-index: 1
}

[data-degu-youtube-modal-video-id] {
    cursor: pointer
}

.degu-youtube-modal {
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transform: scale(1.15);
    transition: all .3s cubic-bezier(.4,0,.2,1);
    visibility: hidden;
    width: 100%;
    z-index: 2000
}

.degu-youtube-modal--enabled {
    display: block
}

.degu-youtube-modal--visible {
    opacity: 1;
    transform: scale(1);
    visibility: visible
}

.degu-youtube-modal__x {
    align-items: center;
    background: #000;
    border: 2px solid rgba(99,96,96,.6);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 50px;
    height: 50px;
    justify-content: center;
    line-height: 50px;
    opacity: .8;
    overflow: hidden;
    position: absolute;
    right: 3.69853vw;
    text-align: center;
    top: 3.69853vw;
    transition: all .3s;
    width: 50px;
    z-index: 2003
}

.degu-youtube-modal__x:before {
    content: "\d7";
    display: block;
    font-family: arial,sans-serif;
    font-size: 40px;
    height: 40px;
    line-height: 1;
    text-align: center;
    margin-top: 2px;
    width: 40px
}

.degu-youtube-modal__x:hover {
    color: #000;
    background: #fff
}

.degu-youtube-modal__mask {
    background: #000;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2001
}

.degu-youtube-modal__player {
    height: calc(100vh - 7.39707vw);
    left: 50%;
    max-height: .5625;
    max-width: 1.7777777778;
    position: absolute;
    top: 50%;
    transform: translate(-50%) translateY(-50%);
    width: 77.80879vw;
    z-index: 2002
}

.sf-sort {
    position: relative;
    z-index: 2;
    padding: 0 24px
}

@media (min-width: 1024px) {
    .sf-sort {
        padding:0 64px
    }
}

.sf-sort__chapter {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    position: relative
}

.sf-sort__chapter__background,.sf-sort__chapter__background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    object-fit: cover
}

.sf-sort__chapter__inner {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column
}

@media (min-width: 1024px) {
    .sf-sort__chapter__inner {
        display:flex;
        flex-direction: row;
        align-items: center;
        margin: 16px 0 0
    }
}

@media (min-width: 1024px) {
    .sf-sort__chapter__inner svg {
        margin-right:16px;
        margin-top: -5px
    }
}

.sf-sort__chapter__headline,.sf-sort__chapter__subheadline,.sf-sort__chapter__inner svg {
    position: relative;
    z-index: 1
}

.sf-sort__chapter__headline {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    margin: 16px 0 0;
    text-align: center;
    z-index: 1
}

@media (min-width: 600px) {
    .sf-sort__chapter__headline {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .sf-sort__chapter__headline {
        font-size:48px;
        line-height: 56px
    }
}

@media (min-width: 1024px) {
    .sf-sort__chapter__headline {
        margin:0
    }
}

.sf-sort__chapter__subheadline {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043;
    margin: 16px 0 0;
    text-align: center;
    z-index: 1
}

.sf-sort__controls {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 24px;
    row-gap: 16px
}

@media (min-width: 1024px) {
    .sf-sort__controls {
        row-gap:20px
    }
}

@media (min-width: 1440px) {
    .sf-sort__controls {
        display:flex;
        flex-direction: row
    }
}

.sf-sort__text-row {
    display: flex;
    flex-direction: column;
    column-gap: 4px;
    row-gap: 16px;
    position: relative;
    align-items: center
}

@media (min-width: 481px) {
    .sf-sort__text-row {
        display:flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: no-wrap
    }
}

.sf-sort__text-row:first-child {
    z-index: 2
}

@media (min-width: 1024px) {
    .sf-sort__text-row {
        row-gap:20px
    }
}

@media (max-width: 1023px) {
    .sf-sort__text-row {
        width:100%
    }
}

@media (min-width: 1440px) {
    .sf-sort__text-row:last-child {
        margin-left:8px
    }
}

.sf-sort__text {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    white-space: nowrap
}

@media (min-width: 600px) {
    .sf-sort__text {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .sf-sort__text {
        font-size:28px;
        line-height: 36px
    }
}

@media (max-width: 1023px) {
    .sf-sort__cta {
        margin-top:8px
    }
}

@media (min-width: 1024px) {
    .sf-sort__cta {
        margin-left:16px
    }
}

.sf-sort--card {
    padding: 0;
    border-radius: 24px;
    box-shadow: 0 12px 34px #20345940
}

.sf-sort--card img {
    border-radius: 24px
}

@media (min-width: 1440px) {
    .sf-sort--card .sf-sort__text-row {
        margin-right:8px
    }
}

.sf-sort--card .sf-sort__chapter__inner {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column
}

.sf-sort--card .sf-sort__chapter__inner img {
    position: relative;
    height: 58px;
    width: 48px;
    z-index: 1
}

.sf-sort--card .sf-sort__chapter {
    padding: 30px 24px
}

.sf-sort--card .sf-sort__controls {
    flex-wrap: wrap;
    margin: 0;
    padding: 40px 24px;
    background: #1a73e8;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px
}

.sf-sort--card .sf-select {
    --select-color: #fff;
    --select-background: transparent;
    --select-arrow-color: #fff;
    max-width: calc(100% - 48px)
}

.sf-sort--card .sf-select:focus-within {
    --select-background: #fff;
    --select-color: #1a73e8;
    --select-arrow-color: #1a73e8
}

.sf-sort--card .sf-select:before {
    transition: all .3s ease-in
}

.sf-sort--card .sf-select:hover:not(:focus-within) {
    --select-background: #1967d2
}

.sf-sort--card .sf-select--active {
    --select-background: #fff;
    --select-color: #1a73e8;
    --select-arrow-color: #1a73e8
}

.sf-sort--card .sf-select--open {
    --select-color: #1a73e8;
    --select-arrow-color: #1a73e8;
    max-width: 100%
}

@media (min-width: 481px) {
    .sf-sort--card .sf-select--open {
        max-width:calc(100% - 48px)
    }
}

.sf-sort--card .sf-sort__text {
    color: #fff
}

.sf-select {
    --select-width: 100%;
    --select-height: 48px;
    --select-border: #E4E4E4;
    --select-padding: 24px;
    --select-background: #fff;
    --select-color: #1a73e8;
    --select-arrow-color: #1a73e8;
    position: relative;
    cursor: pointer;
    color: var(--select-color);
    box-sizing: border-box
}

@media (min-width: 1024px) {
    .sf-select {
        transition:width 0ms ease .5s
    }
}

@media (min-width: 1024px) {
    .sf-select {
        --select-height: 60px
    }
}

.sf-select:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: var(--select-width);
    height: var(--select-height);
    min-height: 100%;
    box-sizing: border-box;
    border: 1px solid var(--select-border);
    border-radius: 30px;
    background: var(--select-background);
    z-index: 0;
    transition: height .5s cubic-bezier(.34,1.56,.64,1),width .5s cubic-bezier(.22,1,.36,1),background .5s cubic-bezier(.34,1.56,.64,1),box-shadow .75s;
    transition-delay: .1s;
    min-width: 100%;
    white-space: nowrap
}

@media (max-width: 1023px) {
    .sf-select:before {
        position:absolute;
        left: 50%;
        transform: translate(-50%);
        width: calc(100% + 1px)
    }
}

.sf-select--open {
    --select-color: #1a73e8;
    --select-arrow-color: #1a73e8;
    --select-width: var(--select-max-width);
    --select-height: calc(100% + var(--select-max-height));
    position: relative;
    width: 100%
}

@media (max-width: 1023px) {
    .sf-select--open {
        max-width:360px
    }
}

.sf-select--open:before {
    background-color: #fff;
    color: #1a73e8;
    box-shadow: 0 12px 34px #20345940;
    transition-delay: 25ms;
    transition-timing-function: cubic-bezier(.22,1,.36,1)
}

.sf-select--open .sf-select__arrow {
    transform: translate3d(0,-55%,0) rotate(-180deg)
}

.sf-select__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    z-index: 1;
    transition: transform .5s cubic-bezier(.22,1,.36,1);
    pointer-events: none;
    padding: 0!important
}

.sf-select__arrow svg {
    display: block
}

.sf-select__arrow path {
    stroke: var(--select-arrow-color)
}

.sf-select__list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 12px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    cursor: none
}

@media (min-width: 1024px) {
    .sf-select__list {
        min-width:var(--select-max-width);
        transition: opacity .5s cubic-bezier(.22,1,.36,1)
    }
}

.sf-select li {
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 481px) {
    .sf-select li {
        padding-left:var(--select-padding);
        padding-right: var(--select-padding)
    }
}

.sf-select__list-container {
    position: relative
}

.sf-select__list-item {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    padding: 5px 0;
    cursor: pointer
}

@media (min-width: 1024px) {
    .sf-select__list-item {
        font-size:24px;
        line-height: 32px
    }
}

.sf-select__list-item--label {
    color: #80868b;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 24px;
    text-transform: uppercase;
    pointer-events: none
}

.sf-select__list-item--label span {
    margin-left: -8px
}

.sf-select__list-item--active {
    background-color: #d2e3fc
}

@media (min-width: 1024px) {
    .sf-select__list-item:hover,.sf-select__list-item:focus {
        background-color:#1a73e8;
        color: #fff
    }
}

.sf-select__list-item:active {
    background-color: transparent;
    color: #1a73e8
}

.sf-select__list-item[aria-disabled] {
    color: #bdc1c6;
    pointer-events: none
}

.sf-select__list--open {
    height: var(--select-height);
    opacity: 1;
    overflow: auto;
    visibility: visible;
    pointer-events: all;
    cursor: pointer;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    clip-path: inset(-30px 0 0 -30px round 30px)
}

@media (min-width: 1024px) {
    .sf-select__list--open {
        transition-delay:.15s
    }
}

.sf-select__selected {
    display: flex;
    align-items: center;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    position: relative;
    z-index: 1;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: calc(var(--select-padding) + 24px)!important;
    cursor: pointer
}

@media (min-width: 600px) {
    .sf-select__selected {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .sf-select__selected {
        font-size:28px;
        line-height: 36px
    }
}

.sf-select__selected:focus {
    outline-color: #1a73e8
}

.sf-select--impact-calculator {
    min-width: 225px
}

.sf-select--resource-skin {
    --select-width: 100%;
    width: 100%
}

@media (min-width: 481px) {
    .sf-select--resource-skin {
        min-width:320px
    }
}

.sf-select--blog-listing .sf-select__list {
    display: flex;
    flex-direction: column;
    gap: 0px
}

.sf-select--blog-listing .sf-select__list-item {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .15px;
    padding-top: 12px;
    padding-bottom: 12px
}

.sf-select--blog-listing .sf-select__selected {
    color: #202124
}

.sf-expandable-card__grid__card__wrap {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    background-color: #f8f9fa;
    border-radius: 24px;
    flex-wrap: wrap;
    height: 100%;
    justify-content: flex-start;
    overflow: hidden;
    transform: translateZ(0);
    width: 100%
}

@media (min-width: 1440px) {
    .sf-expandable-card__grid__card__wrap {
        justify-content:center
    }
}

.sf-expandable-card__grid__card {
    align-items: center;
    justify-content: center;
    display: flex;
    box-shadow: 0 12px 34px #20345926;
    border-radius: 24px;
    color: #fff;
    flex-direction: column;
    margin-bottom: 40px;
    position: relative;
    transition: all .5s cubic-bezier(.85,0,.15,1);
    width: 100%
}

@media (min-width: 600px) {
    .sf-expandable-card__grid__card {
        display:flex;
        flex-direction: row;
        margin: 10px;
        max-width: 628px;
        width: calc(50% - 20px);
        flex-wrap: wrap
    }
}

.sf-expandable-card__grid__card--expanded {
    height: auto;
    max-width: 100%;
    width: 100%
}

.sf-expandable-card__grid__card--expanded .sf-expandable-card__grid__card__bottom {
    height: auto;
    max-height: 1000px
}

@media (min-width: 1024px) {
    .sf-expandable-card__grid__card--expanded .sf-expandable-card__grid__card__inner {
        height:initial
    }
}

.sf-expandable-card__grid__card--expanded .sf-expandable-card__grid__card__inner__more {
    height: auto;
    margin-top: 24px;
    opacity: 1;
    transform: translateZ(0);
    transition: all .35s cubic-bezier(.85,0,.15,1);
    transition-delay: .5s
}

.sf-expandable-card__grid__card--expanded .sf-expandable-card__grid__card__image__asset__expanded {
    opacity: 1
}

.sf-expandable-card__grid__card--expanded .sf-expandable-card__grid__card__image {
    height: 500px
}

@media (min-width: 1024px) {
    .sf-expandable-card__grid__card--expanded .sf-expandable-card__grid__card__image {
        height:auto
    }
}

.sf-expandable-card__grid__card--expanded .sf-expandable-card__grid__card__image__asset {
    opacity: 0
}

.sf-expandable-card__grid__card--expanded .sf-expandable-card__grid__card__inner__see {
    opacity: 0;
    pointer-events: none
}

.sf-expandable-card__grid__card--expanded .sf-expandable-card__grid__card__close {
    opacity: 1;
    transition: opacity .35s cubic-bezier(.85,0,.15,1);
    transition-delay: .5s
}

.sf-expandable-card__grid__card__inner {
    order: 1;
    padding: 42px 32px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width: 1024px) {
    .sf-expandable-card__grid__card__inner {
        flex:0 0 50%;
        order: 0;
        width: 50%;
        height: 100%
    }
}

.sf-expandable-card__grid__card__inner--blue .sf-expandable-card__grid__card__inner__eyebrow,.sf-expandable-card__grid__card__inner--blue .sf-expandable-card__grid__card__inner__more__subtitle {
    color: #1a73e8
}

.sf-expandable-card__grid__card__inner--blue .sf-expandable-card__grid__card__inner__more__stats {
    background-color: #e8f0fe
}

.sf-expandable-card__grid__card__inner--green .sf-expandable-card__grid__card__inner__eyebrow,.sf-expandable-card__grid__card__inner--green .sf-expandable-card__grid__card__inner__more__subtitle {
    color: #1e8e3e
}

.sf-expandable-card__grid__card__inner--green .sf-expandable-card__grid__card__inner__more__stats {
    background-color: #e6f4ea
}

.sf-expandable-card__grid__card__inner--yellow .sf-expandable-card__grid__card__inner__eyebrow,.sf-expandable-card__grid__card__inner--yellow .sf-expandable-card__grid__card__inner__more__subtitle {
    color: #ea8600
}

.sf-expandable-card__grid__card__inner--yellow .sf-expandable-card__grid__card__inner__more__stats {
    background-color: #fef7e0
}

.sf-expandable-card__grid__card__inner--orange .sf-expandable-card__grid__card__inner__eyebrow,.sf-expandable-card__grid__card__inner--orange .sf-expandable-card__grid__card__inner__more__subtitle {
    color: #e37400
}

.sf-expandable-card__grid__card__inner--orange .sf-expandable-card__grid__card__inner__more__stats {
    background-color: #fef7e0
}

.sf-expandable-card__grid__card__inner--cyan .sf-expandable-card__grid__card__inner__eyebrow,.sf-expandable-card__grid__card__inner--cyan .sf-expandable-card__grid__card__inner__more__subtitle {
    color: #098591
}

.sf-expandable-card__grid__card__inner--cyan .sf-expandable-card__grid__card__inner__more__stats {
    background-color: #e4f7fb
}

.sf-expandable-card__grid__card__inner--teal .sf-expandable-card__grid__card__inner__eyebrow,.sf-expandable-card__grid__card__inner--teal .sf-expandable-card__grid__card__inner__more__subtitle {
    color: #098591
}

.sf-expandable-card__grid__card__inner--teal .sf-expandable-card__grid__card__inner__more__stats {
    background-color: #e4f7fb
}

.sf-expandable-card__grid__card__inner--red .sf-expandable-card__grid__card__inner__eyebrow,.sf-expandable-card__grid__card__inner--red .sf-expandable-card__grid__card__inner__more__subtitle {
    color: #b31412
}

.sf-expandable-card__grid__card__inner--red .sf-expandable-card__grid__card__inner__more__stats {
    background-color: #fce8e6
}

.sf-expandable-card__grid__card__inner__eyebrow {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #202124;
    text-transform: uppercase
}

.sf-expandable-card__grid__card__inner__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin-top: 24px
}

@media (min-width: 600px) {
    .sf-expandable-card__grid__card__inner__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .sf-expandable-card__grid__card__inner__title {
        font-size:28px;
        line-height: 36px
    }
}

@media (min-width: 1024px) {
    .sf-expandable-card__grid__card__inner__title {
        font-size:24px;
        line-height: 32px
    }
}

.sf-expandable-card__grid__card__image {
    display: flex;
    height: 200px;
    order: 0;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: 1
}

@media (min-width: 600px) {
    .sf-expandable-card__grid__card__image {
        height:250px
    }
}

@media (min-width: 1024px) {
    .sf-expandable-card__grid__card__image {
        min-height:400px;
        height: 100%;
        order: 1;
        width: 50%;
        flex: 1
    }
}

.sf-expandable-card__grid__card__image__asset {
    transform: scale(1);
    transition: transform .5s cubic-bezier(.85,0,.15,1);
    will-change: transform;
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 0
}

.sf-expandable-card__grid__card__image__asset__expanded {
    transform: scale(1);
    transition: transform .5s cubic-bezier(.85,0,.15,1);
    will-change: transform;
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 0;
    z-index: 0
}

.sf-expandable-card__grid__card:hover .sf-expandable-card__grid__card__image__asset,.sf-expandable-card__grid__card:hover .sf-expandable-card__grid__card__image__asset__expanded {
    transform: scale(1.1);
    transition: transform .5s cubic-bezier(.85,0,.15,1)
}

.sf-expandable-card__grid__card__inner__see {
    bottom: 42px;
    cursor: pointer;
    left: 32px;
    position: absolute
}

.sf-expandable-card__grid__card__inner__see .button {
    font-size: 20px;
    line-height: 28px
}

.sf-expandable-card__grid__card__inner__see .button:hover {
    color: #1a73e8
}

.sf-expandable-card__grid__card__close {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    transform: translate3d(24px,-24px,0);
    z-index: 3;
    border: none;
    background: transparent
}

.sf-expandable-card__grid__card__close svg {
    height: 72px;
    pointer-events: none;
    width: 72px
}

@media (min-width: 1024px) {
    .sf-expandable-card__grid__card__close svg {
        height:72px;
        width: 72px
    }
}

.sf-expandable-card__grid__card__inner__more {
    display: flex;
    flex-direction: column;
    height: 80px;
    opacity: 0;
    transform: translate3d(0,30px,0)
}

.sf-expandable-card__grid__card__inner__more__subtitle {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 24px
}

.sf-expandable-card__grid__card__inner__more__copy {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    margin: 0 0 24px
}

.sf-expandable-card__grid__card__inner__more__buttons {
    align-items: center;
    display: flex;
    flex-direction: column
}

.sf-expandable-card__grid__card__inner__more__buttons .button:not(:last-child) {
    margin-bottom: 20px
}

@media (min-width: 600px) {
    .sf-expandable-card__grid__card__inner__more__buttons {
        display:flex;
        flex-direction: row
    }

    .sf-expandable-card__grid__card__inner__more__buttons .button:not(:last-child) {
        margin-bottom: 0
    }

    .sf-expandable-card__grid__card__inner__more__buttons .button:not(:first-child) {
        margin-right: 40px
    }
}

.sf-expandable-card__grid__card__inner__more__disclaimer {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: .1px;
    color: #3c4043;
    margin: 24px 0
}

.sf-expandable-card__grid__card__bottom {
    background-color: #fff;
    height: 0;
    order: 2;
    width: 100%
}

.sf-expandable-card__grid__card__bottom__inner {
    display: flex;
    flex-direction: column;
    padding: 32px 32px 16px
}

@media (min-width: 1024px) {
    .sf-expandable-card__grid__card__bottom__inner {
        display:flex;
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap
    }
}

.sf-expandable-card__grid__card__bottom__inner__row {
    display: flex;
    flex-direction: column;
    flex: 1
}

@media (min-width: 1024px) {
    .sf-expandable-card__grid__card__bottom__inner__row {
        align-items:center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }
}

.sf-expandable-card__grid__card__bottom__inner__label {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px
}

@media (min-width: 1024px) {
    .sf-expandable-card__grid__card__bottom__inner__label {
        margin-right:48px;
        margin-top: 8px
    }
}

.sf-expandable-card__grid__card__inner__more__stats {
    justify-content: center;
    flex-direction: column;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    align-items: flex-start;
    margin-bottom: 24px;
    padding: 20px;
    display: flex;
    flex-direction: row
}

.sf-expandable-card__grid__card__inner__more__stats .stat-figure {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal
}

@media (min-width: 600px) {
    .sf-expandable-card__grid__card__inner__more__stats .stat-figure {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .sf-expandable-card__grid__card__inner__more__stats .stat-figure {
        font-size:36px;
        line-height: 44px
    }
}

.sf-expandable-card__grid__card__inner__more__stats__stat {
    display: flex;
    flex-direction: column;
    flex: 1
}

.sf-expandable-card__grid__card__inner__more__stats__stat:not(:last-child) {
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .sf-expandable-card__grid__card__inner__more__stats__stat:not(:last-child) {
        margin-bottom:0;
        margin-right: 20px
    }
}

@media (min-width: 1024px) {
    .sf-expandable-card__grid__card--column .sf-expandable-card__grid__card__wrap {
        display:flex;
        flex-direction: column
    }
}

@media (min-width: 1024px) {
    .sf-expandable-card__grid__card--column .sf-expandable-card__grid__card__image {
        flex:inherit;
        min-height: initial;
        height: 200px;
        order: 0;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .sf-expandable-card__grid__card--column .sf-expandable-card__grid__card__inner {
        order:1;
        width: 100%
    }
}

.sf-cards--show {
    transition: opacity .5s cubic-bezier(.85,0,.15,1),transform .5s cubic-bezier(.85,0,.15,1)!important;
    opacity: 1
}

.sf-cards--filtered,.sf-cards--hide {
    position: absolute!important;
    overflow: hidden!important;
    clip: rect(0 0 0 0)!important;
    height: 0!important;
    width: 0!important;
    margin: -1px!important;
    padding: 0!important;
    border: 0!important;
    opacity: 0;
    transform: translateY(35px);
    visibility: hidden
}

.sf-cards--filtered img,.sf-cards--filtered video,.sf-cards--hide img,.sf-cards--hide video {
    display: none!important
}

.sf-full-card {
    align-items: center;
    justify-content: center;
    display: flex;
    box-shadow: 0 12px 34px #20345926;
    border-radius: 24px;
    flex-direction: column;
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
    transition: all .5s cubic-bezier(.85,0,.15,1);
    min-height: 500px;
    width: 100%
}

@media (min-width: 600px) {
    .sf-full-card {
        display:flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: flex-start;
        margin: 10px;
        min-height: 320px;
        width: 100%;
        flex-wrap: wrap
    }
}

@media (min-width: 1024px) {
    .sf-full-card {
        max-width:calc(50% - 20px)
    }
}

.sf-full-card--dark {
    background: #000
}

.sf-full-card--dark .sf-full-card__content__copy__eyebrow,.sf-full-card--dark .sf-full-card__content__copy__title,.sf-full-card--dark .sf-full-card__content__buttons .button,.sf-full-card--dark .sf-full-card__content__buttons .button:hover {
    color: #fff
}

.sf-full-card--dark .sf-full-card__content__buttons .button:hover:after {
    background: #fff
}

.sf-full-card--blue .sf-full-card__content__copy__eyebrow {
    color: #1a73e8
}

.sf-full-card--green .sf-full-card__content__copy__eyebrow {
    color: #1e8e3e
}

.sf-full-card--yellow .sf-full-card__content__copy__eyebrow {
    color: #ea8600
}

.sf-full-card--cyan .sf-full-card__content__copy__eyebrow {
    color: #098591
}

.sf-full-card--red .sf-full-card__content__copy__eyebrow {
    color: #b31412
}

.sf-full-card__content {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    align-items: flex-start;
    justify-content: space-between;
    order: 2;
    padding: 24px;
    width: 100%
}

@media (min-width: 600px) {
    .sf-full-card__content {
        order:1;
        min-height: 100%;
        padding: 32px 0 32px 32px;
        width: 50%
    }
}

.sf-full-card__content__copy {
    display: flex;
    flex-direction: column
}

.sf-full-card__content__copy__eyebrow {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #202124;
    text-transform: uppercase
}

.sf-full-card__content__copy__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin: 30px 0 40px
}

@media (min-width: 600px) {
    .sf-full-card__content__copy__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .sf-full-card__content__copy__title {
        font-size:28px;
        line-height: 36px
    }
}

@media (min-width: 1024px) {
    .sf-full-card__content__copy__title {
        font-size:24px;
        line-height: 32px
    }
}

.sf-full-card__image {
    display: block;
    height: 100%;
    order: 1;
    overflow: hidden;
    width: 100%
}

@media (min-width: 1024px) {
    .sf-full-card__image {
        order:2
    }
}

.sf-full-card__image__asset {
    object-fit: cover;
    object-position: center top;
    height: 100%;
    width: 100%
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .sf-full-card__image__asset {
        object-position:right top
    }
}

.sf-full-card__content__copy,.sf-full-card__content__buttons {
    display: flex;
    flex-direction: column
}

.sf-full-card__content__buttons .button {
    font-size: 20px;
    line-height: 28px
}

.sf-full-card__content__buttons .button:hover {
    color: #1a73e8
}

.demo-cards__grid__card {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    box-shadow: 0 12px 34px #20345926;
    position: relative;
    width: 100%;
    transition: all .5s cubic-bezier(.85,0,.15,1);
    margin: 10px 0
}

@media (min-width: 600px) {
    .demo-cards__grid__card {
        max-width:calc(50% - 20px);
        margin: 10px
    }
}

@media (min-width: 1024px) {
    .demo-cards__grid__card {
        max-width:calc(33.3% - 20px);
        --height: auto;
        flex-wrap: wrap
    }
}

.demo-cards__grid__card:focus {
    outline: 1px solid #174ea6
}

.demo-cards__grid__card__wrap {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-wrap: wrap;
    transform: translateZ(0);
    width: 100%
}

.demo-cards__grid__card__dialog {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    overflow: auto;
    padding-top: 60px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

@media (max-width: 1023px) {
    .demo-cards__grid__card__dialog {
        display:none
    }
}

.demo-cards__grid__card__dialog .demo-cards__grid__card--expanded {
    max-width: 858px!important
}

.demo-cards__grid__card__overlay {
    background: #ffffffe6;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.demo-cards__grid__card--expanded {
    height: auto
}

@media (min-width: 600px) {
    .demo-cards__grid__card--expanded {
        max-width:calc(100% - 20px)!important
    }
}

@media (min-width: 1024px) {
    .demo-cards__grid__card--expanded {
        min-height:795px;
        max-width: calc(66% - 20px)!important;
        z-index: 2
    }
}

@media (min-width: 1024px) {
    .demo-cards__grid__card--expanded .demo-cards__grid__card__inner {
        border-radius:0;
        display: flex;
        flex-direction: row
    }
}

.demo-cards__grid__card--expanded .demo-cards__grid__card__image {
    display: none
}

.demo-cards__grid__card--expanded .demo-cards__grid__card__video {
    max-height: 300px
}

@media (min-width: 1024px) {
    .demo-cards__grid__card--expanded .demo-cards__grid__card__video {
        height:300px;
        max-height: 300px
    }
}

.demo-cards__grid__card--expanded .demo-cards__grid__card__bottom {
    height: auto;
    max-height: 1000px
}

.demo-cards__grid__card--expanded .demo-cards__grid__card__inner__title-wrap {
    flex: 1;
    margin-bottom: 24px
}

@media (min-width: 1024px) {
    .demo-cards__grid__card--expanded .demo-cards__grid__card__inner__title-wrap {
        flex:0 0 50%
    }
}

.demo-cards__grid__card--expanded .demo-cards__grid__card__inner {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.demo-cards__grid__card--expanded .demo-cards__grid__card__inner__more {
    height: auto;
    opacity: 1;
    transform: translateZ(0);
    transition: all .35s cubic-bezier(.85,0,.15,1);
    transition-delay: .15s;
    visibility: visible
}

.demo-cards__grid__card--expanded .demo-cards__grid__card__video {
    display: block
}

@media (min-width: 1024px) {
    .demo-cards__grid__card--expanded .demo-cards__grid__card__image__asset {
        opacity:0
    }
}

.demo-cards__grid__card--expanded .demo-cards__grid__card__inner__see,.demo-cards__grid__card--expanded .demo-cards__grid__card__inner__pill {
    opacity: 0;
    pointer-events: none
}

.demo-cards__grid__card--expanded .demo-cards__grid__card__close {
    opacity: 1;
    transition: opacity .35s cubic-bezier(.85,0,.15,1);
    transition-delay: .15s
}

.demo-cards__grid__card__inner {
    display: flex;
    flex-direction: column;
    background-color: #f8f9fa;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    order: 2;
    flex: 1;
    padding: 32px 24px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width: 1024px) {
    .demo-cards__grid__card__inner {
        padding:32px
    }
}

.demo-cards__grid__card__inner--blue .demo-cards__grid__card__inner__eyebrow,.demo-cards__grid__card__inner--blue .demo-cards__grid__card__inner__more__subtitle {
    color: #1a73e8
}

.demo-cards__grid__card__inner--blue .demo-cards__grid__card__inner__more__stats {
    background-color: #e8f0fe
}

.demo-cards__grid__card__inner--green .demo-cards__grid__card__inner__eyebrow,.demo-cards__grid__card__inner--green .demo-cards__grid__card__inner__more__subtitle {
    color: #1e8e3e
}

.demo-cards__grid__card__inner--green .demo-cards__grid__card__inner__more__stats {
    background-color: #e6f4ea
}

.demo-cards__grid__card__inner--yellow .demo-cards__grid__card__inner__eyebrow,.demo-cards__grid__card__inner--yellow .demo-cards__grid__card__inner__more__subtitle {
    color: #ea8600
}

.demo-cards__grid__card__inner--yellow .demo-cards__grid__card__inner__more__stats {
    background-color: #fef7e0
}

.demo-cards__grid__card__inner--cyan .demo-cards__grid__card__inner__eyebrow,.demo-cards__grid__card__inner--cyan .demo-cards__grid__card__inner__more__subtitle {
    color: #098591
}

.demo-cards__grid__card__inner--cyan .demo-cards__grid__card__inner__more__stats {
    background-color: #e4f7fb
}

.demo-cards__grid__card__inner--red .demo-cards__grid__card__inner__eyebrow,.demo-cards__grid__card__inner--red .demo-cards__grid__card__inner__more__subtitle {
    color: #b31412
}

.demo-cards__grid__card__inner--red .demo-cards__grid__card__inner__more__stats {
    background-color: #fce8e6
}

.demo-cards__grid__card__inner__eyebrow {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #202124;
    text-transform: uppercase
}

.demo-cards__grid__card__inner__title {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #202124;
    margin-top: 24px
}

.demo-cards__grid__card__image,.demo-cards__grid__card__video {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    display: block;
    order: 1;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: 1
}

@media (min-width: 1024px) {
    .demo-cards__grid__card__image,.demo-cards__grid__card__video {
        max-height:195px
    }
}

.demo-cards__grid__card__image video,.demo-cards__grid__card__video video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.demo-cards__grid__card__video {
    display: none
}

.demo-cards__grid__card__image__asset {
    transform: scale(1);
    transition: transform .5s cubic-bezier(.85,0,.15,1);
    will-change: transform;
    display: block;
    width: 100%;
    z-index: 0
}

.demo-cards__grid__card__image__asset__expanded,.demo-cards__grid__card__video__asset__expanded {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 0
}

.demo-cards__grid__card:hover .demo-cards__grid__card__image__asset {
    transform: scale(1.1);
    transition: transform .5s cubic-bezier(.85,0,.15,1)
}

.demo-cards__grid__card__inner__controls {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    bottom: 24px;
    left: 0;
    width: 100%;
    gap: 4px 12px;
    padding: 0 24px;
    justify-content: space-between
}

@media (min-width: 1024px) {
    .demo-cards__grid__card__inner__controls {
        bottom:40px;
        padding: 0 32px
    }
}

.demo-cards__grid__card__inner__see {
    bottom: 42px;
    cursor: pointer
}

@media (min-width: 1024px) {
    .demo-cards__grid__card__inner__see {
        left:32px
    }
}

.demo-cards__grid__card__inner__see .button {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #1a73e8;
    font-weight: 400
}

.demo-cards__grid__card__inner__see .button:hover {
    color: #1a73e8
}

.demo-cards__grid__card__inner__see .button span {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit
}

.demo-cards__grid__card__inner__pill {
    color: #202124;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    bottom: 44px;
    cursor: pointer;
    padding: 2px 10px;
    color: #5f6368;
    background: #f1f3f4;
    border-radius: 20px;
    pointer-events: none
}

.demo-cards__grid__card__close {
    -webkit-appearance: none;
    background: transparent;
    border: none;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate3d(24px,-24px,0);
    z-index: 1
}

.demo-cards__grid__card__close svg {
    height: 72px;
    pointer-events: none;
    width: 72px
}

.demo-cards__grid__card__close--modal {
    z-index: 6
}

.demo-cards__grid__card__inner__title-wrap {
    display: flex;
    flex-direction: column;
    flex: 0 0 100%
}

@media (min-width: 1024px) {
    .demo-cards__grid__card__inner__title-wrap {
        padding-right:24px
    }
}

.demo-cards__grid__card__inner__more {
    display: flex;
    flex-direction: column;
    height: 80px;
    opacity: 0;
    transform: translate3d(0,30px,0);
    visibility: hidden;
    width: 100%
}

@media (min-width: 1024px) {
    .demo-cards__grid__card__inner__more {
        padding-top:30px
    }
}

.demo-cards__grid__card__inner__more__subtitle {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 24px
}

.demo-cards__grid__card__inner__more__copy {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    color: #202124;
    margin: 0 0 24px
}

.demo-cards__grid__card__inner__more__copy ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0
}

.demo-cards__grid__card__inner__more__buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.demo-cards__grid__card__inner__more__buttons .button:not(:last-child) {
    margin-bottom: 20px
}

@media (min-width: 600px) {
    .demo-cards__grid__card__inner__more__buttons {
        display:flex;
        flex-direction: row
    }

    .demo-cards__grid__card__inner__more__buttons .button:not(:last-child) {
        margin-bottom: 0
    }

    .demo-cards__grid__card__inner__more__buttons .button:not(:first-child) {
        margin-right: 40px
    }
}

.demo-cards__grid__card__inner__more__buttons a>* {
    pointer-events: none
}

.demo-cards__grid__card__inner__more__disclaimer {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    color: #202124;
    margin: 24px 0
}

.demo-cards__grid__card__bottom {
    background-color: #fff;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    height: 0;
    order: 3;
    overflow: hidden;
    width: 100%
}

.demo-cards__grid__card__bottom__inner {
    display: flex;
    flex-direction: column;
    padding: 32px 32px 16px
}

@media (min-width: 1024px) {
    .demo-cards__grid__card__bottom__inner {
        display:flex;
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap
    }
}

.demo-cards__grid__card__bottom__inner__row {
    display: flex;
    flex-direction: column;
    flex: 1
}

@media (min-width: 1024px) {
    .demo-cards__grid__card__bottom__inner__row {
        align-items:center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }
}

.demo-cards__grid__card__bottom__inner__label {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #80868b;
    margin-bottom: 16px
}

@media (min-width: 1024px) {
    .demo-cards__grid__card__bottom__inner__label {
        margin-top:7px;
        margin-right: 36px
    }
}

.demo-cards__grid__card__inner__more__stats {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    color: #202124;
    margin-bottom: 24px;
    padding: 20px;
    display: flex;
    flex-direction: row
}

.demo-cards__grid__card__inner__more__stats .stat-figure {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal
}

@media (min-width: 600px) {
    .demo-cards__grid__card__inner__more__stats .stat-figure {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .demo-cards__grid__card__inner__more__stats .stat-figure {
        font-size:36px;
        line-height: 44px
    }
}

.demo-cards__grid__card__inner__more__stats__stat {
    display: flex;
    flex-direction: column
}

.demo-cards__grid__card__inner__more__stats__stat:not(:last-child) {
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .demo-cards__grid__card__inner__more__stats__stat:not(:last-child) {
        margin-bottom:0;
        margin-right: 20px
    }
}

.figure,.video,.pullquote,.code-block,.media-carousel,.block-iframe {
    margin: 48px 0
}

.figure {
    line-height: 0
}

.figure figcaption,.figure figcaption p {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043;
    margin-top: 16px;
    margin-bottom: 0;
    color: #5f6368
}

.video {
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.video .video__iframe {
    aspect-ratio: 640/360;
    width: 100%;
    height: auto
}

.video .video__caption p {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043;
    margin: 0 auto;
    color: #5f6368
}

.code-block {
    position: relative
}

.code-block.--copied .code-block__alert {
    opacity: 1;
    transform: scale(1)
}

.code-block pre {
    display: block;
    padding: 20px 24px;
    border: 1px solid #f1f3f4;
    border-radius: 16px;
    background: #f8f9fa;
    font-size: 16px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-wrap: break-word
}

.code-block .code-block__caption p {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    color: #3c4043
}

.code-block__copy {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: block;
    padding: 4px 14px;
    border-radius: 8px;
    border: 1px solid #dadce0;
    background: #fff;
    cursor: pointer
}

.code-block__copy:hover {
    background: #f8f9fa
}

.code-block__copy svg {
    display: block;
    width: 16px;
    height: auto
}

.code-block__copy svg path {
    fill: #1a73e8
}

.code-block__alert {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    color: #3c4043;
    position: fixed;
    left: 24px;
    bottom: 24px;
    z-index: 1;
    padding: 8px 16px;
    min-width: 240px;
    color: #fff;
    background: #202124;
    border-radius: 4px;
    box-shadow: 0 2px 8px #00000040;
    opacity: 0;
    transform: scale(.8);
    transition: all .3s
}

@media (min-width: 1024px) {
    .pullquote {
        padding-left:24px
    }
}

.pullquote__quote {
    --quote-font-size: inherit;
    --quote-line-height: inherit;
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    position: relative;
    text-align: center
}

@media (min-width: 600px) {
    .pullquote__quote {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .pullquote__quote {
        font-size:28px;
        line-height: 36px
    }
}

.pullquote__quote:before,.pullquote__quote:after {
    font-size: var(--quote-font-size);
    line-height: var(--quote-line-height);
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif
}

.pullquote__quote:before {
    content: open-quote
}

.pullquote__quote:after {
    content: close-quote
}

.pullquote__quote:lang(it),.pullquote__quote:lang(fr) {
    quotes: "\201c" "\201d" "\2018" "\2019"
}

.pullquote__quote:lang(ru),.pullquote__quote:lang(pt-BR) {
    quotes: '"' '"' "'" "'"
}

.pullquote__quote:lang(ru):before,.pullquote__quote:lang(pt-BR):before {
    margin-right: -5px
}

.pullquote__quote:lang(ru):after,.pullquote__quote:lang(pt-BR):after {
    margin-left: -5px
}

.pullquote__quote:lang(ja) {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px
}

.pullquote__quote:lang(ja):before {
    display: none
}

.pullquote__quote:lang(ja):after {
    display: none
}

@media (min-width: 1024px) {
    .pullquote__quote {
        --quote-font-size: 70px;
        --quote-line-height: 58px;
        text-align: left
    }

    .pullquote__quote:before {
        position: absolute;
        top: 5px;
        left: -32px
    }

    .pullquote__quote:after {
        position: absolute;
        bottom: -25px
    }
}

.pullquote__author,.pullquote__role {
    display: block
}

.pullquote__author {
    margin-top: 30px;
    font-size: 16px;
    line-height: 18.75px;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    font-weight: 600
}

.pullquote__role {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043;
    margin-top: 12px
}

.media-carousel {
    position: relative;
    margin-bottom: 24px
}

@media (max-width: 599px) {
    .media-carousel {
        width:calc(100% + min(5vw,72px)*2);
        margin-left: calc(min(5vw,72px)*-1)
    }
}

.media-carousel__slides {
    display: flex;
    width: 100%;
    overflow: visible;
    overflow-scrolling: touch;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-stop:always;scrollbar-width: none;
    will-change: scroll-position;
    align-items: flex-start
}

@media (pointer: coarse) {
    .swiping .media-carousel__slides {
        scroll-snap-type:x mandatory
    }
}

.media-carousel__slides::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    background: transparent
}

.media-carousel__slides__slide {
    box-sizing: border-box;
    scroll-snap-align: center;
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 599px) {
    .media-carousel__slides__slide {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .media-carousel__slides__slide {
        padding:0 80px
    }
}

@media (min-width: 1024px) {
    .media-carousel__slides__slide {
        padding:0 64px
    }
}

.media-carousel img {
    margin: 0 auto 24px;
    box-shadow: none!important
}

.media-carousel__controls {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 3
}

@media (min-width: 600px) and (max-width: 1023px) {
    .media-carousel__controls {
        width:calc(100% + min(5vw,72px))
    }
}

@media (min-width: 1440px) {
    .media-carousel__controls {
        width:90%;
        height: 100%
    }
}

.media-carousel {
    margin-bottom: 100px
}

.media-carousel figure {
    margin: 0
}

.media-carousel .carousel__controls__dots {
    --dots-foreground-color: #202124;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%);
    position: absolute;
    bottom: -40px;
    left: 50%;
    pointer-events: all
}

.media-carousel .carousel__controls__dots .carousel__controls__dots__dot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.media-carousel .carousel__controls__dots .carousel__controls__dots__dot:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid var(--dots-foreground-color);
    transition: border .3s ease,background .3s ease
}

.media-carousel .carousel__controls__dots .carousel__controls__dots__dot--active:before {
    content: "";
    display: block;
    background: var(--dots-foreground-color)
}

.media-carousel .carousel__controls__arrows {
    --dots-foreground-color: #202124;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 30px
}

.media-carousel .carousel__controls__arrows .carousel__controls__arrows__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -webkit-appearance: none;
    background: #fff9;
    border: 0;
    border-radius: 100%;
    cursor: pointer;
    transition: background .3s ease;
    user-select: none
}

@media (min-width: 1024px) {
    .media-carousel .carousel__controls__arrows .carousel__controls__arrows__arrow {
        width:64px;
        height: 64px
    }
}

.media-carousel .carousel__controls__arrows .carousel__controls__arrows__arrow:hover {
    background: #fff
}

.media-carousel .carousel__controls__arrows .carousel__controls__arrows__arrow:focus {
    background: #fff;
    box-shadow: 0 0 0 1px #1a73e8;
    outline: 1px solid #1a73e8
}

.media-carousel .carousel__controls__arrows .carousel__controls__arrows__arrow+.media-carousel .carousel__controls__arrows .carousel__controls__arrows__arrow {
    margin-left: 4px
}

.media-carousel .carousel__controls__arrows .carousel__controls__arrows__arrow--left svg {
    transform: scale(-1)
}

.media-carousel .carousel__controls__arrows .carousel__controls__arrows__arrow svg {
    height: 22px;
    width: 22px;
    pointer-events: none
}

@media (min-width: 1024px) {
    .media-carousel .carousel__controls__arrows .carousel__controls__arrows__arrow svg {
        height:36px;
        width: 36px
    }
}

@media (min-width: 1440px) {
    .media-carousel .carousel__controls__arrows .carousel__controls__arrows__arrow svg {
        height:64px;
        width: 64px
    }
}

.media-carousel .carousel__controls__arrows__arrow {
    position: absolute;
    transform: translateY(-50%);
    height: 40px!important;
    width: 40px!important;
    pointer-events: all;
    top: 40%;
    z-index: 3
}

@media (min-width: 600px) {
    .media-carousel .carousel__controls__arrows__arrow {
        top:50%;
        height: 64px!important;
        width: 64px!important
    }
}

.media-carousel .carousel__controls__arrows__arrow svg {
    height: 40px!important;
    width: 40px!important
}

@media (min-width: 600px) {
    .media-carousel .carousel__controls__arrows__arrow svg {
        height:64px!important;
        width: 64px!important
    }
}

.media-carousel .carousel__controls__arrows__arrow--left {
    left: 8px
}

@media (min-width: 1024px) {
    .media-carousel .carousel__controls__arrows__arrow--left {
        left:-80px
    }
}

.media-carousel .carousel__controls__arrows__arrow--right {
    right: 8px
}

@media (min-width: 1024px) {
    .media-carousel .carousel__controls__arrows__arrow--right {
        right:-80px
    }
}

.block-iframe {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0
}

.block-iframe .block-iframe__iframe {
    max-width: 100%;
    width: 100%;
    aspect-ratio: var(--iframe-width)/var(--iframe-height);
    border: 0;
    padding: 0;
    margin: 0 auto
}

.block-iframe .block-iframe__caption p {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043;
    margin: 0 auto;
    color: #5f6368
}

.block-iframe .block-iframe__caption--interactive-map {
    background: #e8f0fe;
    border-radius: 24px;
    padding: 17px;
    display: grid;
    gap: 16px;
    grid-template-columns: 32px auto;
    align-items: center
}

@media (min-width: 600px) {
    .block-iframe .block-iframe__caption--interactive-map {
        grid-template-columns:40px auto
    }
}

.block-iframe .block-iframe__caption--interactive-map p {
    color: #164ea6
}

.block-iframe .block-iframe__caption--interactive-map img {
    max-width: 100%;
    width: 100%
}

@media (max-width: 599px) {
    .block-iframe .desktop-only {
        display:none
    }
}

@media (min-width: 600px) {
    .block-iframe .mobile-only {
        display:none
    }
}

:root {
    --breakpoint-tablet: 600px;
    --breakpoint-laptop: 1024px;
    --breakpoint-desktop: 1440px
}

html,body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    margin: 0;
    padding: 0;
    scroll-padding-top: var(--header-height);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width: 1024px) {
    html,body {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 18px;
        line-height: 28px;
        color: #3c4043
    }
}

html *,body * {
    box-sizing: border-box
}

html *:focus,body *:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #1a73e8
}

html *:focus:not(:focus-visible),body *:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none
}

.skip-to-content {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .1px;
    line-height: 24px;
    appearance: none;
    color: #174ea6;
    background: linear-gradient(0deg,#1a73e81f,#1a73e81f),#fff;
    border: 2px solid #1a73e8;
    border-radius: 4px;
    box-shadow: none!important;
    outline: none;
    position: absolute;
    padding: 12px 24px;
    top: 125px;
    left: 28px;
    opacity: 0
}

.skip-to-content:focus {
    opacity: 1
}

.js-focus-visible *:focus:not(.focus-visible) {
    box-shadow: none
}

.help {
    background: #000;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    padding: 4px 8px;
    position: absolute
}

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

degu-image {
    display: inline-block;
    line-height: 0;
    width: 100%
}

[role=heading] {
    color: #202124
}

a {
    color: #1a73e8;
    font-weight: 500;
    text-decoration: none;
    transition: color .3s ease
}

a:hover {
    color: #185abc
}

sup {
    vertical-align: top;
    font-size: .8em;
    position: relative;
    top: -.3em
}

summary {
    display: block;
    list-style: none
}

.main {
    position: relative
}

.breadcrumb-schema {
    display: none
}

@media print {
    body {
        max-width: 100%!important;
        zoom:90%}

    @page {
        size: portrait
    }
}

.nowrap {
    white-space: nowrap
}

@media (max-width: 1023px) {
    .laptop-desktop-only {
        display:none!important
    }
}

@media (min-width: 1024px) {
    .mobile-tablet-only {
        display:none!important
    }
}

@media (max-width: 599px) {
    .tablet-gt-only {
        display:none!important
    }
}

@media (min-width: 1024px) {
    .tablet-only {
        display:none!important
    }
}

@media (max-width: 599px) {
    .tablet-only {
        display:none!important
    }
}

@media (min-width: 600px) {
    .mobile-only {
        display:none!important
    }
}

.no-scroll {
    overflow: hidden
}

.only-screenreaders {
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.banner {
    background: #1a73e8;
    display: none;
    position: sticky;
    top: 129px;
    transition: all .3s cubic-bezier(.65,0,.35,1);
    z-index: 30
}

@media (min-width: 1303px) {
    .banner {
        top:65px
    }
}

@media (min-width: 1303px) {
    html[lang=es] .banner,html[lang=es-419] .banner,html[lang=fr] .banner,html[lang=it] .banner,html[lang=ja] .banner,html[lang=ru] .banner,html[lang=pt-BR] .banner {
        top:129px
    }
}

@media (max-width: 767px) {
    .banner {
        top:65px
    }
}

@media (max-width: 1023px) {
    .banner--below-fold {
        top:65px
    }
}

.banner--show {
    display: block
}

.banner--scroll-down {
    transform: translate3d(0,-200px,0)
}

.banner--scroll-up {
    transform: translateZ(0)
}

.banner--red-50 {
    background: #fce8e6
}

.banner--yellow-50 {
    background: #fef7e0
}

.banner__content {
    margin: 0 auto
}

@media (max-width: 599px) {
    .banner__content {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .banner__content {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .banner__content {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .banner__content {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .banner__content {
        padding:0 40px
    }
}

.banner__body {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .1px;
    line-height: 24px;
    color: #fff;
    padding: 20px 0;
    text-align: center
}

.banner__body a {
    color: #fff;
    text-decoration: underline
}

@media (max-width: 599px) {
    .banner__body a {
        display:inline-block
    }
}

.banner__close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    cursor: pointer;
    outline: 0;
    right: 24px
}

@media (max-width: 599px) {
    .banner__close {
        right:12px
    }
}

.banner__close svg {
    height: 18px;
    width: 18px
}

.banner__close svg rect {
    fill: #202124
}

.banner [if-navigator-language] {
    display: none
}

.blog-cards {
    position: relative;
    z-index: 1;
    margin-top: 48px
}

@media (min-width: 1024px) {
    .blog-cards {
        margin-top:80px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .blog-cards__container {
        max-width:none
    }
}

.blog-cards__cards,.blog-cards__featured {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    align-items: center
}

@media (max-width: 599px) {
    .blog-cards__cards,.blog-cards__featured {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .blog-cards__cards,.blog-cards__featured {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .blog-cards__cards,.blog-cards__featured {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .blog-cards__cards,.blog-cards__featured {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .blog-cards__cards,.blog-cards__featured {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .blog-cards__cards,.blog-cards__featured {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .blog-cards__cards,.blog-cards__featured {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .blog-cards__cards,.blog-cards__featured {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .blog-cards__cards,.blog-cards__featured {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .blog-cards__cards,.blog-cards__featured {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .blog-cards__cards,.blog-cards__featured {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .blog-cards__cards,.blog-cards__featured {
        grid-template-columns:repeat(12,1fr)
    }
}

.blog-cards__featured__chapter {
    grid-column: 1/-1
}

@media (min-width: 1024px) {
    .blog-cards__featured__chapter {
        grid-column:1/6
    }
}

@media (min-width: 1440px) {
    .blog-cards__featured__chapter {
        grid-column:2/6
    }
}

.blog-cards__featured__image {
    display: block;
    grid-column: 1/-1;
    border-radius: 24px;
    box-shadow: 0 12px 34px #20345926;
    line-height: 0
}

@media (max-width: 1023px) {
    .blog-cards__featured__image {
        grid-row-start:1;
        margin-bottom: 40px
    }
}

@media (min-width: 1024px) {
    .blog-cards__featured__image {
        grid-column:6/13
    }
}

.blog-cards__featured__image degu-image,.blog-cards__featured__image img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 24px;
    aspect-ratio: 320/181!important
}

@media (min-width: 1024px) {
    .blog-cards__featured__image degu-image,.blog-cards__featured__image img {
        aspect-ratio:728/432!important
    }
}

.blog-cards__featured__chapter__eyebrow {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .5px;
    margin-bottom: 8px;
    color: #5f6368
}

.blog-cards__featured__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal
}

@media (min-width: 600px) {
    .blog-cards__featured__chapter__title {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .blog-cards__featured__chapter__title {
        font-size:36px;
        line-height: 44px
    }
}

.blog-cards__featured__chapter__button {
    margin-top: 20px
}

.blog-cards__cards {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 20px;
    margin-top: 40px
}

@media (min-width: 600px) and (max-width: 1023px) {
    .blog-cards__cards {
        max-width:none;
        flex-wrap: wrap
    }
}

@media (min-width: 600px) {
    .blog-cards__cards {
        flex-direction:row;
        margin-top: 60px;
        justify-content: center
    }
}

.blog-cards__cards__card {
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    flex: 1;
    min-height: 100%;
    border-radius: 24px;
    box-shadow: 0 12px 34px #20345926
}

@media (min-width: 600px) and (max-width: 1023px) {
    .blog-cards__cards__card {
        max-width:calc(50% - 20px)
    }
}

.blog-cards__cards__card:focus {
    outline: 1px solid #174ea6
}

.blog-cards__cards__card__chapter {
    display: flex;
    flex-direction: column;
    padding: 32px;
    flex: 1
}

.blog-cards__cards__card__chapter__eyebrow {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .5px;
    margin-bottom: 24px;
    color: #5f6368
}

.blog-cards__cards__card__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 24px
}

.blog-cards__cards__card__chapter__button {
    margin-top: auto
}

.blog-cards__cards__card__image degu-image,.blog-cards__cards__card__image img {
    display: block;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    object-fit: cover;
    aspect-ratio: 319/173;
    width: 100%
}

@media (min-width: 600px) {
    .blog-cards__cards__card__image degu-image,.blog-cards__cards__card__image img {
        aspect-ratio:364/200
    }
}

@media (min-width: 1024px) {
    .blog-cards__cards__card__image degu-image,.blog-cards__cards__card__image img {
        aspect-ratio:420/200
    }
}

.blog-listing {
    position: relative;
    z-index: 1;
    padding-top: 48px
}

@media (min-width: 1024px) {
    .blog-listing {
        padding-top:100px
    }
}

.blog-listing__container {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap)
}

@media (max-width: 599px) {
    .blog-listing__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .blog-listing__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .blog-listing__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .blog-listing__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .blog-listing__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .blog-listing__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .blog-listing__container {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .blog-listing__container {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .blog-listing__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .blog-listing__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .blog-listing__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .blog-listing__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .blog-listing__container {
        max-width:none
    }
}

.blog-listing__controls {
    grid-column: 1/-1;
    margin-bottom: 36px;
    z-index: 1
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .blog-listing__controls {
        gap:8px
    }
}

@media (min-width: 1024px) {
    .blog-listing__controls {
        display:flex;
        align-items: center;
        justify-content: space-between;
        grid-column: 2/-2
    }
}

.blog-listing__controls__title {
    position: relative;
    text-wrap: balance;
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px
}

@media (min-width: 600px) {
    .blog-listing__controls__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .blog-listing__controls__title {
        font-size:48px;
        line-height: 56px
    }
}

@media (max-width: 1023px) {
    .blog-listing__controls__title {
        margin-bottom:16px
    }
}

.blog-listing__controls__title__rss {
    margin-left: 8px;
    transform: translateY(-4px)
}

.blog-listing__controls__filters {
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative
}

@media (min-width: 1024px) {
    .blog-listing__controls__filters {
        flex-direction:row;
        align-items: center
    }
}

.blog-listing__controls__filters__wrap {
    display: inline-flex
}

.blog-listing__controls__filters__filter--tags {
    z-index: 1;
    width: 100%;
    --dropdown-max-width: 360px
}

@media (min-width: 600px) {
    .blog-listing__controls__filters__filter--tags {
        --dropdown-min-width: 240px
    }
}

@media (min-width: 1440px) {
    .blog-listing__controls__filters__filter--tags {
        --dropdown-min-width: 360px
    }
}

.blog-listing__controls__filters__filter--tags .dropdown__menu {
    overflow-x: hidden!important;
    border-radius: 10px;
    width: 100%
}

.blog-listing__controls__filters__filter--years {
    min-width: 285px;
    z-index: 0
}

@media (max-width: 599px) {
    .blog-listing__controls__filters__filter--years li {
        padding-left:24px
    }

    .blog-listing__controls__filters__filter--years .sf-select__selected {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.blog-listing__tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    grid-column: 1/-1;
    gap: 16px;
    margin-bottom: 40px
}

@media (min-width: 1024px) {
    .blog-listing__tags {
        grid-column:2/-2;
        flex-wrap: wrap
    }
}

.blog-listing__tags__tag {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    display: inline-flex;
    display: none;
    align-items: center;
    gap: 4px;
    padding: 4px 12px 4px 8px;
    border: 1px solid #1a73e8;
    color: #1a73e8;
    cursor: pointer;
    border-radius: 999px;
    background: transparent;
    transition: all .2s
}

.blog-listing__tags__tag:hover {
    background: #e8f0fe
}

.blog-listing__tags__tag:active {
    background: #d2e3fc
}

.blog-listing__tags__tag.--selected {
    display: inline-flex
}

.blog-listing__tags__clear {
    display: none
}

.blog-listing__tags__clear.--visible {
    display: block
}

.blog-listing__posts {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #dadce0;
    grid-column: 1/-1
}

@media (min-width: 1024px) {
    .blog-listing__posts {
        grid-column:2/-2
    }
}

.blog-listing__posts__post {
    display: flex;
    flex-direction: column-reverse;
    gap: 24px;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px 0;
    border-bottom: 1px solid #dadce0
}

@media (max-width: 599px) {
    .blog-listing__posts__post {
        display:grid;
        grid-template-columns: repeat(4,1fr);
        gap: var(--grid-column-gap)
    }
}

@media (min-width: 600px) {
    .blog-listing__posts__post {
        display:grid;
        grid-template-columns: 1fr 176px;
        grid-template-areas: "content image";
        gap: 48px
    }
}

.blog-listing__posts__post.--hidden,.blog-listing__posts__post.--filtered-tags,.blog-listing__posts__post.--filtered-year {
    display: none
}

@media (max-width: 599px) {
    .blog-listing__posts__post__chapter {
        grid-column:1/-1
    }
}

.blog-listing__posts__post__chapter__eyebrow {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .5px;
    margin-bottom: 8px;
    color: #5f6368
}

.blog-listing__posts__post__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px
}

@media (min-width: 600px) {
    .blog-listing__posts__post__chapter__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .blog-listing__posts__post__chapter__title {
        font-size:28px;
        line-height: 36px
    }
}

.blog-listing__posts__post__image {
    display: block;
    border-radius: 16px;
    line-height: 0
}

@media (max-width: 599px) {
    .blog-listing__posts__post__image {
        grid-row-start:1;
        grid-column: 1/-2
    }
}

.blog-listing__posts__post__image img {
    border: 1px solid #dadce0;
    display: block;
    width: 100%;
    aspect-ratio: 233/131;
    object-fit: cover;
    border-radius: 16px
}

@media (min-width: 1024px) {
    .blog-listing__posts__post__image img {
        aspect-ratio:176/100
    }
}

.blog-listing__buttons {
    margin-top: 60px;
    grid-column: 1/-1
}

.blog-listing__buttons__button,.blog-listing__buttons__button [icon] {
    display: flex;
    align-items: center;
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    width: fit-content;
    margin: 0 auto;
    color: #1967d2;
    cursor: pointer;
    border: none
}

@media (min-width: 600px) {
    .blog-listing__buttons__button,.blog-listing__buttons__button [icon] {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .blog-listing__buttons__button,.blog-listing__buttons__button [icon] {
        font-size:28px;
        line-height: 36px
    }
}

.blog-listing__buttons__button span:after,.blog-listing__buttons__button [icon] span:after {
    right: -38px
}

@media (min-width: 1024px) {
    .blog-listing__buttons__button span:after,.blog-listing__buttons__button [icon] span:after {
        right:-47.5px
    }
}

.blog-listing__buttons__button.--hidden {
    display: none
}

.blog-post {
    position: relative
}

.blog-post__container {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    position: relative
}

@media (max-width: 599px) {
    .blog-post__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .blog-post__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .blog-post__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .blog-post__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .blog-post__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .blog-post__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .blog-post__container {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .blog-post__container {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .blog-post__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .blog-post__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .blog-post__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .blog-post__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .blog-post__container {
        max-width:none
    }
}

.blog-post__chapter {
    display: flex;
    flex-direction: column;
    grid-column: 1/-1;
    gap: 24px
}

@media (min-width: 1024px) {
    .blog-post__chapter {
        grid-column:2/-2
    }
}

.blog-post__chapter__eyebrow {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .5px;
    color: #5f6368
}

.blog-post__chapter__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    position: relative
}

@media (min-width: 600px) {
    .blog-post__chapter__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .blog-post__chapter__title {
        font-size:48px;
        line-height: 56px
    }
}

@media (min-width: 1440px) {
    .blog-post__chapter__title {
        padding-right:80px
    }
}

.blog-post__image {
    grid-column: 1/-1;
    position: relative;
    margin-top: 48px;
    line-height: 0;
    border-radius: 24px;
    box-shadow: 0 12px 34px #20345926
}

@media (min-width: 1024px) {
    .blog-post__image {
        grid-column:2/-2;
        margin-top: 60px
    }
}

.blog-post__image img {
    display: block;
    width: 100%;
    border-radius: 24px
}

.blog-post__aside {
    grid-column: 1/-1;
    margin-top: 60px
}

@media (min-width: 600px) and (max-width: 1023px) {
    .blog-post__aside {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        gap: 24px;
        margin-bottom: 48px
    }
}

@media (min-width: 1024px) {
    .blog-post__aside {
        grid-column-start:2;
        grid-column-end: span 3;
        margin-top: 80px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .blog-post__aside__meta {
        max-width:272px;
        grid-column: 1/2;
        grid-row: 1/1
    }
}

.blog-post__aside__author {
    margin-bottom: 16px
}

.blog-post__aside__author__name {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .1px;
    color: #202124
}

.blog-post__aside__author__role {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043
}

.blog-post__aside__published-date {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    color: #3c4043;
    color: #5f6368
}

.blog-post__aside__callout__wrap {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    margin-bottom: 48px
}

@media (min-width: 600px) and (max-width: 1023px) {
    .blog-post__aside__callout__wrap {
        margin:0 0 0 auto;
        grid-row: 1/3
    }
}

@media (min-width: 1024px) {
    .blog-post__aside__callout__wrap {
        margin-top:120px;
        margin-bottom: 0
    }
}

.blog-post__aside__callout {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border-radius: 24px;
    background: #e8f0fe
}

@media (min-width: 600px) and (max-width: 1023px) {
    .blog-post__aside__callout {
        max-width:360px
    }
}

.blog-post__aside__callout__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px
}

.blog-post__aside__callout__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043
}

.blog-post__content {
    position: relative;
    grid-column: 1/-1;
    margin-bottom: 24px
}

@media (min-width: 1024px) {
    .blog-post__content {
        grid-column-start:5;
        grid-column-end: span 7;
        margin-top: 80px
    }
}

.blog-post__content__body h2,.blog-post__content__body h3,.blog-post__content__body h4 {
    margin-bottom: 24px
}

.blog-post__content__body h2 {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px
}

@media (min-width: 600px) {
    .blog-post__content__body h2 {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .blog-post__content__body h2 {
        font-size:48px;
        line-height: 56px
    }
}

.blog-post__content__body h3 {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal
}

@media (min-width: 600px) {
    .blog-post__content__body h3 {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .blog-post__content__body h3 {
        font-size:36px;
        line-height: 44px
    }
}

.blog-post__content__body h4 {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px
}

@media (min-width: 600px) {
    .blog-post__content__body h4 {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .blog-post__content__body h4 {
        font-size:28px;
        line-height: 36px
    }
}

.blog-post__content__body ul,.blog-post__content__body ol {
    padding-left: 17px;
    margin-bottom: 24px
}

.blog-post__content__body ul p:last-child,.blog-post__content__body ol p:last-child {
    margin: 0
}

.blog-post__content__body ul {
    list-style: disc
}

.blog-post__content__body li+li {
    margin-top: 4px
}

.blog-post__content__body p {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    margin-top: 0;
    margin-bottom: 24px;
    color: #5f6368
}

.blog-post__content__body p>sub {
    color: #3c4043
}

.blog-post__content__body p>sub~a {
    vertical-align: sub
}

.blog-post__content__body p>sub~a>sub {
    vertical-align: initial
}

.blog-post__content__body a {
    text-decoration: underline;
    font-weight: 400;
    color: #1a73e8
}

.blog-post__content__body img,.blog-post__content__body degu-image {
    max-height: 600px
}

.blog-post__content__body img {
    display: block;
    border-radius: 24px;
    box-shadow: 0 12px 34px #20345926;
    max-height: 600px;
    width: auto
}

.blog-post__content__tags {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 16px
}

.blog-post__body__tags__tag {
    color: #0065f2;
    margin-left: 0!important
}

@media (min-width: 1024px) {
    .blog-post__social {
        position:absolute;
        top: 0;
        right: 64px;
        height: 100%;
        padding-top: 190px
    }
}

@media (min-width: 1024px) {
    .blog-post__social--hero {
        padding-top:120px
    }
}

.blog-post__social--mobile {
    margin-top: 40px
}

@media (min-width: 1024px) {
    .blog-post__social--mobile {
        display:none
    }
}

@media (max-width: 1023px) {
    .blog-post__social--desktop {
        display:none
    }
}

.blog-post__social__sticky {
    position: sticky;
    top: calc(var(--header-height) + 128px);
    display: inline-flex;
    gap: 24px
}

@media (min-width: 1024px) {
    .blog-post__social__sticky {
        flex-direction:column;
        justify-content: center;
        align-items: center
    }
}

.blog-post__social__sticky button,.blog-post__social__sticky a {
    margin: 0 auto!important;
    padding: 0!important
}

.buttons {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap)
}

@media (max-width: 599px) {
    .buttons {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .buttons {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .buttons {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .buttons {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .buttons {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .buttons {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .buttons {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .buttons {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .buttons {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .buttons {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .buttons {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .buttons {
        grid-template-columns:repeat(12,1fr)
    }
}

.buttons__items {
    grid-column: 1/-1
}

.buttons__items__item {
    --item-background: #fff;
    background: var(--item-background);
    padding: 10px
}

.buttons__items__item--dark {
    --item-background: #202124
}

.buttons__items__item.header__nav__item {
    display: block;
    margin: 0;
    height: auto
}

.buttons__items__item .button--badge {
    padding: 3.5px 16px
}

@media (min-width: 1024px) {
    .contact--centered .contact__form {
        grid-column-start:4;
        grid-column-end: span 6
    }
}

.contact__container {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    position: relative
}

@media (max-width: 599px) {
    .contact__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .contact__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .contact__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .contact__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .contact__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .contact__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .contact__container {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .contact__container {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .contact__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .contact__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .contact__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .contact__container {
        grid-template-columns:repeat(12,1fr)
    }
}

.contact__form {
    grid-column: 1/-1;
    margin-top: -300px
}

@media (min-width: 1024px) {
    .contact__form {
        grid-column-start:1;
        grid-column-end: span 6
    }
}

.contact__form__content {
    background-color: #fff;
    box-shadow: 0 2px 12px #0000001f;
    padding: 32px;
    border-radius: 32px
}

@media (min-width: 1024px) {
    .contact__form__content {
        padding:60px 40px
    }
}

.contact__aside {
    grid-column: 1/-1
}

@media (min-width: 1024px) {
    .contact__aside {
        grid-column-start:7;
        grid-column-end: span 6;
        margin-top: -60px
    }
}

.contact__aside h2,.contact__aside h3,.contact__aside h4 {
    margin-bottom: 24px
}

.contact__aside h2 {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px
}

@media (min-width: 600px) {
    .contact__aside h2 {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .contact__aside h2 {
        font-size:48px;
        line-height: 56px
    }
}

.contact__aside h3 {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal
}

@media (min-width: 600px) {
    .contact__aside h3 {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .contact__aside h3 {
        font-size:36px;
        line-height: 44px
    }
}

.contact__aside h4 {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px
}

@media (min-width: 600px) {
    .contact__aside h4 {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .contact__aside h4 {
        font-size:28px;
        line-height: 36px
    }
}

.contact__aside h5,.contact__aside h5 b {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px
}

.contact__aside h6,.contact__aside h6 b {
    color: #202124;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.contact__aside h6 {
    margin-bottom: 12px
}

.contact__aside p {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    margin-top: 0;
    margin-bottom: 24px
}

.cta {
    padding: 60px 0;
    display: flex;
    text-align: center
}

@media (min-width: 1024px) {
    .cta {
        padding:100px 0
    }
}

.cta__container {
    margin: 0 auto
}

@media (max-width: 599px) {
    .cta__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .cta__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .cta__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .cta__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

.cta__chapter__icon {
    margin-bottom: 24px
}

.cta__chapter__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 24px
}

@media (min-width: 600px) {
    .cta__chapter__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .cta__chapter__title {
        font-size:48px;
        line-height: 56px
    }
}

.cta__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043
}

@media (min-width: 1024px) {
    .cta__chapter__body {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 18px;
        line-height: 28px;
        color: #3c4043
    }
}

.cta__chapter__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px
}

.cta__chapter__button+.cta__chapter__button {
    margin-left: 10px
}

.ctas {
    overflow: hidden;
    text-align: center
}

.ctas__cta__container {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap)
}

@media (max-width: 599px) {
    .ctas__cta__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .ctas__cta__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .ctas__cta__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .ctas__cta__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .ctas__cta__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .ctas__cta__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .ctas__cta__container {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .ctas__cta__container {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .ctas__cta__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .ctas__cta__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .ctas__cta__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .ctas__cta__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (max-width: 1023px) {
    .ctas__cta__chapter {
        grid-column-start:1;
        grid-column-end: span 4
    }
}

@media (min-width: 1024px) {
    .ctas__cta__chapter {
        grid-column-start:1;
        grid-column-end: span 12
    }
}

.ctas__cta__chapter__icon {
    line-height: 0
}

@media (max-width: 1023px) {
    .ctas__cta__chapter__icon+.ctas__cta__chapter__title {
        margin-top:24px
    }
}

@media (min-width: 1024px) {
    .ctas__cta__chapter__icon+.ctas__cta__chapter__title {
        margin-top:36px
    }
}

@media (max-width: 1023px) {
    .ctas__cta__chapter__icon svg {
        width:167px
    }
}

@media (max-width: 1023px) {
    .ctas__cta__chapter__title {
        color:#202124;
        font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 28px;
        line-height: 36px
    }
}

@media (max-width: 1023px) and (min-width: 600px) {
    .ctas__cta__chapter__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (max-width: 1023px) and (min-width: 1024px) {
    .ctas__cta__chapter__title {
        font-size:48px;
        line-height: 56px
    }
}

@media (min-width: 1024px) {
    .ctas__cta__chapter__title {
        color:#202124;
        font-family: Google Sans,Roboto,Arial,sans-serif;
        font-size: 24px;
        line-height: 32px;
        font-weight: 400;
        font-style: normal
    }
}

@media (min-width: 1024px) and (min-width: 600px) {
    .ctas__cta__chapter__title {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .ctas__cta__chapter__title {
        font-size:36px;
        line-height: 44px
    }
}

.ctas__cta__chapter__title+.ctas__cta__chapter__subtitle {
    margin-top: 16px
}

.ctas__cta__chapter__subtitle {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043
}

@media (max-width: 1023px) {
    .ctas__cta__chapter__subtitle+.ctas__cta__chapter__body {
        margin-top:24px
    }
}

@media (min-width: 1024px) {
    .ctas__cta__chapter__subtitle+.ctas__cta__chapter__body {
        margin-top:36px
    }
}

.ctas__cta__chapter__subtitle+.ctas__cta__chapter__buttons {
    margin-top: 36px
}

@media (max-width: 1023px) {
    .ctas__cta__chapter__body {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        color: #3c4043
    }
}

@media (min-width: 1024px) {
    .ctas__cta__chapter__body {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 18px;
        line-height: 28px;
        color: #3c4043;
        max-width: 575px;
        margin: 0 auto
    }
}

@media (max-width: 1023px) {
    .ctas__cta__chapter__body+.ctas__cta__chapter__buttons {
        margin-top:24px
    }
}

@media (min-width: 1024px) {
    .ctas__cta__chapter__body+.ctas__cta__chapter__buttons {
        margin-top:36px
    }
}

.ctas__cta__chapter__buttons {
    display: flex;
    justify-content: center;
    column-gap: 24px
}

.ctas__images-grid {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    line-height: 0
}

@media (max-width: 599px) {
    .ctas__images-grid {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .ctas__images-grid {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .ctas__images-grid {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .ctas__images-grid {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .ctas__images-grid {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .ctas__images-grid {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .ctas__images-grid {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .ctas__images-grid {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .ctas__images-grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .ctas__images-grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .ctas__images-grid {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .ctas__images-grid {
        grid-template-columns:repeat(12,1fr)
    }
}

.ctas__images-grid__image {
    grid-column-start: 1;
    grid-column-end: span 11
}

.ctas__images-grid__image img {
    margin-top: 48px;
    max-width: 1800px;
    width: 1800px
}

.ctas.ctas--heading-2 .cta__chapter {
    margin: 0 auto;
    max-width: 600px
}

.ctas.ctas--heading-2 .cta__chapter__icon svg {
    height: 37px;
    width: 50px
}

.ctas.ctas--heading-2 .cta__chapter__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px
}

@media (min-width: 600px) {
    .ctas.ctas--heading-2 .cta__chapter__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .ctas.ctas--heading-2 .cta__chapter__title {
        font-size:48px;
        line-height: 56px
    }
}

.demo-cards {
    position: relative;
    scroll-margin-top: 100px
}

.demo-cards--bg {
    padding-bottom: 97px
}

.demo-cards__stroke {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    width: 100%
}

.demo-cards__bg-image {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2
}

.demo-cards__chapter {
    text-align: center;
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    .demo-cards__chapter {
        margin-bottom:60px
    }
}

.demo-cards__chapter__line {
    background: var(--line-bg);
    height: 6px;
    width: 60px;
    border-radius: 11px;
    margin-left: auto;
    margin-right: auto
}

.demo-cards__chapter__line--yellow {
    --line-bg: #fbbc04
}

.demo-cards__chapter__line--blue {
    --line-bg: #4285f4
}

.demo-cards__chapter__line--green {
    --line-bg: #34a853
}

@media (min-width: 1024px) {
    .demo-cards__chapter__line {
        width:120px;
        height: 10px;
        border-radius: 10px
    }
}

.demo-cards__chapter__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    margin-top: 32px
}

@media (min-width: 600px) {
    .demo-cards__chapter__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .demo-cards__chapter__title {
        font-size:48px;
        line-height: 56px
    }
}

.demo-cards__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    margin-top: 24px;
    max-width: 543px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1024px) {
    .demo-cards__chapter__body {
        margin-top:16px
    }
}

.demo-cards__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 8vw;
    line-height: 1.2em;
    text-align: center;
    max-width: 569px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 600px) {
    .demo-cards__title {
        font-size:5vw;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .demo-cards__title {
        font-size:4vw
    }
}

@media (min-width: 1024px) {
    .demo-cards__title {
        color:#202124;
        font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 28px;
        line-height: 36px
    }
}

@media (min-width: 1024px) and (min-width: 600px) {
    .demo-cards__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .demo-cards__title {
        font-size:48px;
        line-height: 56px
    }
}

.demo-cards__grid {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0 24px;
    box-shadow: none!important
}

@media (min-width: 600px) {
    .demo-cards__grid {
        max-width:1344px;
        width: 100%;
        z-index: 1
    }
}

.demo-cards__carousel {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    margin-top: -20px
}

@media (max-width: 1023px) {
    .demo-cards__carousel {
        padding-bottom:0
    }
}

.demo-cards__carousel__slides {
    display: flex;
    width: 100%;
    overflow: visible;
    overflow-scrolling: touch;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-stop:always;scrollbar-width: none;
    will-change: scroll-position;
    height: 100%;
    scroll-behavior: auto
}

@media (pointer: coarse) {
    .swiping .demo-cards__carousel__slides {
        scroll-snap-type:x mandatory
    }
}

.demo-cards__carousel__slides::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    background: transparent
}

.demo-cards__carousel__slides__slide {
    box-sizing: border-box;
    scroll-snap-align: center;
    flex: 0 0 100%
}

@media (min-width: 1024px) {
    .demo-cards__carousel__slides__slide {
        align-items:flex-start;
        display: flex;
        justify-content: center;
        padding-top: 20px;
        padding-bottom: 20px;
        transition: all .3s cubic-bezier(.65,0,.35,1)
    }
}

.demo-cards__carousel__controls {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%);
    width: 100%;
    height: 100%;
    max-width: 1110px;
    pointer-events: none;
    z-index: 9
}

.demo-cards__carousel__controls__arrows {
    --dots-foreground-color: #202124;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 30px
}

.demo-cards__carousel__controls__arrows .demo-cards__carousel__controls__arrows__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -webkit-appearance: none;
    background: #fff9;
    border: 0;
    border-radius: 100%;
    cursor: pointer;
    transition: background .3s ease;
    user-select: none
}

@media (min-width: 1024px) {
    .demo-cards__carousel__controls__arrows .demo-cards__carousel__controls__arrows__arrow {
        width:64px;
        height: 64px
    }
}

.demo-cards__carousel__controls__arrows .demo-cards__carousel__controls__arrows__arrow:hover {
    background: #fff
}

.demo-cards__carousel__controls__arrows .demo-cards__carousel__controls__arrows__arrow:focus {
    background: #fff;
    box-shadow: 0 0 0 1px #1a73e8;
    outline: 1px solid #1a73e8
}

.demo-cards__carousel__controls__arrows .demo-cards__carousel__controls__arrows__arrow+.demo-cards__carousel__controls__arrows .demo-cards__carousel__controls__arrows__arrow {
    margin-left: 4px
}

.demo-cards__carousel__controls__arrows .demo-cards__carousel__controls__arrows__arrow--left svg {
    transform: scale(-1)
}

.demo-cards__carousel__controls__arrows .demo-cards__carousel__controls__arrows__arrow svg {
    height: 22px;
    width: 22px;
    pointer-events: none
}

@media (min-width: 1024px) {
    .demo-cards__carousel__controls__arrows .demo-cards__carousel__controls__arrows__arrow svg {
        height:36px;
        width: 36px
    }
}

@media (min-width: 1440px) {
    .demo-cards__carousel__controls__arrows .demo-cards__carousel__controls__arrows__arrow svg {
        height:64px;
        width: 64px
    }
}

.demo-cards__carousel__controls__arrows__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff!important;
    filter: drop-shadow(0px 2px 8px rgba(0,0,0,.1));
    pointer-events: all;
    z-index: 3
}

.demo-cards__carousel__controls__arrows__arrow--hidden {
    opacity: 0;
    pointer-events: none
}

.demo-cards__carousel__controls__arrows__arrow--left {
    left: 10px
}

@media (min-width: 1024px) {
    .demo-cards__carousel__controls__arrows__arrow--left {
        left:30px
    }
}

.demo-cards__carousel__controls__arrows__arrow--right {
    right: 10px
}

@media (min-width: 1024px) {
    .demo-cards__carousel__controls__arrows__arrow--right {
        right:30px
    }
}

.demo-cards__toggle {
    width: 100%;
    margin-top: 74px
}

.demo-cards__toggle .demo-cards__toggle__less,.demo-cards__toggle--expanded .demo-cards__toggle__more {
    display: none
}

.demo-cards__toggle--expanded .demo-cards__toggle__less {
    display: flex
}

.demo-cards__container {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    position: relative;
    z-index: 2
}

@media (max-width: 599px) {
    .demo-cards__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .demo-cards__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .demo-cards__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .demo-cards__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .demo-cards__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .demo-cards__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .demo-cards__container {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .demo-cards__container {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .demo-cards__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .demo-cards__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .demo-cards__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .demo-cards__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .demo-cards__container {
        max-width:none
    }
}

.demo-cards__filters {
    display: flex;
    flex-direction: column;
    position: relative;
    grid-column: 1/-1;
    gap: 16px;
    margin: 50px 0;
    align-items: center;
    z-index: 1
}

@media (min-width: 600px) {
    .demo-cards__filters {
        flex-direction:row;
        justify-content: center
    }
}

.demo-cards__filters__filter {
    display: flex;
    align-items: center;
    gap: 10px
}

@media (max-width: 1023px) {
    .demo-cards__filters__filter__title,.demo-cards__filters__filter li,.demo-cards__filters__filter .dropdown__label {
        font-size:24px!important;
        line-height: 32px!important
    }
}

.demo-cards__filters__filter--products {
    position: relative;
    z-index: 1
}

.demo-cards__filters__filter--categories {
    position: relative;
    z-index: 0
}

.demo-cards__filters__filter__title {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    white-space: nowrap
}

@media (min-width: 600px) {
    .demo-cards__filters__filter__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .demo-cards__filters__filter__title {
        font-size:28px;
        line-height: 36px
    }
}

.demo-cards__filters__filter__dropdown {
    min-width: 178px
}

@media (min-width: 1024px) {
    .demo-cards__filters__filter__dropdown {
        min-width:192px
    }
}

.demo-cards__empty {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    grid-column: 1/-1;
    padding: 0 24px;
    color: #5f6368
}

.demo-cards__empty.--visible {
    display: flex
}

.demo-cards__toggle {
    margin-top: 74px
}

.demo-cards__toggle .demo-cards__toggle__more {
    display: flex
}

.demo-cards__toggle .demo-cards__toggle__less {
    display: none
}

.demo-cards__toggle button {
    border: none
}

.demo-cards__toggle.--expanded .demo-cards__toggle__more {
    display: none
}

.demo-cards__toggle.--expanded .demo-cards__toggle__less {
    display: flex
}

.demo-cards__toggle__more,.demo-cards__toggle__more [icon],.demo-cards__toggle__less,.demo-cards__toggle__less [icon] {
    display: flex;
    align-items: center;
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    width: fit-content;
    margin: 0 auto;
    color: #1967d2;
    cursor: pointer
}

@media (min-width: 600px) {
    .demo-cards__toggle__more,.demo-cards__toggle__more [icon],.demo-cards__toggle__less,.demo-cards__toggle__less [icon] {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .demo-cards__toggle__more,.demo-cards__toggle__more [icon],.demo-cards__toggle__less,.demo-cards__toggle__less [icon] {
        font-size:28px;
        line-height: 36px
    }
}

.demo-cards__toggle__more span:after,.demo-cards__toggle__less span:after {
    right: -38px
}

@media (min-width: 1024px) {
    .demo-cards__toggle__more span:after,.demo-cards__toggle__less span:after {
        right:-47.5px
    }
}

.demo-cards__tags {
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    flex-wrap: wrap;
    grid-column: 1/-1;
    gap: 16px;
    margin-bottom: 40px
}

@media (min-width: 1024px) {
    .demo-cards__tags {
        grid-column:2/-2;
        flex-wrap: wrap
    }
}

.demo-cards__tags__tag {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    display: inline-flex;
    display: none;
    align-items: center;
    gap: 4px;
    padding: 4px 12px 4px 8px;
    border: 1px solid #1a73e8;
    color: #1a73e8;
    cursor: pointer;
    border-radius: 999px;
    background: transparent;
    transition: all .2s
}

.demo-cards__tags__tag:hover {
    background: #e8f0fe
}

.demo-cards__tags__tag:active {
    background: #d2e3fc
}

.demo-cards__tags__tag.--selected {
    display: inline-flex
}

.demo-cards__tags.--visible {
    display: flex
}

.demo-cards__tags__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px
}

@media (max-width: 599px) {
    .demo-cards__tags__title {
        min-width:100%;
        text-align: center
    }
}

.demo-carousel {
    padding: 0 0 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    overflow: hidden
}

@media (min-width: 1024px) {
    .demo-carousel {
        padding:100px 0
    }
}

@media (max-width: 1023px) {
    .demo-carousel {
        padding-bottom:0
    }
}

@media (min-width: 1024px) {
    .demo-carousel {
        min-height:600px;
        padding-top: 0
    }
}

@media (min-width: 1440px) {
    .demo-carousel {
        min-height:675px
    }
}

.demo-carousel--grey {
    background: #f8f9fa
}

@media (max-width: 1023px) {
    .demo-carousel--india .carousel__slides__slide__outer {
        padding-top:24px
    }
}

.demo-carousel--india .carousel__slides__slide__chapter {
    padding-right: 0
}

.demo-carousel--section-medium {
    padding: 60px 0
}

@media (max-width: 1023px) {
    .demo-carousel--section-medium {
        padding:20px 0
    }
}

.demo-carousel--flush-bottom {
    padding-bottom: 0!important
}

.carousel__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    padding-top: 48px
}

@media (min-width: 600px) {
    .carousel__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .carousel__title {
        font-size:48px;
        line-height: 56px
    }
}

@media (max-width: 1023px) {
    .carousel__title {
        padding-left:24px;
        padding-right: 24px
    }
}

.carousel__title--grey {
    background: #f8f9fa
}

.carousel__eyebrow {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #202124;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 16px
}

@media (min-width: 1024px) {
    .carousel__eyebrow {
        padding-top:100px
    }
}

.carousel__eyebrow--grey {
    background: #f8f9fa
}

.carousel__eyebrow+.carousel__title {
    padding-top: 0
}

.carousel__slides {
    display: flex;
    width: 100%;
    overflow: visible;
    overflow-scrolling: touch;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-stop:always;scrollbar-width: none;
    will-change: scroll-position
}

@media (pointer: coarse) {
    .swiping .carousel__slides {
        scroll-snap-type:x mandatory
    }
}

.carousel__slides::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    background: transparent
}

@media (max-width: 1023px) {
    .carousel__slides__slide__image {
        order:3
    }
}

.carousel__slides__slide {
    box-sizing: border-box;
    scroll-snap-align: center;
    flex: 0 0 100%
}

@media (min-width: 1024px) {
    .carousel__slides__slide {
        display:flex;
        align-items: center;
        justify-content: center
    }
}

.carousel__slides__slide__outer {
    box-sizing: border-box;
    scroll-snap-align: center;
    flex: 0 0 100%;
    padding: 20px 0 60px
}

@media (min-width: 600px) {
    .carousel__slides__slide__outer {
        padding:60px 0
    }
}

@media (min-width: 1024px) {
    .carousel__slides__slide__outer {
        display:flex;
        align-items: center;
        justify-content: center;
        padding: 60px
    }
}

.carousel__controls {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 3
}

@media (min-width: 1440px) {
    .carousel__controls {
        width:90%;
        height: 100%
    }
}

.carousel__controls__dots {
    --dots-foreground-color: #202124;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%);
    position: absolute;
    bottom: 20px;
    left: 50%;
    pointer-events: all
}

.carousel__controls__dots .carousel__controls__dots__dot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.carousel__controls__dots .carousel__controls__dots__dot:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid var(--dots-foreground-color);
    transition: border .3s ease,background .3s ease
}

.carousel__controls__dots .carousel__controls__dots__dot--active:before {
    content: "";
    display: block;
    background: var(--dots-foreground-color)
}

@media (min-width: 600px) {
    .carousel__controls__dots {
        transform:translate(-50%);
        position: absolute;
        bottom: 0;
        left: 50%
    }
}

@media (min-width: 1024px) {
    .carousel__controls__dots {
        transform:translate(-50%);
        position: absolute;
        bottom: 30px;
        left: 50%
    }
}

.carousel__controls__arrows {
    --dots-foreground-color: #202124;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 30px
}

.carousel__controls__arrows .carousel__controls__arrows__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -webkit-appearance: none;
    background: #fff9;
    border: 0;
    border-radius: 100%;
    cursor: pointer;
    transition: background .3s ease;
    user-select: none
}

@media (min-width: 1024px) {
    .carousel__controls__arrows .carousel__controls__arrows__arrow {
        width:64px;
        height: 64px
    }
}

.carousel__controls__arrows .carousel__controls__arrows__arrow:hover {
    background: #fff
}

.carousel__controls__arrows .carousel__controls__arrows__arrow:focus {
    background: #fff;
    box-shadow: 0 0 0 1px #1a73e8;
    outline: 1px solid #1a73e8
}

.carousel__controls__arrows .carousel__controls__arrows__arrow+.carousel__controls__arrows .carousel__controls__arrows__arrow {
    margin-left: 4px
}

.carousel__controls__arrows .carousel__controls__arrows__arrow--left svg {
    transform: scale(-1)
}

.carousel__controls__arrows .carousel__controls__arrows__arrow svg {
    height: 22px;
    width: 22px;
    pointer-events: none
}

@media (min-width: 1024px) {
    .carousel__controls__arrows .carousel__controls__arrows__arrow svg {
        height:36px;
        width: 36px
    }
}

@media (min-width: 1440px) {
    .carousel__controls__arrows .carousel__controls__arrows__arrow svg {
        height:64px;
        width: 64px
    }
}

.carousel__controls__arrows__arrow {
    position: absolute;
    transform: translateY(-50%);
    height: 40px!important;
    width: 40px!important;
    pointer-events: all;
    top: 25%;
    z-index: 3
}

@media (min-width: 480px) {
    .carousel__controls__arrows__arrow {
        top:32.5%
    }
}

@media (min-width: 600px) {
    .carousel__controls__arrows__arrow {
        top:50%;
        height: 64px!important;
        width: 64px!important
    }
}

.carousel__controls__arrows__arrow svg {
    height: 40px!important;
    width: 40px!important
}

@media (min-width: 600px) {
    .carousel__controls__arrows__arrow svg {
        height:64px!important;
        width: 64px!important
    }
}

.carousel__controls__arrows__arrow--left {
    left: 10px
}

@media (min-width: 1024px) {
    .carousel__controls__arrows__arrow--left {
        left:30px
    }
}

.carousel__controls__arrows__arrow--right {
    right: 10px
}

@media (min-width: 1024px) {
    .carousel__controls__arrows__arrow--right {
        right:30px
    }
}

.carousel__slides__slide__container {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    align-items: center;
    grid-row-gap: 30px;
    padding: 0
}

@media (max-width: 599px) {
    .carousel__slides__slide__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .carousel__slides__slide__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .carousel__slides__slide__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .carousel__slides__slide__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .carousel__slides__slide__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .carousel__slides__slide__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .carousel__slides__slide__container {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .carousel__slides__slide__container {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .carousel__slides__slide__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .carousel__slides__slide__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .carousel__slides__slide__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .carousel__slides__slide__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1024px) {
    .carousel__slides__slide__container {
        direction:rtl;
        grid-auto-flow: dense;
        padding: 0
    }

    .carousel__slides__slide__container>* {
        direction: ltr
    }
}

@media (min-width: 1280px) {
    .carousel__slides__slide__container {
        padding:0 min(5vw,72px)
    }
}

.carousel__slides__slide__image {
    grid-column: span 4;
    display: grid;
    grid-template-columns: 1fr;
    order: 1;
    position: relative
}

@media (min-width: 600px) {
    .carousel__slides__slide__image {
        grid-column:span 8
    }
}

@media (min-width: 1024px) {
    .carousel__slides__slide__image {
        grid-column-start:6;
        grid-column-end: span 7;
        max-width: 630px
    }
}

.carousel__slides__slide__image img,.carousel__slides__slide__image video {
    border-radius: 24px;
    filter: drop-shadow(0px 12px 20px rgba(32,52,89,.25));
    display: block;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    width: 100%
}

@media (min-width: 600px) and (max-width: 1023px) {
    .carousel__slides__slide__image img,.carousel__slides__slide__image video {
        max-width:400px
    }
}

@media (min-width: 1024px) {
    .carousel__slides__slide__image img,.carousel__slides__slide__image video {
        width:100%
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .carousel__slides__slide__image .video-controls {
        margin:0 auto;
        max-width: 400px
    }
}

@media (min-width: 1024px) {
    .carousel__slides__slide__image .video-controls {
        width:100%
    }
}

.carousel__slides__slide__image>* {
    grid-column-start: 1;
    grid-row-start: 1
}

.carousel__slides__slide__chapter {
    grid-column: span 4;
    order: 2;
    text-align: center
}

@media (min-width: 600px) {
    .carousel__slides__slide__chapter {
        grid-column:span 8
    }
}

@media (min-width: 1024px) {
    .carousel__slides__slide__chapter {
        grid-column-start:1;
        grid-column-end: span 5;
        text-align: left
    }
}

@media (min-width: 1280px) {
    .carousel__slides__slide__chapter {
        padding-right:108px
    }
}

.carousel__slides__slide__chapter__eyebrow {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #202124;
    text-transform: uppercase;
    padding-bottom: 16px
}

.carousel__slides__slide__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 16px
}

@media (min-width: 600px) {
    .carousel__slides__slide__chapter__title {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .carousel__slides__slide__chapter__title {
        font-size:36px;
        line-height: 44px
    }
}

.carousel__slides__slide__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043
}

.carousel__slides__slide__buttons,.carousel__slides__slide__chapter__buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 30px
}

@media (min-width: 1024px) {
    .carousel__slides__slide__buttons,.carousel__slides__slide__chapter__buttons {
        justify-content:flex-start
    }
}

.carousel__slides__slide__chapter__button+.carousel__slides__slide__chapter__button {
    margin-left: 10px
}

.carousel__slides__slide__buttons {
    grid-column: span 4;
    margin: 0
}

@media (min-width: 600px) {
    .carousel__slides__slide__buttons {
        grid-column:span 8
    }
}

.carousel__slides__slide__button+.carousel__slides__slide__button {
    margin-left: 10px
}

.demo-carousel--fullwidth {
    min-height: auto;
    padding: 0
}

.demo-carousel--fullwidth .carousel__slides {
    margin: 0 auto;
    border-radius: 24px;
    max-width: 1068px
}

@media (max-width: 599px) {
    .demo-carousel--fullwidth .carousel__slides {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .demo-carousel--fullwidth .carousel__slides {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .demo-carousel--fullwidth .carousel__slides {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .demo-carousel--fullwidth .carousel__slides {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (min-width: 1024px) {
    .demo-carousel--fullwidth .carousel__slides__slide__container {
        padding:0 min(5vw,72px)
    }
}

.demo-carousel--fullwidth .carousel__slides__slide__image {
    grid-column: 1/-1
}

@media (min-width: 1024px) {
    .demo-carousel--fullwidth .carousel__slides__slide__image {
        max-width:1068px
    }
}

.demo-carousel--fullwidth .carousel__slides__slide__image img,.demo-carousel--fullwidth .carousel__slides__slide__image video {
    max-width: none
}

.demo-carousel--fullwidth .carousel__slides__slide__outer {
    padding: 40px 0
}

@media (max-width: 1023px) {
    .demo-carousel--fullwidth .carousel__controls {
        max-width:600px
    }
}

@media (min-width: 1024px) {
    .demo-carousel--fullwidth .carousel__controls {
        max-width:1068px;
        padding: 0 min(5vw,72px)
    }
}

.demo-carousel--fullwidth .carousel__controls__arrows {
    height: 100%;
    max-width: 1068px!important
}

.demo-carousel--fullwidth .carousel__controls__arrows__arrow {
    background: #ffffff4d
}

@media (max-width: 1023px) {
    .demo-carousel--fullwidth .carousel__controls__arrows__arrow {
        top:50%;
        height: 40px!important;
        width: 40px!important;
        background: #ffffffe6
    }
}

.demo-carousel--fullwidth .carousel__controls__arrows .carousel__controls__arrows__arrow:hover,.demo-carousel--fullwidth .carousel__controls__arrows .carousel__controls__arrows__arrow:focus {
    background: #ffffff80!important
}

@media (min-width: 1024px) {
    .demo-carousel--fullwidth .carousel__controls__arrows__arrow svg path:first-child {
        fill:none
    }
}

@media (min-width: 1024px) {
    .demo-carousel--fullwidth .carousel__controls__arrows__arrow svg path:last-child {
        stroke:#fff
    }
}

@media (min-width: 600px) {
    .demo-carousel--fullwidth .carousel__controls__arrows__arrow--left {
        left:24px
    }
}

@media (min-width: 600px) {
    .demo-carousel--fullwidth .carousel__controls__arrows__arrow--right {
        right:24px
    }
}

.demo-carousel--fullwidth .carousel__controls__dots {
    --dots-foreground-color: #fff;
    bottom: 60px
}

@media (min-width: 1024px) {
    .demo-carousel--fullwidth .carousel__controls__dots {
        bottom:80px
    }
}

@keyframes summaryOpen {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.faq--grey {
    background: #f8f9fa
}

.faq__title {
    text-align: center;
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px
}

@media (min-width: 600px) {
    .faq__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .faq__title {
        font-size:28px;
        line-height: 36px
    }
}

@media (min-width: 1024px) {
    .faq__title {
        color:#202124;
        font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 28px;
        line-height: 36px
    }
}

@media (min-width: 1024px) and (min-width: 600px) {
    .faq__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .faq__title {
        font-size:48px;
        line-height: 56px
    }
}

.faq__faqs {
    max-width: 938px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1024px) {
    .faq__faqs {
        margin-top:50px
    }
}

.faq__faqs__faq {
    border-bottom: 1px solid #dadce0;
    padding: 0 30px
}

@media (min-width: 1024px) {
    .faq__faqs__faq {
        padding:0
    }
}

.faq__faqs__faq[open] .faq__faqs__faq__button__arrow svg {
    transform: rotate(180deg)
}

.faq__faqs__faq[open] .faq__faqs__faq__button__arrow path {
    fill: #174ea6
}

.faq__faqs__faq[open] .faq__faqs__faq__button__title {
    color: #174ea6
}

.faq__faqs__faq[open] .faq__faqs__faq__body {
    animation: summaryOpen .5s ease-out
}

.faq__faqs__faq__button {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    overflow: hidden
}

@media (min-width: 1024px) {
    .faq__faqs__faq__button {
        padding:34px 0
    }
}

.faq__faqs__faq__button::-webkit-details-marker {
    display: none
}

.faq__faqs__faq__button__arrow {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 0;
    width: 24px;
    height: 24px
}

.faq__faqs__faq__button__arrow svg {
    width: 19px;
    height: 12px;
    transition: .3s ease-out
}

.faq__faqs__faq__button__title {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #0065f2
}

@media (max-width: 1023px) {
    .faq__faqs__faq__button__title {
        padding-right:48px
    }
}

@media (min-width: 1024px) {
    .faq__faqs__faq__button__title {
        padding-right:100px
    }
}

.faq__faqs__faq__body {
    padding-bottom: 30px;
    transition: all 1s ease-out;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043
}

@media (min-width: 1024px) {
    .faq__faqs__faq__body {
        padding-right:100px
    }
}

.faq__faqs__faq__body a {
    color: #1a73e8;
    text-decoration: underline;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043
}

.feature-tiles {
    padding: 60px 0;
    text-align: center
}

@media (min-width: 1024px) {
    .feature-tiles {
        padding:100px 0
    }
}

@media (min-width: 1024px) {
    .feature-tiles {
        text-align:left
    }
}

.feature-tiles__container {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    grid-auto-rows: 1fr;
    grid-row-gap: 20px;
    align-items: center
}

@media (max-width: 599px) {
    .feature-tiles__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .feature-tiles__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .feature-tiles__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .feature-tiles__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .feature-tiles__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .feature-tiles__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .feature-tiles__container {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .feature-tiles__container {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .feature-tiles__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .feature-tiles__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .feature-tiles__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .feature-tiles__container {
        grid-template-columns:repeat(12,1fr)
    }
}

.feature-tiles__tile {
    grid-column: span 4;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 80px 0 0;
    background: #f8f9fa
}

@media (min-width: 1024px) {
    .feature-tiles__tile {
        grid-column:span 6;
        padding: 0
    }
}

.feature-tiles__tile__chapter {
    margin-bottom: 40px;
    padding: 0 30px
}

@media (min-width: 1024px) {
    .feature-tiles__tile__chapter {
        margin-bottom:80px;
        padding: 60px 60px 0
    }
}

@media (min-width: 1440px) {
    .feature-tiles__tile__chapter {
        padding:80px 80px 0
    }
}

.feature-tiles__tile__chapter__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 24px
}

@media (min-width: 600px) {
    .feature-tiles__tile__chapter__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .feature-tiles__tile__chapter__title {
        font-size:48px;
        line-height: 56px
    }
}

@media (min-width: 1024px) {
    .feature-tiles__tile__chapter__title {
        color:#202124;
        font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
        font-size: 44px;
        line-height: 52px
    }
}

.feature-tiles__tile__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043
}

@media (min-width: 1024px) {
    .feature-tiles__tile__chapter__body {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 18px;
        line-height: 28px;
        color: #3c4043
    }
}

.feature-tiles__tile__image {
    margin-top: auto
}

@media (min-width: 1024px) {
    .feature-tiles__tile__image {
        margin-bottom:80px;
        padding-left: 10px
    }
}

@media (max-width: 1023px) {
    .feature-tiles__tile__image img {
        padding:0 10px
    }
}

.form__field select {
    -webkit-appearance: none;
    background-position: right 20px center;
    background-image: url(/static/images/icons/select_arrow.svg)
}

.form__field:not(.pristine).valid input,.form__field:not(.pristine).valid select {
    background-image: url(/static/images/icons/form-valid.svg);
    background-position: right 10px center;
    margin-bottom: 0
}

.form__field:not(.pristine).invalid input,.form__field:not(.pristine).invalid select {
    background-image: url(/static/images/icons/form-invalid.svg);
    background-position: right 10px center;
    border: 2px solid #c5221f;
    margin-bottom: 0
}

.iti__flag {
    background-image: url(/static/images/flags.webp)
}

.no-webp .iti__flag {
    background-image: url(/static/images/flags.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {
        background-image:url(/static/images/flags@2x.webp)
    }

    .no-webp .iti__flag {
        background-image: url(/static/images/flags@2x.png)
    }
}

.footer {
    background-color: #f8f9fa
}

.footer--border {
    border-top: 1px solid #dadce0
}

.footer--ic-registration .footer__footnotes {
    display: none
}

.footer__container {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap)
}

@media (max-width: 599px) {
    .footer__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .footer__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .footer__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .footer__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .footer__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .footer__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .footer__container {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .footer__container {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .footer__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .footer__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .footer__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .footer__container {
        grid-template-columns:repeat(12,1fr)
    }
}

.footer__footnotes {
    display: flex;
    flex-direction: column;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043;
    grid-column-start: 1;
    grid-column-end: span 4;
    border-bottom: 1px solid #dadce0;
    color: #5f6368;
    padding: 24px 0;
    grid-gap: 10px
}

@media (min-width: 600px) {
    .footer__footnotes {
        grid-column-start:1;
        grid-column-end: span 12;
        padding: 30px 0
    }
}

.footer__footnote h2 {
    color: #202124;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-top: 24px;
    margin-bottom: 4px;
    color: #5f6368
}

.footer__footnote {
    display: flex;
    flex-direction: row
}

.footer__footnote sup {
    min-width: 15px
}

.footer__footnote p {
    margin-bottom: 24px
}

.footer__social {
    grid-column-start: 1;
    grid-column-end: span 4;
    display: flex;
    flex-direction: column;
    grid-gap: 24px;
    padding: 24px 0;
    border-bottom: 1px solid #dadce0
}

@media (min-width: 600px) {
    .footer__social {
        grid-column-start:1;
        grid-column-end: span 12;
        flex-direction: row;
        display: flex;
        align-items: center;
        grid-gap: 30px;
        padding: 30px 0
    }
}

.footer__social__title {
    color: #202124;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.footer__social__links {
    display: flex;
    align-items: center;
    grid-gap: 30px
}

.footer__social__links__link .link {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

.footer__social__links__link .link:before {
    background-color: #e8f0fe;
    border-radius: 4px;
    content: "";
    display: none;
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    top: -2px;
    width: calc(100% + 4px);
    z-index: 0
}

.footer__social__links__link .link:hover {
    text-decoration: underline
}

.footer__social__links__link .link:focus {
    outline: 0;
    text-decoration: underline
}

.footer__social__links__link .link:focus:before {
    display: block
}

.footer__social__links__link .link:focus:not(:focus-visible):before {
    display: none;
    color: #1967d2
}

.footer__social__links__link .link .link__label,.footer__social__links__link .link img,.footer__social__links__link .link svg {
    position: relative
}

.footer__site-links {
    grid-column-start: 1;
    grid-column-end: span 4;
    display: flex;
    flex-direction: column;
    padding: 24px 0;
    border-bottom: 1px solid #dadce0
}

@media (min-width: 600px) {
    .footer__site-links {
        grid-column-start:1;
        grid-column-end: span 12;
        padding: 30px 0
    }
}

@media (min-width: 1024px) {
    .footer__site-links {
        grid-column-start:1;
        grid-column-end: span 3
    }
}

.footer__site-links__title {
    color: #202124;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.footer__site-links__links {
    display: flex;
    flex-direction: column;
    grid-gap: 16px
}

.footer__site-links__links__link .link {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .1px;
    line-height: 24px;
    font-weight: 400;
    color: #5f6368;
    position: relative;
    z-index: 1
}

.footer__site-links__links__link .link:before {
    background-color: #e8f0fe;
    border-radius: 4px;
    content: "";
    display: none;
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    top: -2px;
    width: calc(100% + 4px);
    z-index: 0
}

.footer__site-links__links__link .link:hover {
    text-decoration: underline
}

.footer__site-links__links__link .link:focus {
    outline: 0;
    text-decoration: underline
}

.footer__site-links__links__link .link:focus:before {
    display: block
}

.footer__site-links__links__link .link:focus:not(:focus-visible):before {
    display: none;
    color: #1967d2
}

.footer__site-links__links__link .link .link__label,.footer__site-links__links__link .link img,.footer__site-links__links__link .link svg {
    position: relative
}

.footer__site-links__links__link:first-child {
    margin-top: 24px
}

.footer__signup {
    grid-column-start: 1;
    grid-column-end: span 4;
    display: flex;
    flex-direction: column;
    padding: 24px 0;
    border-bottom: 1px solid #dadce0
}

@media (min-width: 600px) {
    .footer__signup {
        grid-column-start:1;
        grid-column-end: span 12;
        padding: 30px 0
    }
}

@media (min-width: 1024px) {
    .footer__signup {
        grid-column-start:4;
        grid-column-end: span 8
    }
}

@media (min-width: 1440px) {
    .footer__signup {
        grid-column-start:4;
        grid-column-end: span 6
    }
}

.footer__signup__title {
    color: #202124;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.footer__google-links {
    grid-column-start: 1;
    grid-column-end: span 4;
    display: flex;
    flex-direction: column;
    color: #202124;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 20px;
    border-top: 1px solid #dadce0;
    color: #5f6368;
    padding: 40px 0;
    transform: translateY(-1px)
}

@media (min-width: 1024px) {
    .footer__google-links {
        grid-column-start:1;
        grid-column-end: span 12;
        display: flex;
        align-items: center;
        flex-direction: row;
        padding-bottom: 50px
    }
}

.footer__logo {
    display: flex;
    align-items: center;
    margin: 0 0 32px
}

@media (min-width: 1024px) {
    .footer__logo {
        margin:0 30px 0 0
    }
}

@media (min-width: 1440px) {
    .footer__logo {
        margin:0 60px 0 0
    }
}

.footer__nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 16px 23px;
    list-style: none;
    padding: 0;
    margin: 0 0 48px
}

@media (min-width: 1024px) {
    .footer__nav {
        margin:0 30px 0 0
    }
}

.footer__nav li {
    margin: 0
}

.footer__nav .link {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .1px;
    line-height: 24px;
    color: #5f6368;
    font-weight: 400
}

.footer__nav .link:before {
    background-color: #e8f0fe;
    border-radius: 4px;
    content: "";
    display: none;
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    top: -2px;
    width: calc(100% + 4px);
    z-index: 0
}

.footer__nav .link:hover {
    text-decoration: underline
}

.footer__nav .link:focus {
    outline: 0;
    text-decoration: underline
}

.footer__nav .link:focus:before {
    display: block
}

.footer__nav .link:focus:not(:focus-visible):before {
    display: none;
    color: #1967d2
}

.footer__nav .link .link__label,.footer__nav .link img,.footer__nav .link svg {
    position: relative
}

.footer__nav .link .asset,.footer__nav .link svg {
    margin-right: 5px
}

.footer__nav--aside {
    margin: 0
}

.footer__aside {
    display: flex;
    align-items: center;
    grid-gap: 12px 32px
}

@media (max-width: 1023px) {
    .footer__aside {
        justify-content:space-between
    }
}

@media (min-width: 1024px) {
    .footer__aside {
        margin-left:auto
    }
}

.footer__aside .link {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .1px;
    line-height: 24px;
    font-weight: 400
}

@media (max-width: 599px) {
    [accordion-toggle] {
        cursor:pointer;
        position: relative
    }

    [accordion-toggle]:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 24px;
        height: 24px;
        transform: translateY(-50%);
        background-image: url(/static/images/icons/expand.svg);
        background-repeat: no-repeat;
        background-position: center;
        transition: transform .3s ease
    }

    .open [accordion-toggle]:after {
        transform: translateY(-50%) rotate(180deg)
    }
}

[accordion-body] {
    overflow: hidden;
    transition: all .6s ease;
    will-change: max-height
}

@media (max-width: 599px) {
    [accordion-body] {
        max-height:0
    }

    .open [accordion-body] {
        max-height: 150vh
    }
}

.form-block {
    background: #f8f9fa;
    padding: 60px 0
}

@media (min-width: 1024px) {
    .form-block {
        padding:80px 0
    }
}

.form.success .form__meta {
    display: none
}

.form__meta__title {
    color: #202124;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

@media (min-width: 1024px) {
    .form__meta__title {
        color:#202124;
        font-family: Google Sans,Roboto,Arial,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        line-height: 28px
    }
}

@media (min-width: 1024px) and (min-width: 600px) {
    .form__meta__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .form__meta__title {
        font-size:28px;
        line-height: 36px
    }
}

.form__meta__body {
    margin-top: 12px
}

@media (max-width: 599px) {
    .form__meta__body {
        display:none
    }
}

.form__form {
    flex-direction: column
}

@media (min-width: 1024px) {
    .form__form {
        margin-top:40px
    }
}

.form.success .form__form {
    display: none
}

.form__fields {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px 38px;
    padding-top: 4px
}

@media (min-width: 1024px) {
    .form__fields {
        grid-template-columns:1fr 1fr 1fr
    }
}

@media (min-width: 1024px) {
    html:not([lang=en]) .form__fields {
        grid-template-columns:1fr 1fr
    }
}

.form__heading {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    margin-top: 16px;
    margin-bottom: -4px
}

.form__field fieldset+.form__field__error {
    left: -5px
}

.form__field {
    position: relative
}

@media (max-width: 1023px) {
    .form__field:first-child {
        margin-top:24px
    }
}

.form__field--checkbox,.form__field--radio {
    display: grid;
    grid-template-columns: 20px 1fr;
    grid-gap: 12px
}

@media (min-width: 1024px) {
    .form__field--checkbox,.form__field--radio {
        grid-column:span 3
    }
}

@media (min-width: 1024px) {
    html:not([lang=en]) .form__field--checkbox,html:not([lang=en]) .form__field--radio {
        grid-column:span 2
    }
}

.form__field--checkbox input,.form__field--radio input {
    grid-column-start: 1;
    grid-row-start: 1;
    border: 1px solid red
}

.form__field--checkbox label,.form__field--radio label {
    display: block!important;
    grid-column-start: 2
}

.form__field--checkbox .form__field__error,.form__field--radio .form__field__error {
    grid-column-start: 2
}

.form__field--radio label {
    grid-column: 1/-1
}

.form__field--radio fieldset {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    display: flex;
    align-items: center;
    gap: 10px;
    border: none;
    padding: 0
}

.form__field--radio fieldset input {
    margin: 0;
    width: 13px;
    height: 13px
}

.form__field--radio fieldset input:not(:first-child) {
    margin-left: 24px
}

.form__field--radio+.form__field--copy .form__field__copy {
    padding-left: 0
}

.form__field--hidden {
    display: none
}

.form__field label {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    font-size: 14px;
    display: none
}

.form__field .form__field__label {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    color: #49454f;
    display: inline-block;
    position: absolute;
    pointer-events: none;
    transform: translate3d(16px,16px,0);
    transition: all .15s ease-in
}

.form__field .form__field__label--phone {
    transform: translate3d(50px,16px,0);
    z-index: 10
}

.form__field:not(.pristine) .form__field__label {
    background: #f8f9fa!important;
    color: #49454f;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .4px;
    padding: 2px 4px;
    transform: translate3d(16px,-8px,0)
}

.form__field:focus-within .form__field__label {
    background: #f8f9fa!important;
    color: #1967d2;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .4px;
    padding: 2px 4px;
    transform: translate3d(16px,-8px,0)
}

.form__field textarea,.form__field input,.form__field select,.form__field input[type=text] {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043;
    background: transparent;
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #79747E;
    border-radius: 4px;
    color: #5f6368;
    width: 100%;
    max-width: 100%;
    padding: 16px
}

.form__field textarea:focus,.form__field input:focus,.form__field select:focus,.form__field input[type=text]:focus {
    border: 2px solid #185ABC;
    margin-top: -1px!important;
    margin-bottom: -1px!important;
    box-shadow: none!important
}

.form__field select {
    -webkit-appearance: none;
    background-position: right 20px center;
    background-image: url(/static/images/icons/select_arrow.svg)
}

.form__field:not(.pristine).valid input,.form__field:not(.pristine).valid select {
    background-image: url(/static/images/icons/form-valid.svg);
    background-position: right 10px center;
    margin-bottom: 0
}

.form__field:not(.pristine).invalid input,.form__field:not(.pristine).invalid select {
    background-image: url(/static/images/icons/form-invalid.svg);
    background-position: right 10px center;
    border: 2px solid #c5221f;
    margin-bottom: 0
}

.form__field:not(.pristine).invalid label {
    color: #c5221f
}

.form__field input[type=checkbox] {
    padding: 0
}

.form__field--copy {
    grid-column: 1/-1
}

.form__field__copy {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    font-size: 14px;
    padding-left: 32px
}

.form__field__error {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    color: #3c4043;
    font-size: 9px;
    bottom: -17px;
    color: #b31412;
    display: none;
    height: 20px;
    position: absolute
}

.form__field:not(.pristine).invalid .form__field__error {
    display: block
}

.form__submit {
    margin-top: 24px
}

.form__submit__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    font-size: 14px;
    padding-left: 32px
}

.form__submit__button {
    margin-top: 24px
}

.form__form.invalid .form__submit__button {
    background-color: #dadce0
}

.form__form.invalid .form__submit__button:hover {
    background-color: #dadce0!important
}

.form__success {
    display: none
}

.form.success .form__success {
    display: block
}

.form__success__title {
    color: #202124;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

@media (min-width: 1024px) {
    .form__success__title {
        color:#202124;
        font-family: Google Sans,Roboto,Arial,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        line-height: 28px
    }
}

@media (min-width: 1024px) and (min-width: 600px) {
    .form__success__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .form__success__title {
        font-size:28px;
        line-height: 36px
    }
}

.form__success__body {
    margin-top: 12px
}

.form__success__button {
    margin-top: 24px
}

.iti {
    width: 100%
}

.iti__flag {
    background-image: url(/static/images/flags.webp)
}

.no-webp .iti__flag {
    background-image: url(/static/images/flags.png)
}

.iti__country-list {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    color: #3c4043
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .iti__country-list {
        right:0
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {
        background-image:url(/static/images/flags@2x.webp)
    }

    .no-webp .iti__flag {
        background-image: url(/static/images/flags@2x.png)
    }
}

.form--whitepapers .form__meta__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px
}

@media (min-width: 600px) {
    .form--whitepapers .form__meta__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .form--whitepapers .form__meta__title {
        font-size:48px;
        line-height: 56px
    }
}

@media (min-width: 1024px) {
    .form--whitepapers .form__fields {
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}

.form--ic-registration .form__meta__title.chapter__item {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px
}

@media (min-width: 600px) {
    .form--ic-registration .form__meta__title.chapter__item {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .form--ic-registration .form__meta__title.chapter__item {
        font-size:48px;
        line-height: 56px
    }
}

.form--ic-registration .form__fields {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px 38px
}

@media (min-width: 1024px) {
    .form--ic-registration .form__fields {
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}

.form--wrapped {
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 min(5vw,72px)
}

.form--contact .form__form,.form--ondc-contact .form__form {
    margin-top: 20px
}

.form--contact .form__fields,.form--ondc-contact .form__fields {
    display: flex;
    flex-direction: column
}

.form--contact .form__meta__title,.form--ondc-contact .form__meta__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px
}

@media (min-width: 600px) {
    .form--contact .form__meta__title,.form--ondc-contact .form__meta__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .form--contact .form__meta__title,.form--ondc-contact .form__meta__title {
        font-size:48px;
        line-height: 56px
    }
}

.form--contact .form__meta__body,.form--ondc-contact .form__meta__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043
}

.form--contact .form__meta__body a,.form--ondc-contact .form__meta__body a {
    text-decoration: underline;
    color: inherit;
    font-weight: inherit
}

.form--contact .form__success,.form--ondc-contact .form__success,.form--ondc-contact .form__meta {
    text-align: center
}

.form--ondc-contact .form__meta__icon img {
    margin: 0 auto
}

.full-bleed-image img {
    width: 100%;
    height: auto;
    max-width: auto
}

.fullbleed-5050__wrap--grey {
    background: #f8f9fa
}

.fullbleed-5050 {
    --chapter-offset: 0;
    margin: 0 auto;
    padding: 0!important;
    max-width: 2560px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    display: grid;
    grid-template-columns: 1fr;
    position: relative;
    overflow: hidden
}

@media (max-width: 599px) {
    .fullbleed-5050 {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .fullbleed-5050 {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .fullbleed-5050 {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .fullbleed-5050 {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050 {
        padding-bottom:0
    }
}

.fullbleed-5050__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 8vw;
    line-height: 1.2em;
    text-align: center;
    max-width: 569px;
    margin-bottom: 48px;
    margin-left: auto;
    margin-right: auto;
    grid-row-start: 0;
    grid-row-end: 1
}

@media (min-width: 600px) {
    .fullbleed-5050__title {
        font-size:5vw;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__title {
        font-size:4vw
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__title {
        color:#202124;
        font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 28px;
        line-height: 36px
    }
}

@media (min-width: 1024px) and (min-width: 600px) {
    .fullbleed-5050__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .fullbleed-5050__title {
        font-size:48px;
        line-height: 56px
    }
}

.fullbleed-5050__background-asset {
    display: flex;
    flex-direction: column;
    height: 100%;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    line-height: 0
}

@media (max-width: 1023px) {
    .fullbleed-5050__background-asset {
        position:absolute;
        width: 100%;
        z-index: 0
    }
}

.fullbleed-5050__background-asset picture {
    height: 100%
}

.fullbleed-5050__background-asset img,.fullbleed-5050__background-asset video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right
}

.fullbleed-5050__slides {
    display: flex;
    width: 100%;
    overflow: visible;
    overflow-scrolling: touch;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-stop:always;scrollbar-width: none;
    will-change: scroll-position;
    --max-height-desktop: none;
    --min-height-desktop: 0;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    height: 100%
}

@media (pointer: coarse) {
    .swiping .fullbleed-5050__slides {
        scroll-snap-type:x mandatory
    }
}

.fullbleed-5050__slides::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    background: transparent
}

@media (max-width: 1023px) {
    .fullbleed-5050__slides {
        position:relative;
        z-index: 1
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__slides {
        max-height:var(--max-height-desktop);
        min-height: var(--min-height-desktop);
        overflow: hidden
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050__slides[slides]:not([slides="1"]) .fullbleed-5050__slide__feature__chapter {
        padding-bottom:138px;
        padding-top: 48px
    }
}

.fullbleed-5050__slide {
    --slide-background-color: transparent;
    --slide-foreground-color: #202124;
    --slide-body-color: #3c4043;
    background-color: var(--slide-background-color);
    transition: transform .5s ease;
    box-sizing: border-box;
    scroll-snap-align: center;
    flex: 0 0 100%;
    height: 100%
}

.fullbleed-5050__slide__feature {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr;
    height: 100%;
    position: relative;
    max-width: 100vw;
    margin: 0 auto
}

.fullbleed-5050__slide__feature__background-asset {
    display: flex;
    flex-direction: column;
    grid-row-start: 2;
    height: 100%;
    line-height: 0;
    overflow: hidden;
    z-index: 0
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide__feature__background-asset {
        grid-row-start:1;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: 2
    }
}

.fullbleed-5050__slide__feature__background-asset picture {
    height: 100%
}

.fullbleed-5050__slide__feature__background-asset img,.fullbleed-5050__slide__feature__background-asset video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    overflow: hidden
}

@media (min-width: 1440px) {
    .fullbleed-5050__slide__feature__background-asset img,.fullbleed-5050__slide__feature__background-asset video {
        object-fit:contain
    }
}

.fullbleed-5050__slide__feature__container {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    grid-auto-rows: min-content;
    row-gap: 24px
}

@media (max-width: 599px) {
    .fullbleed-5050__slide__feature__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .fullbleed-5050__slide__feature__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .fullbleed-5050__slide__feature__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .fullbleed-5050__slide__feature__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .fullbleed-5050__slide__feature__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .fullbleed-5050__slide__feature__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .fullbleed-5050__slide__feature__container {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .fullbleed-5050__slide__feature__container {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .fullbleed-5050__slide__feature__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .fullbleed-5050__slide__feature__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .fullbleed-5050__slide__feature__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .fullbleed-5050__slide__feature__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide__feature__container {
        grid-row-start:1;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: 2
    }
}

.fullbleed-5050__slide__feature__chapter {
    grid-column: span 4;
    flex-direction: column;
    display: flex;
    justify-content: center;
    z-index: 1;
    grid-row-start: 1
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 6;
        padding: 40px 0
    }
}

@media (min-width: 1440px) {
    .fullbleed-5050__slide__feature__chapter {
        grid-column-start:2;
        grid-column-end: span 5
    }
}

.fullbleed-5050__slide__image {
    grid-column: span 4
}

@media (max-width: 1023px) {
    .fullbleed-5050__slide__image {
        order:3
    }
}

@media (min-width: 600px) {
    .fullbleed-5050__slide__image {
        grid-column:span 8
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide__image {
        grid-column-start:7;
        grid-column-end: span 6
    }
}

.fullbleed-5050__slide__image img {
    display: block;
    margin: 0 auto;
    height: auto
}

@media (min-width: 600px) and (max-width: 1023px) {
    .fullbleed-5050__slide__image img {
        max-width:400px
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide__image img {
        width:100%
    }
}

.fullbleed-5050__slide__feature__image {
    position: relative;
    display: flex;
    justify-content: center;
    grid-column: span 4
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide__feature__image {
        grid-column-start:7;
        grid-column-end: span 6
    }
}

.fullbleed-5050__slide__feature__image video {
    width: 100%;
    height: 100%
}

.fullbleed-5050__slide__feature__chapter__icon {
    margin-bottom: 12px
}

@media (max-width: 1023px) {
    .fullbleed-5050__slide__feature__chapter__icon {
        text-align:center
    }
}

.fullbleed-5050__slide__feature__chapter__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    color: var(--slide-foreground-color);
    margin-bottom: 12px
}

@media (min-width: 600px) {
    .fullbleed-5050__slide__feature__chapter__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide__feature__chapter__title {
        font-size:48px;
        line-height: 56px
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050__slide__feature__chapter__title {
        text-align:center
    }
}

.fullbleed-5050__slide__feature__chapter__title-small {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 12px
}

@media (min-width: 600px) {
    .fullbleed-5050__slide__feature__chapter__title-small {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide__feature__chapter__title-small {
        font-size:48px;
        line-height: 56px
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050__slide__feature__chapter__title-small {
        text-align:center
    }
}

@media (min-width: 600px) {
    .fullbleed-5050__slide__feature__chapter__title-small {
        color:#202124;
        font-family: Google Sans,Roboto,Arial,sans-serif;
        font-size: 24px;
        line-height: 32px;
        font-weight: 400;
        font-style: normal
    }
}

@media (min-width: 600px) and (min-width: 600px) {
    .fullbleed-5050__slide__feature__chapter__title-small {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 600px) and (min-width: 1024px) {
    .fullbleed-5050__slide__feature__chapter__title-small {
        font-size:36px;
        line-height: 44px
    }
}

.fullbleed-5050__slide__feature__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    color: var(--slide-body-color)!important
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide__feature__chapter__body {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 18px;
        line-height: 28px;
        color: #3c4043
    }

    html:not([lang=en]) .fullbleed-5050__slide__feature__chapter__body {
        font-family: Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: .1px;
        color: #3c4043
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050__slide__feature__chapter__body {
        text-align:center
    }

    .fullbleed-5050__slide__feature__chapter__body li {
        text-align: start
    }
}

.fullbleed-5050__slide__feature__chapter__body a {
    text-decoration: underline
}

.fullbleed-5050__slide__buttons,.fullbleed-5050__slide__feature__chapter__buttons {
    display: flex;
    flex-direction: row;
    margin-top: 30px;
    grid-gap: 30px
}

@media (max-width: 1023px) {
    .fullbleed-5050__slide__buttons,.fullbleed-5050__slide__feature__chapter__buttons {
        flex-direction:column;
        display: flex;
        align-items: center;
        grid-gap: 22px
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide__feature__chapter__button+.fullbleed-5050__slide__feature__chapter__button {
        margin-left:10px
    }
}

.fullbleed-5050__slide__buttons {
    grid-column: span 4;
    margin: 0
}

@media (min-width: 600px) {
    .fullbleed-5050__slide__buttons {
        grid-column:span 8
    }
}

.fullbleed-5050__slide__button+.fullbleed-5050__slide__button {
    margin-left: 10px
}

.fullbleed-5050__slide__feature__card {
    --card-gap: 44px;
    box-shadow: 0 12px 34px #20345940;
    max-width: none;
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    margin-top: var(--card-gap);
    padding: 64px 28px;
    text-align: center;
    grid-column-start: 1;
    grid-column-end: span 4
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide__feature__card {
        grid-column-start:7;
        grid-column-end: span 6;
        margin-bottom: 0;
        margin-top: 0;
        padding: 64px
    }
}

@media (min-width: 1440px) {
    .fullbleed-5050__slide__feature__card {
        grid-column-start:7;
        grid-column-end: span 5
    }
}

.fullbleed-5050__slide__feature__card__content__price localized-price {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    --localized-price-color: #1a73e8;
    --localized-price-font-size: 120px;
    --localized-price-font-weight: 600;
    --localized-price-line-height: 85px;
    --localized-price-letter-spacing: -4.2px;
    --localized-price-currency-font-size: 70px;
    --localized-price-literal-font-size: 70px;
    grid-gap: 6px
}

@media (max-width: 375px) {
    .fullbleed-5050__slide__feature__card__content__price localized-price {
        --localized-price-font-size: 90px;
        --localized-price-currency-font-size: 52px;
        --localized-price-literal-font-size: 52px
    }
}

@media (max-width: 599px) {
    html:not([lang=en]) .fullbleed-5050__slide__feature__card__content__price localized-price {
        --localized-price-font-size: 90px;
        --localized-price-currency-font-size: 52px;
        --localized-price-literal-font-size: 52px
    }
}

@media (max-width: 375px) {
    html:not([lang=en]) .fullbleed-5050__slide__feature__card__content__price localized-price {
        --localized-price-font-size: 60px;
        --localized-price-currency-font-size: 40px;
        --localized-price-literal-font-size: 20px;
        --localized-price-line-height: 50px
    }
}

.fullbleed-5050__slide__feature__card__content__price-sub {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    color: #1a73e8;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 3.9px;
    margin-top: 24px;
    text-transform: uppercase
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide__feature__card__content__price-sub {
        font-size:20px;
        line-height: 25px
    }
}

.fullbleed-5050__slide__feature__card__content__body {
    margin-top: 32px;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043
}

.fullbleed-5050__slide__feature__card__content__body a {
    text-decoration: underline
}

.fullbleed-5050--background-asset .fullbleed-5050__slide__feature {
    padding: 60px 0
}

@media (min-width: 1024px) {
    .fullbleed-5050--background-asset .fullbleed-5050__slide__feature {
        padding:80px 0
    }
}

.fullbleed-5050__background-asset__item picture,.fullbleed-5050__background-asset__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

@media (min-width: 1024px) {
    .fullbleed-5050__background-asset__item picture,.fullbleed-5050__background-asset__item img {
        width:1440px
    }
}

@media (min-width: 1440px) {
    .fullbleed-5050__background-asset__item picture,.fullbleed-5050__background-asset__item img {
        width:2560px
    }
}

.fullbleed-5050--overlap-top {
    margin-top: -70px
}

.fullbleed-5050--overlap-top .fullbleed-5050__slides {
    margin-top: 70px
}

@media (max-width: 1023px) {
    .fullbleed-5050__slide--mobile-absolute-center .fullbleed-5050__slide__feature__background-asset {
        grid-row-start:auto!important
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050__slide--mobile-absolute-center .fullbleed-5050__slide__feature__container {
        bottom:5%;
        left: 50%;
        position: absolute;
        transform: translate3d(-50%,0,0);
        width: 100%
    }
}

.fullbleed-5050--grey {
    background: #f8f9fa
}

.fullbleed-5050__slide--reversed-absolute .fullbleed-5050__slide__feature__background-asset video,.fullbleed-5050__slide--reversed-absolute .fullbleed-5050__slide__feature__background-asset img {
    object-position: left
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide--reversed-absolute .fullbleed-5050__slide__feature__chapter {
        grid-column-start:8;
        grid-column-end: span 5
    }
}

.fullbleed-5050__slide--reversed-absolute .fullbleed-5050__slide__feature__image {
    grid-column: span 4
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide--reversed-absolute .fullbleed-5050__slide__feature__image {
        grid-column:span 8
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide--reversed-absolute .fullbleed-5050__slide__feature__image {
        grid-column-start:2;
        grid-column-end: span 5
    }
}

.fullbleed-5050__slide--reversed-desktop .fullbleed-5050__slide__feature__background-asset video,.fullbleed-5050__slide--reversed .fullbleed-5050__slide__feature__background-asset video,.fullbleed-5050__slide--reversed-desktop .fullbleed-5050__slide__feature__background-asset img,.fullbleed-5050__slide--reversed .fullbleed-5050__slide__feature__background-asset img {
    object-position: left
}

@media (min-width: 1024px) and (max-width: 1439px) {
    html:not([lang=en]) .fullbleed-5050__slide--reversed-desktop .fullbleed-5050__slide__feature__background-asset video,html:not([lang=en]) .fullbleed-5050__slide--reversed .fullbleed-5050__slide__feature__background-asset video,html:not([lang=en]) .fullbleed-5050__slide--reversed-desktop .fullbleed-5050__slide__feature__background-asset img,html:not([lang=en]) .fullbleed-5050__slide--reversed .fullbleed-5050__slide__feature__background-asset img {
        object-position:35%
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide--reversed-desktop .fullbleed-5050__slide__feature__chapter,.fullbleed-5050__slide--reversed .fullbleed-5050__slide__feature__chapter {
        grid-column-start:8;
        grid-column-end: span 5
    }
}

.fullbleed-5050__slide--reversed-desktop .fullbleed-5050__slide__feature__image,.fullbleed-5050__slide--reversed .fullbleed-5050__slide__feature__image {
    grid-column: span 4
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide--reversed-desktop .fullbleed-5050__slide__feature__image,.fullbleed-5050__slide--reversed .fullbleed-5050__slide__feature__image {
        grid-column-start:2;
        grid-column-end: span 5
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide--larger-image .fullbleed-5050__slide__feature__image {
        grid-column-start:1;
        grid-column-end: span 7
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide--larger-image .fullbleed-5050__slide__feature__chapter {
        grid-column-start:8;
        grid-column-end: span 5
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050__slide--reversed-mobile .fullbleed-5050__slide__feature__card,.fullbleed-5050__slide--reversed .fullbleed-5050__slide__feature__card {
        grid-row-start:1;
        margin-bottom: var(--card-gap);
        margin-top: 0
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050__slide--reversed-mobile .fullbleed-5050__slide__feature__chapter,.fullbleed-5050__slide--reversed .fullbleed-5050__slide__feature__chapter {
        grid-row-start:2
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050__slide--reversed-mobile .fullbleed-5050__slide__feature__background-asset,.fullbleed-5050__slide--reversed .fullbleed-5050__slide__feature__background-asset {
        grid-row-start:1
    }
}

.fullbleed-5050--dynamic-maps .fullbleed-5050__slides {
    --max-height-desktop: auto !important;
    --min-height-desktop: auto !important
}

.fullbleed-5050__slide--dynamic-maps .fullbleed-5050__slide__feature__chapter {
    grid-column: span 4
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide--dynamic-maps .fullbleed-5050__slide__feature__chapter {
        grid-column-start:7;
        grid-column-end: span 5
    }
}

.fullbleed-5050__slide--dynamic-maps .fullbleed-5050__slide__feature__image {
    grid-column: span 4
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide--dynamic-maps .fullbleed-5050__slide__feature__image {
        grid-column-start:2;
        grid-column-end: span 5
    }
}

.fullbleed-5050__slide--flush-top .fullbleed-5050__slide__feature {
    padding-top: 0
}

.fullbleed-5050__slide--flush-bottom .fullbleed-5050__slide__feature {
    padding-bottom: 0
}

.fullbleed-5050__slide[text-color=white] {
    --slide-foreground-color: #fff;
    --slide-body-color: #fff
}

.fullbleed-5050__slide--theme-sky-blue {
    --slide-background-color: #99CBFB
}

.fullbleed-5050__slide--theme-blue {
    --slide-background-color: #e8f0fe
}

.fullbleed-5050__slide--theme-grey {
    --slide-background-color: #f8f9fa
}

@media (max-width: 1023px) {
    .fullbleed-5050__slide--theme-grey .fullbleed-5050__slide__feature__container {
        padding-bottom:30px;
        padding-top: 50px
    }
}

.fullbleed-5050__slide--theme-light {
    --slide-background-color: #f5f5f5
}

.fullbleed-5050__slide--theme-light .fullbleed-5050__slide__feature__background-asset {
    position: relative
}

.fullbleed-5050__slide--theme-light .fullbleed-5050__slide__feature__background-asset:after {
    content: "";
    display: block
}

@media (max-width: 1023px) {
    .fullbleed-5050__slide--theme-light .fullbleed-5050__slide__feature__background-asset:after {
        position:absolute;
        left: 0;
        bottom: 0;
        height: 128px;
        width: 100%;
        background: linear-gradient(0deg,#f5f5f5,#f5f5f500)
    }
}

.fullbleed-5050[theme=dark] .fullbleed-5050__controls__dots {
    --dots-foreground-color: #fff
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide--background-asset-5050-desktop .fullbleed-5050__slide__feature__background-asset {
        width:50%;
        position: absolute;
        height: 100%
    }

    .fullbleed-5050__slide--background-asset-5050-desktop .fullbleed-5050__slide__feature__background-asset img {
        object-position: left center;
        object-fit: cover;
        width: 100%
    }

    .fullbleed-5050__slide--background-asset-5050-desktop .fullbleed-5050__slide__feature__chapter {
        padding-top: 115px;
        padding-bottom: 148px
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide--background-asset-5050-desktop .fullbleed-5050__slide__feature--reversed-desktop .fullbleed-5050__slide__feature__background-asset img {
        object-position:right center
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide--background-asset-5050-desktop-reversed .fullbleed-5050__slide__feature__background-asset {
        right:0
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide--background-asset-5050-desktop-centered .fullbleed-5050__slide__feature__background-asset img {
        object-position:center!important
    }
}

.fullbleed-5050__slide--theme-dark {
    --slide-background-color: #090708;
    --slide-foreground-color: #fff;
    --slide-body-color: #fff
}

.fullbleed-5050__slide--theme-dark .fullbleed-5050__slide__feature__background-asset {
    position: relative
}

.fullbleed-5050__slide--theme-dark .fullbleed-5050__slide__feature__background-asset:after {
    content: "";
    display: block
}

@media (max-width: 1023px) {
    .fullbleed-5050__slide--theme-dark .fullbleed-5050__slide__feature__background-asset:after {
        position:absolute;
        left: 0;
        bottom: 0;
        height: 128px;
        width: 100%;
        background: linear-gradient(0deg,#090708,#09070800)
    }
}

.fullbleed-5050--background-centered .fullbleed-5050__background-asset video,.fullbleed-5050--background-centered .fullbleed-5050__background-asset img,.fullbleed-5050--background-centered .fullbleed-5050__slide__feature__background-asset video,.fullbleed-5050--background-centered .fullbleed-5050__slide__feature__background-asset img {
    object-position: center!important;
    object-fit: cover!important
}

.fullbleed-5050__controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.fullbleed-5050__controls__dots {
    --dots-foreground-color: #202124;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%);
    position: absolute;
    bottom: 30px;
    left: 50%;
    pointer-events: all;
    z-index: 2
}

.fullbleed-5050__controls__dots .fullbleed-5050__controls__dots__dot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.fullbleed-5050__controls__dots .fullbleed-5050__controls__dots__dot:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid var(--dots-foreground-color);
    transition: border .3s ease,background .3s ease
}

.fullbleed-5050__controls__dots .fullbleed-5050__controls__dots__dot--active:before {
    content: "";
    display: block;
    background: var(--dots-foreground-color)
}

.fullbleed-5050__controls__arrows {
    --dots-foreground-color: #202124;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 30px
}

.fullbleed-5050__controls__arrows .fullbleed-5050__controls__arrows__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -webkit-appearance: none;
    background: #fff9;
    border: 0;
    border-radius: 100%;
    cursor: pointer;
    transition: background .3s ease;
    user-select: none
}

@media (min-width: 1024px) {
    .fullbleed-5050__controls__arrows .fullbleed-5050__controls__arrows__arrow {
        width:64px;
        height: 64px
    }
}

.fullbleed-5050__controls__arrows .fullbleed-5050__controls__arrows__arrow:hover {
    background: #fff
}

.fullbleed-5050__controls__arrows .fullbleed-5050__controls__arrows__arrow:focus {
    background: #fff;
    box-shadow: 0 0 0 1px #1a73e8;
    outline: 1px solid #1a73e8
}

.fullbleed-5050__controls__arrows .fullbleed-5050__controls__arrows__arrow+.fullbleed-5050__controls__arrows .fullbleed-5050__controls__arrows__arrow {
    margin-left: 4px
}

.fullbleed-5050__controls__arrows .fullbleed-5050__controls__arrows__arrow--left svg {
    transform: scale(-1)
}

.fullbleed-5050__controls__arrows .fullbleed-5050__controls__arrows__arrow svg {
    height: 22px;
    width: 22px;
    pointer-events: none
}

@media (min-width: 1024px) {
    .fullbleed-5050__controls__arrows .fullbleed-5050__controls__arrows__arrow svg {
        height:36px;
        width: 36px
    }
}

@media (min-width: 1440px) {
    .fullbleed-5050__controls__arrows .fullbleed-5050__controls__arrows__arrow svg {
        height:64px;
        width: 64px
    }
}

.fullbleed-5050__controls__arrows__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: all;
    z-index: 3
}

@media (min-width: 1024px) {
    .fullbleed-5050__controls__arrows__arrow {
        width:64px;
        height: 64px
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050__controls__arrows__arrow {
        top:calc(1px * var(--chapter-offset))
    }
}

.fullbleed-5050__controls__arrows__arrow--left {
    left: 10px
}

@media (min-width: 1440px) {
    .fullbleed-5050__controls__arrows__arrow--left {
        left:20px
    }
}

.fullbleed-5050__controls__arrows__arrow--right {
    right: 10px
}

@media (min-width: 1440px) {
    .fullbleed-5050__controls__arrows__arrow--right {
        right:20px
    }
}

.fullbleed-5050--reversed .fullbleed-5050__background-asset img,.fullbleed-5050--reversed .fullbleed-5050__background-asset video {
    object-position: left
}

@media (max-width: 1439px) {
    .fullbleed-5050--background-mobile-full .fullbleed-5050__slides {
        min-height:var(--min-height-mobile)
    }
}

.fullbleed-5050__slide__feature--height-auto {
    height: auto
}

.fullbleed-5050--placement-specific-get-going-with-google {
    position: relative;
    z-index: 0
}

@media (min-width: 1024px) {
    .fullbleed-5050--placement-specific-get-going-with-google .fullbleed-5050__slide__feature {
        padding:150px 0
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050--placement-specific-impact-calculator .fullbleed-5050__background-asset {
        min-height:100%
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050--placement-specific-impact-calculator .fullbleed-5050__slide__feature {
        padding:80px 0 150px
    }
}

.fullbleed-5050--placement-specific-why-google {
    min-height: 848px
}

@media (max-width: 1023px) {
    .fullbleed-5050--placement-specific-why-google .fullbleed-5050__slide__feature {
        align-items:start
    }

    .fullbleed-5050--placement-specific-why-google .fullbleed-5050__slide__feature__container {
        position: absolute;
        left: 50%;
        top: 30%;
        transform: translate(-50%) translate(0) translateY(-50%);
        width: 100%
    }

    .fullbleed-5050--placement-specific-why-google .fullbleed-5050__slides .fullbleed-5050__slide .fullbleed-5050__slide__feature .fullbleed-5050__slide__feature__background-asset {
        display: none
    }

    .fullbleed-5050--placement-specific-why-google .fullbleed-5050__background-asset video,.fullbleed-5050--placement-specific-why-google .fullbleed-5050__background-asset img {
        height: auto!important;
        object-position: center top!important;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050--placement-specific-why-google {
        min-height:848px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .fullbleed-5050--placement-specific-pricing .fullbleed-5050__slide__feature__background-asset {
        height:482px
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050--placement-specific-pricing .fullbleed-5050__slide__feature__chapter {
        grid-column-start:7;
        grid-column-end: span 5
    }
}

@media (min-width: 1440px) {
    .fullbleed-5050--placement-specific-pricing .fullbleed-5050__slide__feature__chapter {
        grid-column-start:8;
        grid-column-end: span 5
    }
}

@media (max-width: 1439px) {
    .fullbleed-5050--placement-specific-pricing .fullbleed-5050__slide__feature__background-asset {
        width:100%
    }
}

.fullbleed-5050--placement-specific-impact-calculator-results .fullbleed-5050__slide {
    overflow: hidden
}

.fullbleed-5050--placement-specific-impact-calculator-results .fullbleed-5050__slide__feature__image img {
    object-fit: contain;
    object-position: center center;
    height: 100%;
    width: 100%
}

@media (min-width: 1024px) {
    .fullbleed-5050--placement-specific-impact-calculator-results .fullbleed-5050__slide__feature__image {
        grid-column-start:1;
        grid-column-end: span 6
    }
}

.fullbleed-5050--placement-specific-impact-calculator-results .fullbleed-5050__slide__feature__chapter {
    text-align: left;
    align-items: flex-start
}

.fullbleed-5050--placement-specific-impact-calculator-results .fullbleed-5050__slide__feature__chapter .fullbleed-5050__slide__feature__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px
}

@media (min-width: 600px) {
    .fullbleed-5050--placement-specific-impact-calculator-results .fullbleed-5050__slide__feature__chapter .fullbleed-5050__slide__feature__chapter__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050--placement-specific-impact-calculator-results .fullbleed-5050__slide__feature__chapter .fullbleed-5050__slide__feature__chapter__title {
        font-size:28px;
        line-height: 36px
    }
}

.fullbleed-5050--placement-specific-impact-calculator-results .fullbleed-5050__slide__feature__chapter .chapter__item {
    text-align: left
}

@media (min-width: 1024px) {
    .fullbleed-5050--placement-specific-impact-calculator-results .fullbleed-5050__slide__feature__chapter {
        grid-column-start:8;
        grid-column-end: span 5
    }
}

@media (min-width: 1440px) {
    .fullbleed-5050--placement-specific-impact-calculator-results .fullbleed-5050__slide__feature__chapter {
        grid-column-start:7;
        grid-column-end: span 5
    }
}

.fullbleed-5050--placement-specific-tailor-your-solution {
    background-color: #9dd2ff
}

@media (max-width: 1023px) {
    .fullbleed-5050--placement-specific-tailor-your-solution {
        display:flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        min-height: 864px
    }
}

.fullbleed-5050--placement-specific-tailor-your-solution .fullbleed-5050__background-asset {
    position: absolute;
    right: 0;
    top: 0
}

.fullbleed-5050--placement-specific-tailor-your-solution .fullbleed-5050__background-asset img {
    object-position: right!important
}

@media (max-width: 1023px) {
    .fullbleed-5050--placement-specific-tailor-your-solution .fullbleed-5050__background-asset {
        height:auto;
        position: static;
        width: auto;
        margin: 0 0 0 auto
    }

    .fullbleed-5050--placement-specific-tailor-your-solution .fullbleed-5050__background-asset img {
        object-position: right!important;
        object-fit: contain!important
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050--placement-specific-tailor-your-solution .fullbleed-5050__slide {
        padding-bottom:80px
    }
}

.fullbleed-5050--placement-specific-tailor-your-solution .fullbleed-5050__slide__feature {
    padding-top: 0
}

@media (min-width: 1024px) {
    .fullbleed-5050--placement-specific-tailor-your-solution .fullbleed-5050__slide__feature {
        padding-top:inherit
    }
}

.fullbleed-5050--placement-specific-tailor-your-solution .fullbleed-5050__slide__feature__chapter {
    justify-content: flex-start
}

@media (min-width: 1441px) {
    .fullbleed-5050--placement-specific-tailor-your-solution .fullbleed-5050__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 6
    }
}

.fullbleed-5050--placement-specific-tailor-your-solution .fullbleed-5050__slide__feature__chapter__title {
    text-align: left
}

.fullbleed-5050--placement-specific-roll-out-with-click {
    background-color: #f8f9fa
}

@media (max-width: 1023px) {
    .fullbleed-5050--placement-specific-roll-out-with-click {
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050--placement-specific-roll-out-with-click .fullbleed-5050__slide {
        padding:40px 0
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050--placement-specific-roll-out-with-click .fullbleed-5050__slide__feature__container {
        display:flex;
        flex-direction: column
    }
}

.fullbleed-5050--placement-specific-roll-out-with-click .fullbleed-5050__slide__feature {
    padding-top: 0
}

@media (min-width: 1024px) {
    .fullbleed-5050--placement-specific-roll-out-with-click .fullbleed-5050__slide__feature {
        padding-top:inherit
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050--placement-specific-roll-out-with-click .fullbleed-5050__slide__feature__image {
        grid-column-start:1;
        grid-column-end: span 6
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050--placement-specific-roll-out-with-click .fullbleed-5050__slide__feature__chapter {
        grid-column-start:7;
        grid-column-end: span 6
    }
}

@media (min-width: 1441px) {
    .fullbleed-5050--placement-specific-roll-out-with-click .fullbleed-5050__slide__feature__chapter {
        grid-column-start:8;
        grid-column-end: span 7
    }
}

.fullbleed-5050--placement-specific-roll-out-with-click .fullbleed-5050__slide__feature__chapter__title {
    text-align: left
}

@media (max-width: 1023px) {
    .fullbleed-5050--placement-specific-roll-out-with-click .fullbleed-5050__slide__feature__chapter__title {
        text-align:center
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050--placement-specific-roll-out-with-click .fullbleed-5050__slide__feature__chapter__subtitle {
        text-align:center
    }
}

.fullbleed-5050--get-started-with-quick-builder {
    background-color: #f8f9fa
}

@media (max-width: 1279px) {
    .fullbleed-5050--get-started-with-quick-builder {
        display:flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

.fullbleed-5050--get-started-with-quick-builder .fullbleed-5050__background-asset {
    position: absolute;
    left: 0;
    top: 0
}

.fullbleed-5050--get-started-with-quick-builder .fullbleed-5050__background-asset img {
    object-position: left!important
}

@media (max-width: 1279px) {
    .fullbleed-5050--get-started-with-quick-builder .fullbleed-5050__background-asset {
        height:auto;
        position: static;
        width: 100%;
        margin: 0 auto 0 0
    }

    .fullbleed-5050--get-started-with-quick-builder .fullbleed-5050__background-asset img {
        object-position: left!important;
        object-fit: contain!important
    }
}

.fullbleed-5050--get-started-with-quick-builder .fullbleed-5050__slide__feature {
    padding: 0
}

@media (min-width: 1281px) {
    .fullbleed-5050--get-started-with-quick-builder .fullbleed-5050__slide__feature {
        padding-top:inherit
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050--get-started-with-quick-builder .fullbleed-5050__slide__feature__chapter {
        align-items:center;
        padding: 40px 0
    }
}

@media (min-width: 1025px) {
    .fullbleed-5050--get-started-with-quick-builder .fullbleed-5050__slide__feature__chapter {
        grid-column-start:4;
        grid-column-end: span 7
    }
}

@media (min-width: 1281px) {
    .fullbleed-5050--get-started-with-quick-builder .fullbleed-5050__slide__feature__chapter {
        grid-column-start:8;
        grid-column-end: span 7
    }
}

.fullbleed-5050--get-started-with-quick-builder .fullbleed-5050__slide__feature__chapter__title,.fullbleed-5050--get-started-with-quick-builder .fullbleed-5050__slide__feature__chapter__subtitle {
    text-align: left
}

@media (max-width: 1279px) {
    .fullbleed-5050--get-started-with-quick-builder .fullbleed-5050__slide__feature__chapter__title,.fullbleed-5050--get-started-with-quick-builder .fullbleed-5050__slide__feature__chapter__subtitle {
        text-align:center
    }
}

.fullbleed-5050--helpful-features .fullbleed-5050__slide__feature__container {
    width: 100%;
    gap: 40px
}

@media (max-width: 1023px) {
    .fullbleed-5050--helpful-features .fullbleed-5050__slide__feature__container {
        gap:24px
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050--helpful-features .fullbleed-5050__slide__feature__chapter {
        order:2;
        grid-row-start: 2
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050--helpful-features .fullbleed-5050__slide__feature__chapter__title,.fullbleed-5050--helpful-features .fullbleed-5050__slide__feature__chapter__body {
        text-align:left
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050--helpful-features .fullbleed-5050__slide__feature__chapter__buttons {
        align-items:flex-start
    }
}

.fullbleed-5050--helpful-features .fullbleed-5050__slide__feature__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px
}

@media (min-width: 600px) {
    .fullbleed-5050--helpful-features .fullbleed-5050__slide__feature__chapter__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050--helpful-features .fullbleed-5050__slide__feature__chapter__title {
        font-size:28px;
        line-height: 36px
    }
}

.fullbleed-5050--helpful-features .fullbleed-5050__slide__feature__chapter__button span {
    font-size: 20px;
    line-height: 28px
}

@media (min-width: 1024px) {
    .fullbleed-5050--helpful-features .fullbleed-5050__slide__feature__image img,.fullbleed-5050--helpful-features .fullbleed-5050__slide__feature__image video {
        width:450px;
        max-width: none
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050--helpful-features .fullbleed-5050__slide--reversed-desktop .fullbleed-5050__slide__feature__chapter,.fullbleed-5050--helpful-features .fullbleed-5050__slide--reversed .fullbleed-5050__slide__feature__chapter {
        grid-column-start:7;
        grid-column-end: span 5
    }
}

.fullbleed-5050--helpful-features .fullbleed-5050__slide--reversed-desktop .fullbleed-5050__slide__feature__image,.fullbleed-5050--helpful-features .fullbleed-5050__slide--reversed .fullbleed-5050__slide__feature__image {
    grid-column: span 4
}

@media (min-width: 1024px) {
    .fullbleed-5050--helpful-features .fullbleed-5050__slide--reversed-desktop .fullbleed-5050__slide__feature__image,.fullbleed-5050--helpful-features .fullbleed-5050__slide--reversed .fullbleed-5050__slide__feature__image {
        grid-column-start:1;
        grid-column-end: span 6
    }
}

.fullbleed-5050--placement-specific-resources-hero .fullbleed-5050__slides {
    --max-height-desktop: 514px !important;
    --min-height-desktop: 514px
}

.fullbleed-5050--placement-specific-resources-hero .fullbleed-5050__slide__feature {
    padding: 0
}

@media (min-width: 1024px) {
    .fullbleed-5050--placement-specific-resources-hero .fullbleed-5050__slide__feature__chapter {
        grid-column-start:2;
        grid-column-end: span 6
    }
}

@media (min-width: 1440px) {
    .fullbleed-5050--placement-specific-resources-hero .fullbleed-5050__slide__feature__chapter {
        padding-right:70px
    }
}

@media (max-width: 1439px) {
    .fullbleed-5050--placement-specific-resources-hero .fullbleed-5050__slide__feature__background-asset {
        width:100%
    }
}

.fullbleed-5050--placement-specific-resources-hero .fullbleed-5050__slide__feature__container {
    align-items: center;
    position: absolute;
    left: 50%;
    text-align: center;
    top: 60px;
    transform: translate3d(-50%,0,0);
    width: 100%
}

@media (min-width: 1024px) {
    .fullbleed-5050--placement-specific-resources-hero .fullbleed-5050__slide__feature__container {
        align-items:flex-start;
        position: inherit;
        left: inherit;
        text-align: left;
        top: inherit;
        transform: inherit;
        width: inherit
    }
}

.fullbleed-5050--placement-specific-interactive-markers {
    position: relative
}

@media (max-width: 334px) {
    .fullbleed-5050--placement-specific-interactive-markers {
        min-height:1280px
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050--placement-specific-interactive-markers .fullbleed-5050__slide__feature__container {
        left:50%;
        position: absolute;
        top: 38%;
        transform: translate3d(-50%,0,0);
        width: 100%
    }
}

.fullbleed-5050--placement-specific-interactive-markers .fullbleed-5050__slide__feature__background-asset {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .fullbleed-5050--placement-specific-interactive-markers .fullbleed-5050__slide__feature__background-asset {
        transform:translate3d(-20%,0,0)
    }
}

@media (max-width: 1439px) {
    .fullbleed-5050--placement-specific-interactive-markers .fullbleed-5050__slide__feature__chapter {
        grid-column:1/-1
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050--placement-specific-interactive-markers .fullbleed-5050__slide__feature__chapter {
        grid-column-start:8;
        grid-column-end: span 5
    }
}

@media (min-width: 1440px) {
    .fullbleed-5050--placement-specific-interactive-markers .fullbleed-5050__slide__feature__chapter {
        grid-column-start:7;
        grid-column-end: span 5
    }
}

.fullbleed-5050--placement-specific-interactive-markers .fullbleed-5050__slide__feature__chapter__title {
    margin: 0 0 40px
}

.fullbleed-5050--placement-specific-interactive-markers .fullbleed-5050__slide__feature__chapter__body div h4 {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 16px
}

@media (min-width: 600px) {
    .fullbleed-5050--placement-specific-interactive-markers .fullbleed-5050__slide__feature__chapter__body div h4 {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050--placement-specific-interactive-markers .fullbleed-5050__slide__feature__chapter__body div h4 {
        font-size:28px;
        line-height: 36px
    }
}

.fullbleed-5050--placement-specific-interactive-markers .fullbleed-5050__slide__feature__chapter__body div p {
    margin: 0 0 16px
}

.fullbleed-5050--placement-specific-404 .fullbleed-5050__slide__feature__container {
    margin-bottom: 50px;
    margin-top: 50px
}

@media (max-width: 599px) {
    .fullbleed-5050--placement-specific-404 .fullbleed-5050__slide__feature__container {
        gap:0;
        margin-bottom: 40px;
        margin-top: 20px
    }
}

@media (max-width: 599px) and (min-width: 600px) and (max-width: 1023px) {
    .fullbleed-5050--placement-specific-404 .fullbleed-5050__slide__feature__container {
        gap:0;
        margin-bottom: 80px;
        margin-top: 33px
    }
}

.fullbleed-5050--placement-specific-404 .fullbleed-5050__slide__feature__chapter {
    margin-top: -20px
}

.fullbleed-5050--placement-specific-404 .fullbleed-5050__slide__feature__chapter__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -.25px
}

@media (min-width: 600px) {
    .fullbleed-5050--placement-specific-404 .fullbleed-5050__slide__feature__chapter__title {
        font-size:48px;
        line-height: 56px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050--placement-specific-404 .fullbleed-5050__slide__feature__chapter__title {
        font-size:60px;
        line-height: 72px
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050--placement-specific-404 .fullbleed-5050__slide__feature__chapter__title {
        margin-top:0;
        text-align: start
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050--placement-specific-404 .fullbleed-5050__slide__feature__chapter__body {
        text-align:start
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050--placement-specific-404 .fullbleed-5050__slide__feature__chapter__buttons {
        align-items:flex-start
    }
}

.fullbleed-5050--placement-specific-404 .fullbleed-5050__slide__feature__image {
    justify-content: flex-start
}

@media (max-width: 1023px) {
    .fullbleed-5050--placement-specific-404 .fullbleed-5050__slide__feature__image {
        max-width:356px;
        margin: 0 auto
    }
}

.fullbleed-5050__slide__feature__lottie,.fullbleed-5050__slide__feature__cardslider {
    grid-column-start: 1;
    grid-column-end: span 4;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding-bottom: 40px;
    order: 2
}

.fullbleed-5050__slide__feature__lottie--text-overlay,.fullbleed-5050__slide__feature__cardslider--text-overlay {
    position: relative
}

@media (min-width: 600px) {
    .fullbleed-5050__slide__feature__lottie,.fullbleed-5050__slide__feature__cardslider {
        grid-column-start:1;
        grid-column-end: span 7;
        margin-top: 0;
        padding-bottom: 0;
        order: 1
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide__feature__lottie,.fullbleed-5050__slide__feature__cardslider {
        grid-column-start:1;
        grid-column-end: span 6
    }
}

.fullbleed-5050__slide__feature__lottie__text-overlay__title {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    color: #202124;
    text-align: center;
    margin: 0 0 16px
}

@media (min-width: 600px) {
    .fullbleed-5050__slide__feature__lottie__text-overlay__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide__feature__lottie__text-overlay__title {
        font-size:28px;
        line-height: 36px
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050__slide--impact-calculator {
        min-height:var(--min-height-mobile)
    }
}

.fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide {
    overflow: hidden
}

.fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__container {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap)
}

@media (max-width: 599px) {
    .fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__container {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__container {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (max-width: 599px) {
    .fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__container {
        max-width:100%
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__container {
        max-width:100%;
        grid-template-columns: repeat(12,1fr)
    }
}

.fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__chapter {
    order: 1;
    grid-row-start: 1
}

.fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__chapter .fullbleed-5050__slide__feature__chapter__title {
    margin-top: 40px
}

.fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__chapter .fullbleed-5050__slide__feature__chapter__title,.fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__chapter .fullbleed-5050__slide__feature__chapter__subtitle {
    text-align: center
}

@media (min-width: 600px) {
    .fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__chapter {
        grid-column-start:8;
        grid-column-end: span 5;
        order: 2
    }

    .fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__chapter .fullbleed-5050__slide__feature__chapter__title {
        margin-top: 0
    }

    .fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__chapter .fullbleed-5050__slide__feature__chapter__title,.fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__chapter .fullbleed-5050__slide__feature__chapter__subtitle {
        text-align: left
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050__slide--impact-calculator .fullbleed-5050__slide__feature__chapter {
        grid-column-start:7;
        grid-column-end: span 5
    }
}

.fullbleed-5050--aerial-view-3d-customization .fullbleed-5050__slide__feature__image img,.fullbleed-5050--aerial-view-3d-customization .fullbleed-5050__slide__feature__image video {
    border-radius: 24px
}

@media (min-width: 1024px) {
    .fullbleed-5050--aerial-view-3d-customization .fullbleed-5050__slide__feature__image img,.fullbleed-5050--aerial-view-3d-customization .fullbleed-5050__slide__feature__image video {
        width:450px;
        max-width: none
    }
}

.fullbleed-5050--aerial-view-3d-customization .fullbleed-5050__slide__feature__chapter__button span {
    font-size: 20px;
    line-height: 28px
}

.fullbleed-5050--asset-rounded .fullbleed-5050__slide__feature__image img,.fullbleed-5050--asset-rounded .fullbleed-5050__slide__feature__image video {
    border-radius: 24px
}

@media (min-width: 1024px) {
    .fullbleed-5050--asset-rounded .fullbleed-5050__slide__feature__image img,.fullbleed-5050--asset-rounded .fullbleed-5050__slide__feature__image video {
        width:450px;
        max-width: none
    }
}

.fullbleed-5050--asset-shadow .fullbleed-5050__slide__feature__image img,.fullbleed-5050--asset-shadow .fullbleed-5050__slide__feature__image video {
    box-shadow: 0 12px 34px #20345926;
    margin: 34px 0
}

.fullbleed-5050--india-trusted-products .fullbleed-5050__slide__feature__container {
    width: 100%
}

.fullbleed-5050--india-trusted-products .fullbleed-5050__slide__feature {
    gap: 8px
}

@media (min-width: 600px) and (max-width: 1023px) {
    .fullbleed-5050--india-trusted-products .fullbleed-5050__slide__feature {
        gap:24px
    }
}

.fullbleed-5050--india-trusted-products .fullbleed-5050__slide__feature__chapter {
    text-align: left
}

@media (min-width: 1024px) {
    .fullbleed-5050--india-trusted-products .fullbleed-5050__slide__feature__chapter {
        padding-top:90px;
        padding-bottom: 90px
    }
}

@media (min-width: 1440px) {
    .fullbleed-5050--india-trusted-products .fullbleed-5050__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 6;
        padding-left: 88px
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050--india-trusted-products .fullbleed-5050__slide__feature__chapter__title {
        max-width:455px
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050--india-trusted-products .fullbleed-5050__slide__feature__chapter__body {
        max-width:391px
    }
}

.fullbleed-5050--india-trusted-products .fullbleed-5050__slide__feature__chapter__body h4 {
    margin: 36px 0 8px
}

.fullbleed-5050--india-trusted-products .fullbleed-5050__slide__feature__chapter__body h4:first-child {
    margin-top: 24px
}

.fullbleed-5050--india-trusted-products .fullbleed-5050__slide__feature__background-asset img {
    object-position: left top
}

.fullbleed-5050--india-credits {
    --border-radius: 16px;
    background-color: #f8f9fa
}

@media (min-width: 1025px) {
    .fullbleed-5050--india-credits {
        --border-radius: 24px
    }
}

.fullbleed-5050--india-credits .fullbleed-5050__slide__feature__container {
    width: 100%
}

.fullbleed-5050--india-credits .fullbleed-5050__background-asset {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.fullbleed-5050--india-credits .fullbleed-5050__background-asset img {
    object-position: center
}

.fullbleed-5050--india-credits .fullbleed-5050__slide__feature {
    padding: 60px 0
}

@media (min-width: 1024px) {
    .fullbleed-5050--india-credits .fullbleed-5050__slide__feature {
        padding-top:inherit
    }
}

@media (max-width: 599px) {
    .fullbleed-5050--india-credits .fullbleed-5050__slide__feature__image {
        transform:translate(-36px)
    }
}

@media (max-width: 1023px) {
    .fullbleed-5050--india-credits .fullbleed-5050__slide__feature__image {
        display:block;
        margin: 0 auto
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .fullbleed-5050--india-credits .fullbleed-5050__slide__feature__image {
        transform:translate(-40px)
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050--india-credits .fullbleed-5050__slide__feature__image {
        grid-column-start:1;
        grid-column-end: span 6
    }
}

@media (min-width: 1440px) {
    .fullbleed-5050--india-credits .fullbleed-5050__slide__feature__image {
        grid-column-start:2;
        grid-column-end: span 5;
        justify-content: flex-start
    }
}

.fullbleed-5050--india-credits .fullbleed-5050__slide__feature__image img {
    display: block;
    border-radius: var(--border-radius)
}

@media (max-width: 599px) {
    .fullbleed-5050--india-credits .fullbleed-5050__slide__feature__image img {
        width:260px
    }
}

.fullbleed-5050--india-credits .fullbleed-5050__slide__feature__chapter {
    padding: 40px 0 0
}

@media (max-width: 1023px) {
    .fullbleed-5050--india-credits .fullbleed-5050__slide__feature__chapter {
        grid-row-start:2
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050--india-credits .fullbleed-5050__slide__feature__chapter {
        grid-column-start:7;
        grid-column-end: span 5
    }
}

.fullbleed-5050--india-credits .fullbleed-5050__slide__feature__chapter__title,.fullbleed-5050--india-credits .fullbleed-5050__slide__feature__chapter__subtitle,.fullbleed-5050--india-credits .fullbleed-5050__slide__feature__chapter__body {
    text-align: left
}

@media (min-width: 1024px) {
    .fullbleed-5050--india-credits .fullbleed-5050__slide__feature__chapter__title {
        color:#202124;
        font-family: Google Sans,Roboto,Arial,sans-serif;
        font-size: 24px;
        line-height: 32px;
        font-weight: 400;
        font-style: normal
    }
}

@media (min-width: 1024px) and (min-width: 600px) {
    .fullbleed-5050--india-credits .fullbleed-5050__slide__feature__chapter__title {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .fullbleed-5050--india-credits .fullbleed-5050__slide__feature__chapter__title {
        font-size:36px;
        line-height: 44px
    }
}

.fullbleed-5050--india-credits .fullbleed-5050__slide__feature__chapter__buttons {
    align-items: flex-start
}

.fullbleed-5050--india-credits .fullbleed-5050__slide__feature__pricing-card {
    position: absolute;
    bottom: -20px;
    right: -72px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 156px;
    aspect-ratio: 1;
    border-radius: var(--border-radius);
    background: linear-gradient(124.32deg,#265cde 36.2%,#4385f4 100%);
    text-align: center;
    color: #fff;
    z-index: 1;
    gap: 8px
}

@media (min-width: 600px) {
    .fullbleed-5050--india-credits .fullbleed-5050__slide__feature__pricing-card {
        gap:12px;
        width: 240px;
        bottom: -30px;
        right: -100px
    }
}

@media (min-width: 1024px) {
    .fullbleed-5050--india-credits .fullbleed-5050__slide__feature__pricing-card {
        right:0
    }
}

.fullbleed-5050--india-credits .fullbleed-5050__slide__feature__pricing-card__title {
    display: flex;
    flex-direction: column;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-size: 64px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -1.9px
}

@media (min-width: 600px) {
    .fullbleed-5050--india-credits .fullbleed-5050__slide__feature__pricing-card__title {
        font-size:100px;
        line-height: 80px;
        letter-spacing: -3px
    }
}

.fullbleed-5050--india-credits .fullbleed-5050__slide__feature__pricing-card__title span {
    font-size: 24px;
    line-height: 30.5px;
    letter-spacing: -.6px
}

@media (min-width: 600px) {
    .fullbleed-5050--india-credits .fullbleed-5050__slide__feature__pricing-card__title span {
        font-size:32.81px;
        line-height: 41.73px;
        letter-spacing: -1px
    }
}

.fullbleed-5050--india-credits .fullbleed-5050__slide__feature__pricing-card__subtitle {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    color: #1a73e8;
    font-weight: 700;
    font-size: 9px;
    line-height: 10.92px;
    letter-spacing: 1.3px;
    text-align: center;
    text-transform: uppercase;
    color: #fff
}

@media (min-width: 600px) {
    .fullbleed-5050--india-credits .fullbleed-5050__slide__feature__pricing-card__subtitle {
        font-size:14px;
        line-height: 16.8px;
        letter-spacing: 2px;
        text-align: center
    }
}

.fullwidth-cards-carousel__wrap--grey {
    background: #f8f9fa
}

@media (min-width: 1024px) {
    .fullwidth-cards-carousel__wrap .carousel__eyebrow {
        padding-top:0
    }
}

.fullwidth-cards-carousel__wrap .carousel__title {
    max-width: 600px;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .fullwidth-cards-carousel__wrap .carousel__title {
        max-width:1000px
    }
}

.fullwidth-cards-carousel {
    position: relative
}

.fullwidth-cards-carousel .carousel__slides-wrapper {
    margin: 0 auto;
    border-radius: 24px;
    padding: 0 min(5vw,72px)
}

.fullwidth-cards-carousel .carousel__slides {
    clip-path: inset(40px 0% 40px 0% round 24px);
    min-height: 1px;
    margin: 0 auto
}

@media (max-width: 599px) {
    .fullwidth-cards-carousel .carousel__slides {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .fullwidth-cards-carousel .carousel__slides {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .fullwidth-cards-carousel .carousel__slides {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .fullwidth-cards-carousel .carousel__slides {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards-carousel .carousel__slides {
        max-width:1068px
    }
}

@media (max-width: 1023px) {
    .fullwidth-cards-carousel .carousel__slides {
        padding:0
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards-carousel .carousel__slides {
        padding:40px 0
    }
}

.fullwidth-cards-carousel .carousel__slides__slide__outer {
    padding: 0
}

@media (min-width: 1024px) {
    .fullwidth-cards-carousel .carousel__slides__slide__outer {
        max-width:none
    }
}

@media (min-width: 1440px) {
    .fullwidth-cards-carousel .carousel__slides__slide__outer {
        max-width:1068px
    }
}

.fullwidth-cards-carousel .carousel__slides__slide__image {
    grid-column: 1/-1;
    max-width: none
}

.fullwidth-cards-carousel .carousel__slides__slide__image img,.fullwidth-cards-carousel .carousel__slides__slide__image video {
    max-width: none
}

@media (min-width: 600px) and (max-width: 1023px) {
    .fullwidth-cards-carousel .carousel__slides__slide__image img,.fullwidth-cards-carousel .carousel__slides__slide__image video {
        max-width:600px
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards-carousel .carousel__slides__slide__image img,.fullwidth-cards-carousel .carousel__slides__slide__image video {
        filter:none;
        border-radius: 0
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .fullwidth-cards-carousel .carousel__slides__slide__image .video-controls {
        max-width:600px
    }
}

.fullwidth-cards-carousel .carousel__slides__slide__container {
    max-width: none;
    width: 100%;
    padding: 0
}

@media (max-width: 1023px) {
    .fullwidth-cards-carousel .carousel__controls {
        max-width:600px
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards-carousel .carousel__controls {
        width:calc(100% - (min(5vw,72px)*2));
        max-width: 1068px
    }
}

.fullwidth-cards-carousel .carousel__controls__arrows__arrow {
    background: #ffffff4d
}

@media (max-width: 1023px) {
    .fullwidth-cards-carousel .carousel__controls__arrows__arrow {
        top:50%;
        height: 40px!important;
        width: 40px!important;
        background: #ffffffe6
    }
}

.fullwidth-cards-carousel .carousel__controls__arrows .carousel__controls__arrows__arrow:hover,.fullwidth-cards-carousel .carousel__controls__arrows .carousel__controls__arrows__arrow:focus {
    background: #ffffff80!important
}

@media (min-width: 1024px) {
    .fullwidth-cards-carousel .carousel__controls__arrows__arrow svg path:first-child {
        fill:none
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards-carousel .carousel__controls__arrows__arrow svg path:last-child {
        stroke:#fff
    }
}

@media (min-width: 600px) {
    .fullwidth-cards-carousel .carousel__controls__arrows__arrow--left {
        left:24px
    }
}

@media (min-width: 600px) {
    .fullwidth-cards-carousel .carousel__controls__arrows__arrow--right {
        right:24px
    }
}

.fullwidth-cards-carousel .carousel__controls__dots {
    --dots-foreground-color: #fff;
    bottom: 60px
}

@media (min-width: 1024px) {
    .fullwidth-cards-carousel .carousel__controls__dots {
        bottom:80px
    }
}

.fullwidth-cards-carousel--grey {
    background: #f8f9fa
}

@media (max-width: 1023px) {
    .fullwidth-cards-carousel--video-attribution .carousel__slides__slide__outer {
        padding:40px 0
    }
}

@media (max-width: 1023px) {
    .fullwidth-cards-carousel--video-attribution .video-controls--feature {
        top:0
    }
}

.fullwidth-cards {
    padding-bottom: 100px;
    position: relative
}

.fullwidth-cards--grey {
    background: #f8f9fa
}

.fullwidth-cards--no-hover .fullwidth-cards__cards__card:hover .fullwidth-cards__cards__card__image {
    transform: initial
}

.fullwidth-cards--impact-calculator {
    padding-bottom: 48px
}

.fullwidth-cards--dynamic-maps .fullwidth-cards__cards__card:hover .fullwidth-cards__cards__card__image {
    transform: initial
}

.fullwidth-cards--dynamic-maps .fullwidth-cards__cards__card__content {
    padding-bottom: 36px
}

@media (min-width: 600px) {
    .fullwidth-cards--dynamic-maps .fullwidth-cards__cards__card__content {
        padding-bottom:76px
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards--dynamic-maps .fullwidth-cards__cards__card__content {
        padding-bottom:0
    }
}

.fullwidth-cards--india .fullwidth-cards__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal
}

@media (min-width: 600px) {
    .fullwidth-cards--india .fullwidth-cards__title {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards--india .fullwidth-cards__title {
        font-size:36px;
        line-height: 44px
    }
}

.fullwidth-cards--india .fullwidth-cards__heading+.fullwidth-cards__cards {
    margin-top: 40px
}

@media (min-width: 1024px) {
    .fullwidth-cards--india .fullwidth-cards__heading+.fullwidth-cards__cards {
        margin-top:60px
    }
}

.fullwidth-cards--5050 .fullwidth-cards__cards {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 32px
}

@media (min-width: 1024px) {
    .fullwidth-cards--5050 .fullwidth-cards__cards {
        grid-template-columns:1fr 1fr;
        column-gap: 20px
    }
}

.fullwidth-cards--5050 .fullwidth-cards__cards__card {
    margin-top: 0!important
}

.fullwidth-cards__heading {
    padding: 0 30px;
    width: 100%
}

.fullwidth-cards__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    text-align: center
}

@media (min-width: 600px) {
    .fullwidth-cards__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards__title {
        font-size:48px;
        line-height: 56px
    }
}

.fullwidth-cards__title--line-decoration:before {
    content: "";
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    height: 10px;
    margin-bottom: 32px;
    background: #4d8cf3;
    border-radius: 11px
}

.fullwidth-cards__subtitle {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043;
    margin-top: 24px;
    text-align: center
}

.fullwidth-cards__heading+.fullwidth-cards__cards {
    margin-top: 40px
}

@media (min-width: 1024px) {
    .fullwidth-cards__heading+.fullwidth-cards__cards {
        margin-top:60px
    }
}

.fullwidth-cards__background {
    bottom: -140px;
    left: 0;
    position: absolute;
    width: 100%
}

@media (max-width: 1439px) {
    .fullwidth-cards__background {
        display:none
    }
}

.fullwidth-cards__background__asset {
    display: block;
    height: 1154px;
    object-position: center center;
    width: 100%
}

.fullwidth-cards__cards {
    margin: 0 auto
}

@media (max-width: 599px) {
    .fullwidth-cards__cards {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .fullwidth-cards__cards {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .fullwidth-cards__cards {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .fullwidth-cards__cards {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

.fullwidth-cards__cards__card {
    box-shadow: 0 12px 34px #20345940;
    max-width: 319px;
    border-radius: 24px;
    position: relative;
    aspect-ratio: 319/580;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    display: flex;
    align-items: flex-end;
    justify-content: center
}

@media (min-width: 600px) {
    .fullwidth-cards__cards__card {
        aspect-ratio:319/360;
        width: 100%;
        height: auto;
        max-width: none
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__card {
        aspect-ratio:1068/360;
        max-width: 1068px;
        align-items: center;
        justify-content: flex-start
    }
}

@supports not (aspect-ratio: auto) {
    .fullwidth-cards__cards__card {
        height:580px;
        width: 100%
    }

    @media (min-width: 1024px) {
        .fullwidth-cards__cards__card {
            height:360px
        }
    }
}

.fullwidth-cards__cards__card+.fullwidth-cards__cards__card {
    margin-top: 32px
}

.fullwidth-cards__cards__card__content {
    position: relative;
    z-index: 10;
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 56px
}

.fullwidth-cards__cards__card__content:lang(es),.fullwidth-cards__cards__card__content:lang(de),.fullwidth-cards__cards__card__content:lang(fr) {
    padding-bottom: 20px
}

@media (max-width: 599px) {
    .fullwidth-cards__cards__card__content:lang(de),.fullwidth-cards__cards__card__content:lang(fr) {
        padding-left:20px;
        padding-right: 20px
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__card__content {
        width:48.5%;
        text-align: left;
        padding: 0 0 0 111px
    }

    .fullwidth-cards__cards__card__content:lang(es) {
        padding-bottom: 0
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__card--reversed .fullwidth-cards__cards__card__content {
        padding-left:0;
        padding-right: 111px;
        margin-left: auto;
        margin-right: 0
    }
}

.fullwidth-cards__cards__card--light-mobile .fullwidth-cards__cards__card__content .fullwidth-cards__cards__card__content__title,.fullwidth-cards__cards__card--light-mobile .fullwidth-cards__cards__card__content .fullwidth-cards__cards__card__content__body {
    color: #fff
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__card--light-mobile .fullwidth-cards__cards__card__content .fullwidth-cards__cards__card__content__title,.fullwidth-cards__cards__card--light-mobile .fullwidth-cards__cards__card__content .fullwidth-cards__cards__card__content__body {
        color:#3c4043
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__card--centered .fullwidth-cards__cards__card__content {
        margin:0 auto;
        padding: 0;
        text-align: center
    }
}

.fullwidth-cards__cards__card__content__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px
}

@media (min-width: 600px) {
    .fullwidth-cards__cards__card__content__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__card__content__title {
        font-size:28px;
        line-height: 36px
    }
}

.fullwidth-cards__cards__card__content__title:lang(it) {
    white-space: nowrap
}

.fullwidth-cards__cards__card__content__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    margin-top: 16px
}

@media (max-width: 599px) {
    .fullwidth-cards__cards__card__content__body:lang(de),.fullwidth-cards__cards__card__content__body:lang(fr) {
        font-size:14px;
        line-height: 20px
    }
}

.fullwidth-cards__cards__card__content__title,.fullwidth-cards__cards__card__content__body {
    color: #fff
}

.fullwidth-cards__cards__card__content__tags {
    display: flex;
    flex-direction: row;
    justify-content: center;
    grid-gap: 16px;
    margin: 35px auto 0
}

.fullwidth-cards__cards__card__content__tag {
    color: #fff
}

.fullwidth-cards__cards__card--dark .fullwidth-cards__cards__card__content__title {
    color: #202124
}

.fullwidth-cards__cards__card--dark .fullwidth-cards__cards__card__content__body {
    color: #3c4043
}

@media (max-width: 1023px) {
    .fullwidth-cards__cards__card--dark-mobile .fullwidth-cards__cards__card__content__title {
        color:#202124
    }
}

@media (max-width: 1023px) {
    .fullwidth-cards__cards__card--dark-mobile .fullwidth-cards__cards__card__content__body {
        color:#3c4043
    }
}

.fullwidth-cards__cards__card__content__button {
    margin-top: 36px;
    --button-background: transparent;
    --button-border-color: #fff;
    --button-text-color: #fff
}

.fullwidth-cards__cards__card__content__button:focus,.fullwidth-cards__cards__card__content__button:hover,.fullwidth-cards__cards__card__content__button:active {
    --button-border-color: #1a73e8;
    --button-text-color: #174ea6
}

.fullwidth-cards__cards__card__content__button:focus {
    --button-background: linear-gradient(0deg, rgba(26, 115, 232, .12), rgba(26, 115, 232, .12)), #FFFFFF;
    border-width: 2px
}

.fullwidth-cards__cards__card__content__button:hover {
    --button-background: linear-gradient(0deg, rgba(26, 115, 232, .04), rgba(26, 115, 232, .04)), #FFFFFF
}

.fullwidth-cards__cards__card__content__button:active {
    --button-background: linear-gradient(0deg, rgba(26, 115, 232, .1), rgba(26, 115, 232, .1)), #FFFFFF
}

@media (max-width: 599px) {
    .fullwidth-cards__cards__card__content__button:lang(de),.fullwidth-cards__cards__card__content__button:lang(fr) {
        margin-top:24px
    }
}

.fullwidth-cards__cards__card__image {
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1);
    transition: transform .5s cubic-bezier(.85,0,.15,1);
    will-change: transform;
    will-change: initial;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 319/360
}

.fullwidth-cards__cards__card__video-background {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0
}

.fullwidth-cards__cards__card__video-background video {
    width: 100%
}

.fullwidth-cards__cards__card__video-background--active {
    opacity: 1
}

.fullwidth-cards__cards__card__background video {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(100% + 4px);
    height: 100%;
    object-fit: cover;
    position: relative
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__card__background video {
        position:absolute
    }
}

.fullwidth-cards__cards__card:hover .fullwidth-cards__cards__card__image {
    transform: scale(1.1);
    transition: transform .5s cubic-bezier(.85,0,.15,1)
}

.fullwidth-cards__cards__hidden-content {
    position: relative
}

.fullwidth-cards__cards__hidden-content[open] {
    padding-bottom: 110px
}

.fullwidth-cards__cards__hidden-content__buttons {
    cursor: pointer;
    list-style: none;
    margin-top: 74px
}

.fullwidth-cards__cards__hidden-content__buttons::-webkit-details-marker {
    display: none
}

.fullwidth-cards__cards__hidden-content__buttons:hover:after,.fullwidth-cards__cards__hidden-content__buttons:focus:after {
    display: none
}

.fullwidth-cards__cards__hidden-content[open] .fullwidth-cards__cards__card {
    animation-duration: .5s;
    animation-timing-function: cubic-bezier(.65,0,.35,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal;
    animation-name: fade-in
}

.fullwidth-cards__cards__hidden-content__buttons__close,.fullwidth-cards__cards__hidden-content__buttons__open {
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    color: #1a73e8
}

.fullwidth-cards__cards__hidden-content__buttons__open,.fullwidth-cards__cards__hidden-content__buttons__close {
    display: flex;
    align-items: center;
    gap: 8px
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__hidden-content__buttons__open,.fullwidth-cards__cards__hidden-content__buttons__close {
        gap:17.5px
    }
}

.fullwidth-cards__cards__hidden-content__buttons__open,.fullwidth-cards__cards__hidden-content__buttons__open [icon],.fullwidth-cards__cards__hidden-content__buttons__close,.fullwidth-cards__cards__hidden-content__buttons__close [icon] {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    color: #1967d2
}

@media (min-width: 600px) {
    .fullwidth-cards__cards__hidden-content__buttons__open,.fullwidth-cards__cards__hidden-content__buttons__open [icon],.fullwidth-cards__cards__hidden-content__buttons__close,.fullwidth-cards__cards__hidden-content__buttons__close [icon] {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__hidden-content__buttons__open,.fullwidth-cards__cards__hidden-content__buttons__open [icon],.fullwidth-cards__cards__hidden-content__buttons__close,.fullwidth-cards__cards__hidden-content__buttons__close [icon] {
        font-size:28px;
        line-height: 36px
    }
}

.fullwidth-cards__cards__hidden-content__buttons__close {
    display: none
}

.fullwidth-cards__cards__hidden-content[open] .fullwidth-cards__cards__hidden-content__buttons__close {
    display: flex
}

.fullwidth-cards__cards__hidden-content[open] .fullwidth-cards__cards__hidden-content__buttons__open {
    display: none
}

.fullwidth-cards__cards__hidden-content[open] .fullwidth-cards__cards__hidden-content__buttons {
    transform: translate(-50%);
    position: absolute;
    bottom: 0;
    left: 50%
}

.fullwidth-cards__cards__hidden-content .fullwidth-cards__cards__card {
    margin-top: 32px
}

@media (min-width: 600px) and (max-width: 1023px) {
    .fullwidth-cards__cards__card--no-max-height-tablet .fullwidth-cards__cards__card__background video,.fullwidth-cards__cards__card--no-max-height-tablet .fullwidth-cards__cards__card__image {
        max-height:none!important
    }
}

.fullwidth-cards__cards__card--centered {
    justify-content: center
}

@media (max-width: 1023px) {
    .fullwidth-cards__cards__card--centered {
        align-items:center
    }
}

@media (max-width: 329px) {
    .fullwidth-cards__cards__card--centered .fullwidth-cards__cards__card__content {
        padding-left:50px;
        padding-right: 50px;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__card--centered .fullwidth-cards__cards__card__content {
        padding:0
    }
}

.fullwidth-cards__cards__card--centered .fullwidth-cards__cards__card__content__title,.fullwidth-cards__cards__card--centered .fullwidth-cards__cards__card__content__body {
    text-align: center
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__card--large {
        aspect-ratio:1296/450;
        max-width: 1296px
    }
}

@supports not (aspect-ratio: auto) {
    .fullwidth-cards__cards__card--large {
        height:690px;
        width: 100%
    }

    @media (min-width: 1024px) {
        .fullwidth-cards__cards__card--large {
            height:450px
        }
    }
}

.fullwidth-cards__cards__card--large .fullwidth-cards__cards__card__content__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    color: #fff
}

@media (min-width: 600px) {
    .fullwidth-cards__cards__card--large .fullwidth-cards__cards__card__content__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__card--large .fullwidth-cards__cards__card__content__title {
        font-size:48px;
        line-height: 56px
    }
}

.fullwidth-cards__cards__card--5050 {
    aspect-ratio: 638/813
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__card--5050 {
        aspect-ratio:1276/904
    }
}

.fullwidth-cards__cards__card--5050 .fullwidth-cards__cards__card__content {
    width: 100%;
    margin: 0 10px
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__card--5050 .fullwidth-cards__cards__card__content {
        width:80%
    }
}

.fullwidth-cards__cards__card--5050 .fullwidth-cards__cards__card__content__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    color: #fff
}

@media (min-width: 600px) {
    .fullwidth-cards__cards__card--5050 .fullwidth-cards__cards__card__content__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__card--5050 .fullwidth-cards__cards__card__content__title {
        font-size:48px;
        line-height: 56px
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__card--no-aspect-ratio-desktop,.fullwidth-cards__cards__card--no-aspect-ratio {
        column-gap:64px
    }

    .fullwidth-cards__cards__card--no-aspect-ratio-desktop .fullwidth-cards__cards__card__background,.fullwidth-cards__cards__card--no-aspect-ratio .fullwidth-cards__cards__card__background,.fullwidth-cards__cards__card--no-aspect-ratio-desktop .fullwidth-cards__cards__card__content,.fullwidth-cards__cards__card--no-aspect-ratio .fullwidth-cards__cards__card__content {
        flex: calc(50% - 64px);
        padding: 0;
        width: auto
    }

    .fullwidth-cards__cards__card--no-aspect-ratio-desktop .fullwidth-cards__cards__card__content,.fullwidth-cards__cards__card--no-aspect-ratio .fullwidth-cards__cards__card__content {
        padding-right: 64px
    }

    .fullwidth-cards__cards__card--no-aspect-ratio-desktop .fullwidth-cards__cards__card__background video,.fullwidth-cards__cards__card--no-aspect-ratio .fullwidth-cards__cards__card__background video,.fullwidth-cards__cards__card--no-aspect-ratio-desktop .fullwidth-cards__cards__card__image,.fullwidth-cards__cards__card--no-aspect-ratio .fullwidth-cards__cards__card__image {
        width: calc(50% - 32px)
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__card--no-aspect-ratio-desktop.fullwidth-cards__cards__card--reversed .fullwidth-cards__cards__card__content,.fullwidth-cards__cards__card--reversed.fullwidth-cards__cards__card--no-aspect-ratio .fullwidth-cards__cards__card__content {
        order:1;
        padding-left: 64px;
        padding-right: auto
    }

    .fullwidth-cards__cards__card--no-aspect-ratio-desktop.fullwidth-cards__cards__card--reversed .fullwidth-cards__cards__card__background,.fullwidth-cards__cards__card--reversed.fullwidth-cards__cards__card--no-aspect-ratio .fullwidth-cards__cards__card__background {
        order: 2
    }

    .fullwidth-cards__cards__card--no-aspect-ratio-desktop.fullwidth-cards__cards__card--reversed .fullwidth-cards__cards__card__background video,.fullwidth-cards__cards__card--reversed.fullwidth-cards__cards__card--no-aspect-ratio .fullwidth-cards__cards__card__background video,.fullwidth-cards__cards__card--no-aspect-ratio-desktop.fullwidth-cards__cards__card--reversed .fullwidth-cards__cards__card__image,.fullwidth-cards__cards__card--reversed.fullwidth-cards__cards__card--no-aspect-ratio .fullwidth-cards__cards__card__image {
        left: auto;
        right: 0
    }
}

@media (max-width: 1023px) {
    .fullwidth-cards__cards__card--no-aspect-ratio-mobile,.fullwidth-cards__cards__card--no-aspect-ratio {
        flex-direction:column;
        aspect-ratio: auto
    }

    .fullwidth-cards__cards__card--no-aspect-ratio-mobile .fullwidth-cards__cards__card__content__title,.fullwidth-cards__cards__card--no-aspect-ratio .fullwidth-cards__cards__card__content__title {
        font-size: 24px;
        line-height: 32px
    }

    .fullwidth-cards__cards__card--no-aspect-ratio-mobile .fullwidth-cards__cards__card__background,.fullwidth-cards__cards__card--no-aspect-ratio .fullwidth-cards__cards__card__background {
        width: 100%;
        position: relative
    }

    .fullwidth-cards__cards__card--no-aspect-ratio-mobile .fullwidth-cards__cards__card__content,.fullwidth-cards__cards__card--no-aspect-ratio .fullwidth-cards__cards__card__content {
        padding: 40px 24px
    }

    .fullwidth-cards__cards__card--no-aspect-ratio-mobile .fullwidth-cards__cards__card__background video,.fullwidth-cards__cards__card--no-aspect-ratio .fullwidth-cards__cards__card__background video,.fullwidth-cards__cards__card--no-aspect-ratio-mobile .fullwidth-cards__cards__card__image,.fullwidth-cards__cards__card--no-aspect-ratio .fullwidth-cards__cards__card__image {
        position: relative;
        top: auto;
        left: auto;
        aspect-ratio: initial;
        max-height: 288px;
        object-position: top center
    }
}

@media (max-width: 1023px) and (min-width: 600px) and (max-width: 1023px) {
    .fullwidth-cards__cards__card--no-aspect-ratio-mobile .fullwidth-cards__cards__card__background video,.fullwidth-cards__cards__card--no-aspect-ratio .fullwidth-cards__cards__card__background video,.fullwidth-cards__cards__card--no-aspect-ratio-mobile .fullwidth-cards__cards__card__image,.fullwidth-cards__cards__card--no-aspect-ratio .fullwidth-cards__cards__card__image {
        max-height:375px
    }
}

@media (max-width: 1023px) {
    .fullwidth-cards__cards__card--background-olive .fullwidth-cards__cards__card__content {
        background:#413836
    }
}

@media (max-width: 1023px) {
    .fullwidth-cards__cards__card--background-light-blue .fullwidth-cards__cards__card__content {
        background:#8fbbe5
    }
}

@media (max-width: 1023px) {
    .fullwidth-cards__cards__card--background-black .fullwidth-cards__cards__card__content {
        background:#202124
    }
}

.fullwidth-cards__cards__card--dark .fullwidth-cards__cards__card__content__title,.fullwidth-cards__cards__card--dark .fullwidth-cards__cards__card__content__body {
    color: #3c4043
}

@media (max-width: 1023px) {
    .fullwidth-cards__cards__card--background-dark-mobil .fullwidth-cards__cards__card__content {
        color:#3c4043
    }
}

.fullwidth-cards__cards__card--background-dark-mobil .fullwidth-cards__cards__card__content__button {
    --button-background: transparent;
    --button-border-color: #fff;
    --button-text-color: #fff;
    --button-border-color: #202124;
    --button-text-color: #202124;
    color: var(--button-text-color)
}

.fullwidth-cards__cards__card--background-dark-mobil .fullwidth-cards__cards__card__content__button:focus,.fullwidth-cards__cards__card--background-dark-mobil .fullwidth-cards__cards__card__content__button:hover,.fullwidth-cards__cards__card--background-dark-mobil .fullwidth-cards__cards__card__content__button:active {
    --button-border-color: #1a73e8;
    --button-text-color: #174ea6
}

.fullwidth-cards__cards__card--background-dark-mobil .fullwidth-cards__cards__card__content__button:focus {
    --button-background: linear-gradient(0deg, rgba(26, 115, 232, .12), rgba(26, 115, 232, .12)), #FFFFFF;
    border-width: 2px
}

.fullwidth-cards__cards__card--background-dark-mobil .fullwidth-cards__cards__card__content__button:hover {
    --button-background: linear-gradient(0deg, rgba(26, 115, 232, .04), rgba(26, 115, 232, .04)), #FFFFFF
}

.fullwidth-cards__cards__card--background-dark-mobil .fullwidth-cards__cards__card__content__button:active {
    --button-background: linear-gradient(0deg, rgba(26, 115, 232, .1), rgba(26, 115, 232, .1)), #FFFFFF
}

.fullwidth-cards__cards__card--background-dark-mobil .fullwidth-cards__cards__card__content__button:hover,.fullwidth-cards__cards__card--background-dark-mobil .fullwidth-cards__cards__card__content__button:focus,.fullwidth-cards__cards__card--background-dark-mobil .fullwidth-cards__cards__card__content__button:active,.fullwidth-cards__cards__card--background-dark-mobil .fullwidth-cards__cards__card__content__button:visited {
    --button-border-color: #1a73e8;
    --button-text-color: #174ea6
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__card--dynamic-maps-large {
        aspect-ratio:1296/550;
        max-width: 1296px
    }
}

@media (min-width: 1100px) {
    .fullwidth-cards__cards__card--dynamic-maps-large {
        aspect-ratio:1296/450
    }
}

@supports not (aspect-ratio: auto) {
    .fullwidth-cards__cards__card--dynamic-maps-large {
        height:690px;
        width: 100%
    }

    @media (min-width: 1024px) {
        .fullwidth-cards__cards__card--dynamic-maps-large {
            height:550px
        }
    }

    @media (min-width: 1100px) {
        .fullwidth-cards__cards__card--dynamic-maps-large {
            height:450px
        }
    }
}

.fullwidth-cards__cards__card--dynamic-maps-large .fullwidth-cards__cards__card__content__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    color: #fff
}

@media (min-width: 600px) {
    .fullwidth-cards__cards__card--dynamic-maps-large .fullwidth-cards__cards__card__content__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .fullwidth-cards__cards__card--dynamic-maps-large .fullwidth-cards__cards__card__content__title {
        font-size:48px;
        line-height: 56px
    }
}

.fullwidth-cards__cards__card--darken-video {
    position: relative
}

.fullwidth-cards__cards__card--darken-video .fullwidth-cards__cards__card__video-background {
    filter: brightness(40%)
}

.fullwidth-cards__cards__card--darken-video .fullwidth-cards__cards__card__video-background:before {
    content: "";
    background: radial-gradient(50% 50% at 50% 50%,#00000080 40%,#0000 100%);
    height: 100%;
    position: absolute;
    width: 100%
}

.fullwidth-cards__cards__card--darken-video .fullwidth-cards__cards__card__content__button span {
    color: #8ab4f8
}

.fullwidth-cards__cards__card--darken-video .fullwidth-cards__cards__card__content__button:after {
    background-color: #8ab4f8
}

.fullwidth-cards__cards__card--get-started .fullwidth-cards__cards__card__content__title {
    max-width: 480px;
    margin: 0 auto
}

.fullwidth-cards__cards__card--get-started .fullwidth-cards__cards__card__content__button,.fullwidth-cards__cards__card--get-started .fullwidth-cards__cards__card__content__button span,.fullwidth-cards__cards__card--get-started .fullwidth-cards__cards__card__content__button:visited {
    color: #8ab4f8
}

.fullwidth-cards__cards__card--get-started .fullwidth-cards__cards__card__content__button:after {
    background-color: #8ab4f8
}

.fullwidth-cards__cards__card--air-quality .fullwidth-cards__cards__card__content__title {
    max-width: 400px
}

.fullwidth-cards__cards__card--submit-demo .fullwidth-cards__cards__card__content {
    padding-bottom: 0
}

.fullwidth-video {
    margin: 0 auto
}

@media (max-width: 599px) {
    .fullwidth-video {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .fullwidth-video {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .fullwidth-video {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .fullwidth-video {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

.fullwidth-video__video {
    border-radius: 24px;
    line-height: 0;
    overflow: hidden;
    position: relative;
    z-index: 3
}

.fullwidth-video__video video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.fullwidth-video__youtube {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    background: #00000080;
    gap: 8px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

@media (min-width: 1024px) {
    .fullwidth-video__youtube {
        gap:16px
    }
}

.fullwidth-video__youtube__icon img {
    width: 48px
}

@media (min-width: 1024px) {
    .fullwidth-video__youtube__icon img {
        width:96px
    }
}

.fullwidth-video__youtube__cta-text {
    color: #202124;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

@media (min-width: 1024px) {
    .fullwidth-video__youtube__cta-text {
        color:#202124;
        font-family: Google Sans,Roboto,Arial,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        line-height: 28px;
        color: #fff
    }
}

@media (min-width: 1024px) and (min-width: 600px) {
    .fullwidth-video__youtube__cta-text {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .fullwidth-video__youtube__cta-text {
        font-size:28px;
        line-height: 36px
    }
}

.fullwidth-video__youtube__duration {
    background: #202124;
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 15px;
    gap: 4px;
    padding: 6px 12px;
    height: 26px;
    border-radius: 13px
}

.fullwidth-video__youtube__duration svg {
    width: 15px;
    height: 15px
}

.fullwidth-video__youtube__duration__icon {
    transform: translateY(-1px)
}

:root {
    --header-height: 64px
}

.header {
    background: #fff;
    box-shadow: 0 2px 6px #0000001f,inset 0 -1px #dadce0;
    left: 0;
    position: fixed;
    top: 0;
    transition: transform .3s ease;
    width: 100%;
    z-index: 90
}

@media (max-width: 1023px) {
    .header {
        height:var(--header-height)48px3px
    }
}

@media (max-width: 767px) {
    .header {
        box-shadow:none
    }
}

@media (max-width: 1023px) {
    .header--sticky {
        transform:translateY(calc(0px - var(--header-height)))
    }
}

.header--below-fold .header__nav__aside {
    transform: translateY(var(--header-height))
}

.header__top {
    border-bottom: 1px solid #dadce0;
    position: relative;
    z-index: 3
}

.header__top .header__container {
    justify-content: space-between
}

.header__container {
    margin: 0 auto;
    max-width: 2560px!important;
    padding: 0 15px 0 0!important;
    display: flex;
    align-items: center;
    grid-gap: 0 20px;
    height: var(--header-height)
}

@media (max-width: 599px) {
    .header__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .header__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .header__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .header__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 360px) {
    .header__container {
        padding-left:13px!important
    }
}

@media (min-width: 1303px) {
    html[lang=es] .header__container,html[lang=es-419] .header__container,html[lang=fr] .header__container,html[lang=it] .header__container,html[lang=ja] .header__container,html[lang=ru] .header__container,html[lang=pt-BR] .header__container {
        width:100%;
        margin: 0
    }
}

.header__logo {
    display: flex;
    align-items: center
}

.header__logo .link__label {
    display: none
}

.header__lockup {
    display: flex;
    align-items: center;
    grid-gap: 5px;
    background: #fff;
    position: relative;
    z-index: 2
}

@media (max-width: 1023px) {
    .header__lockup {
        align-self:flex-start;
        flex-grow: 1;
        height: 100%;
        padding: 0 15px 0 9px
    }

    .header__lockup .link {
        margin-left: 0!important
    }
}

@media (max-width: 360px) {
    .header__lockup {
        grid-gap:0;
        padding-left: 0
    }

    .header__lockup .link img {
        transform: scale(.92)
    }

    .header__lockup .link__label {
        font-size: 92%
    }
}

.header__lockup .link {
    display: flex;
    align-items: center;
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    color: #5f6368;
    font-size: 22px!important;
    line-height: 28px!important;
    margin-left: 9px;
    grid-gap: 5px
}

@media (min-width: 600px) {
    .header__lockup .link {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .header__lockup .link {
        font-size:28px;
        line-height: 36px
    }
}

@media (min-width: 768px) {
    .header__menu-button {
        display:none
    }
}

.header__aside {
    display: flex;
    align-items: center;
    z-index: 1;
    grid-gap: 20px
}

@media (max-width: 599px) {
    .header__aside {
        display:none
    }
}

.header__aside .language-selector select {
    border: 1px solid #dadce0!important;
    border-radius: 6px;
    height: 38px;
    margin: 0;
    max-width: 200px;
    padding-left: 14px;
    white-space: nowrap
}

.header__aside__buttons {
    display: flex;
    column-gap: 16px
}

.header__aside__buttons .button--link,.header__aside__buttons .button--link-inverted,.header__aside__buttons .button--link-large {
    color: #5f6368
}

.header__aside__buttons .button--link:after,.header__aside__buttons .button--link-inverted:after,.header__aside__buttons .button--link-large:after {
    display: none!important
}

.header__aside__buttons .button--link:hover,.header__aside__buttons .button--link-inverted:hover,.header__aside__buttons .button--link-large:hover {
    color: #202124
}

@media (max-width: 767px) {
    .header__aside__buttons--group2 {
        display:none
    }
}

@media (min-width: 1303px) {
    .header__bottom {
        display:none
    }
}

@media (min-width: 1303px) {
    html[lang=es] .header__bottom,html[lang=es-419] .header__bottom,html[lang=fr] .header__bottom,html[lang=it] .header__bottom,html[lang=ja] .header__bottom,html[lang=ru] .header__bottom,html[lang=pt-BR] .header__bottom {
        display:flex
    }
}

@media (max-width: 767px) {
    .header__bottom {
        display:none
    }
}

.header__bottom .header__container {
    padding-left: 0!important;
    position: relative;
    flex-wrap: wrap
}

@media (max-width: 766px) {
    .header__bottom .header__container {
        display:flex;
        flex-direction: column;
        grid-gap: 0;
        padding: 0!important
    }
}

.header__lockup__title {
    padding-left: 8px
}

.header__nav {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .1px;
    line-height: 24px;
    display: flex;
    align-items: center;
    flex-grow: 1;
    height: 100%;
    margin-left: 20px
}

@media (max-width: 767px) {
    .header__nav {
        display:none
    }
}

@media (min-width: 1303px) {
    .header__nav {
        display:none
    }

    html[lang=es] .header__nav,html[lang=es-419] .header__nav,html[lang=fr] .header__nav,html[lang=it] .header__nav,html[lang=ja] .header__nav,html[lang=ru] .header__nav,html[lang=pt-BR] .header__nav {
        display: flex
    }
}

.header__nav--desktop {
    display: flex;
    margin-left: min(3.3333333333vw,48px)
}

@media (max-width: 1302px) {
    .header__nav--desktop {
        display:none
    }
}

@media (min-width: 1303px) {
    html[lang=es] .header__nav--desktop,html[lang=es-419] .header__nav--desktop,html[lang=fr] .header__nav--desktop,html[lang=it] .header__nav--desktop,html[lang=ja] .header__nav--desktop,html[lang=ru] .header__nav--desktop,html[lang=pt-BR] .header__nav--desktop {
        display:none
    }
}

.header__nav__item {
    display: flex;
    align-items: center;
    border-top: 2px solid #fff;
    border-bottom: 1px solid #dadce0;
    height: 100%
}

@media (min-width: 1304px) {
    .header__nav__item {
        border-bottom:1px solid #fff
    }

    html[lang=es] .header__nav__item,html[lang=es-419] .header__nav__item,html[lang=fr] .header__nav__item,html[lang=it] .header__nav__item,html[lang=ja] .header__nav__item,html[lang=ru] .header__nav__item,html[lang=pt-BR] .header__nav__item {
        border-bottom: none
    }
}

@media (min-width: 768px) {
    .header__nav__item:not(last-child) {
        margin-right:min(3.3333333333vw,48px)
    }
}

.header__nav__item a {
    cursor: pointer
}

.header__nav__item summary {
    align-items: center;
    display: flex;
    cursor: pointer;
    height: 100%;
    justify-content: flex-start;
    list-style: none;
    color: #5f6368
}

@media (min-width: 1024px) {
    .header__nav__item summary {
        align-items:flex-start;
        padding-top: 18px
    }
}

.header__nav__item summary::-webkit-details-marker {
    display: none
}

.header__nav__item:hover>a,.header__nav__item:hover>div[tabindex],.header__nav__item:hover>summary,.header__nav__item:active>a,.header__nav__item:active>div[tabindex],.header__nav__item:active>summary,.header__nav__item:focus>a,.header__nav__item:focus>div[tabindex],.header__nav__item:focus>summary,.header__nav__item--current>a,.header__nav__item--current>div[tabindex],.header__nav__item--current>summary {
    color: #202124!important
}

.header__nav__item--current {
    border-bottom: 3px solid #1a73e8
}

.header__nav__item--has-subnav {
    background-image: url(/static/images/icons/expand.svg);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 22px
}

.header__nav__item--has-subnav:hover,.header__nav__item--has-subnav:active,.header__nav__item--has-subnav:focus,.header__nav__item--has-subnav.header__nav__item--current {
    background-image: url(/static/images/icons/expand-active.svg)
}

.header__nav__item--has-subnav:active .header__nav__subnav,.header__nav__item--has-subnav:focus .header__nav__subnav,.header__nav__item--has-subnav:focus-within .header__nav__subnav {
    opacity: 1;
    pointer-events: auto
}

.header__nav__item [opens-subnav] {
    width: 100%
}

@media (max-width: 767px) {
    .header__nav__item--mobile-subnav-disabled {
        background-image:none!important;
        pointer-events: none!important
    }

    .header__nav__item--mobile-subnav-disabled>div[tabindex] {
        color: #80868b!important
    }
}

.header__nav__item--only-mobile {
    padding-left: 40px!important
}

@media (min-width: 768px) {
    .header__nav__item--only-mobile {
        display:none
    }
}

.header__nav__item>a,.header__nav__item>div[tabindex] {
    display: flex;
    align-items: center;
    color: #5f6368;
    height: 100%;
    white-space: nowrap
}

.header__nav__item>div[tabindex] {
    cursor: default
}

@media (max-width: 1023px) {
    .header__nav__item>div[tabindex] {
        cursor:pointer
    }
}

.header__nav__subnav {
    display: flex;
    flex-direction: row;
    background: #fff;
    box-shadow: 0 2px 6px #0000001f,inset 0 -1px #dadce0;
    left: 0;
    max-height: calc(100vh - 2 * var(--header-height));
    opacity: 0;
    overflow-y: auto;
    padding: 33px 72px 64px;
    pointer-events: none;
    position: absolute;
    top: var(--header-height);
    transition: opacity .3s ease;
    width: 100%
}

.header__nav__subnav.open {
    opacity: 1;
    pointer-events: auto
}

.header__nav__subnav--columns {
    padding-bottom: 0
}

@media (min-width: 600px) {
    .header__nav__subnav--columns {
        display:flex;
        flex-direction: column;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 1440px) {
    .header__nav__subnav--columns {
        display:flex;
        flex-direction: row;
        padding-left: 72px;
        padding-right: 72px
    }
}

@media (min-width: 600px) {
    .header__nav__subnav--columns .header__nav__subnav__meta {
        max-width:100%;
        display: flex;
        flex-direction: row;
        gap: 24px;
        margin-bottom: 24px
    }

    .header__nav__subnav--columns .header__nav__subnav__meta .header__nav__subnav__button {
        white-space: nowrap;
        margin-top: 0
    }
}

@media (min-width: 1440px) {
    .header__nav__subnav--columns .header__nav__subnav__meta {
        max-width:226px;
        display: block
    }

    .header__nav__subnav--columns .header__nav__subnav__meta .header__nav__subnav__button {
        margin-top: 36px
    }
}

.header__nav__subnav--columns .header__nav__subnav__meta__content {
    flex-grow: 1
}

.header__nav__subnav--columns .header__nav__subnav__links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-row-gap: 40px;
    border-bottom: 64px solid transparent
}

@media (min-width: 600px) and (max-width: 1023px) {
    .header__nav__subnav--columns .header__nav__subnav__links {
        margin-left:0;
        column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .header__nav__subnav--columns .header__nav__subnav__links {
        margin-left:0;
        column-gap: 24px
    }
}

@media (min-width: 1024px) {
    .header__nav__subnav--columns .header__nav__subnav__links {
        justify-content:space-between;
        width: 100%
    }
}

.header__nav__subnav--columns .header__nav__subnav__items {
    display: flex;
    flex-direction: column;
    grid-gap: 12px 20px
}

@media (min-width: 1024px) {
    .header__nav__subnav--columns .header__nav__subnav__items__group {
        min-width:200px
    }
}

.header__nav__subnav--columns .header__nav__subnav__items__group__icon {
    margin-bottom: 8px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.header__nav__subnav--columns .header__nav__subnav__items__group__title {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 24px;
    font-size: 20px;
    color: #202124;
    margin-bottom: 12px;
    text-transform: none
}

.header__nav__subnav--columns .header__nav__subnav__item {
    display: inline-block;
    margin-top: 4px;
    white-space: nowrap;
    width: auto
}

@media (min-width: 600px) {
    .header__nav__subnav--columns .header__nav__subnav__item {
        margin-right:0
    }
}

@media (min-width: 1440px) {
    .header__nav__subnav--columns .header__nav__subnav__item {
        margin-right:80px
    }
}

.header__nav__subnav--columns .header__nav__subnav__item .link {
    display: inline-block
}

.header__nav__subnav--columns .header__nav__subnav__item .link:before {
    border-radius: 4px;
    width: calc(100% + 4px);
    left: -2px;
    height: calc(100% + 4px);
    top: -2px
}

.header__nav__subnav--columns .header__nav__subnav__item__external-links a {
    margin-left: 8px;
    padding-right: 14px;
    position: relative
}

.header__nav__subnav--columns .header__nav__subnav__item__external-links a:after {
    background-image: url(/static/images/icons/external-link.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 12px;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 12px
}

@media (min-width: 600px) {
    .header__nav__subnav--columns .header__nav__subnav__item__external-links a {
        margin-left:0;
        margin-right: 8px
    }
}

.header__nav__subnav--columns .header__nav__subnav__item__external-links a:after {
    display: inline-block
}

.header__nav__subnav--rows .header__nav__subnav__item a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 8px
}

.header__nav__subnav--rows .header__nav__subnav__item--current .link {
    position: relative
}

@media (min-width: 1024px) {
    .header__nav__subnav--rows .header__nav__subnav__item--current .link:before {
        content:"";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background: #e8f0fe;
        width: calc(100% + 48px);
        height: calc(100% + 20px);
        margin-top: -4px;
        border-radius: 24px
    }
}

.header__nav__subnav__back-button {
    display: none
}

.header__nav__subnav__close-button {
    align-items: center;
    appearance: none;
    background: none;
    border-radius: 48px;
    border: 0;
    color: #5f6368;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    position: absolute;
    right: 42px;
    top: 25px;
    width: 48px;
    z-index: 12
}

.header__nav__subnav__close-button:hover {
    background: #fff
}

.header__nav__subnav__close-button:active,.header__nav__subnav__close-button:focus {
    background: #f1f3f4
}

.header__nav__subnav__meta {
    max-width: 226px
}

.header__nav__subnav__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px
}

@media (min-width: 600px) {
    .header__nav__subnav__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .header__nav__subnav__title {
        font-size:28px;
        line-height: 36px
    }
}

.header__nav__subnav__body,.header__nav__subnav__blurb {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043
}

.header__nav__subnav__blurb {
    border-top: 1px solid #bdc1c6;
    margin-top: 45px;
    padding-top: 45px
}

.header__nav__subnav__button {
    margin-top: 36px
}

.header__nav__subnav__button--alt-margin {
    margin-top: 16px
}

.header__nav__subnav__links {
    margin-left: 75px
}

.header__nav__subnav__items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-gap: 28px 20px
}

.header__nav__subnav__items__group {
    margin-bottom: 20px
}

.header__nav__subnav__items__group:last-child {
    margin-bottom: 0
}

.header__nav__subnav__items__group__title {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .5px;
    color: #80868b;
    margin-bottom: 20px
}

.header__nav__subnav__item {
    display: flex;
    flex-direction: column;
    margin-top: 14px;
    margin-right: 80px;
    position: relative;
    width: 120px
}

.header__nav__subnav__item a {
    display: flex;
    flex-direction: column;
    box-shadow: none;
    color: #3c4043;
    height: 100%;
    position: relative;
    z-index: 0
}

.header__nav__subnav__item a.link--blue {
    color: #1a73e8
}

.header__nav__subnav__item a.link--external .link__label {
    position: relative
}

.header__nav__subnav__item a.link--external .link__label:after {
    background-image: url(/static/images/icons/external-link.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 12px;
    content: "";
    height: 24px;
    position: absolute;
    width: 16px;
    display: inline
}

.header__nav__subnav__item a>* {
    flex-grow: 1
}

.header__nav__subnav__item a:before {
    border-radius: 10px;
    content: "";
    background-color: #e8f0fe;
    display: none;
    width: calc(100% + 48px);
    left: -24px;
    height: calc(100% + 24px);
    top: -12px;
    position: absolute;
    z-index: -1
}

@media (max-width: 1023px) {
    .header__nav__subnav__item a:before {
        border-radius:4px;
        width: calc(100% + 4px);
        left: -2px;
        height: calc(100% + 4px);
        top: -2px
    }
}

.header__nav__subnav__item a:hover {
    text-decoration: underline
}

.header__nav__subnav__item a:focus {
    outline: 0;
    text-decoration: underline
}

.header__nav__subnav__item a:focus:before {
    display: block
}

.header__nav__subnav__item a:focus:not(:focus-visible):before {
    display: none;
    color: #1967d2
}

.header__nav__subnav__item img {
    flex-grow: 0;
    width: auto;
    height: auto
}

.header__nav__subnav__item--current>.link {
    background: #e8f0fe
}

.header__nav__subnav__item__external-links a {
    display: inline-block
}

.header__nav__subnav__item__external-links a:before {
    border-radius: 4px;
    width: calc(100% + 4px);
    left: -2px;
    height: calc(100% + 4px);
    top: -2px
}

.header__nav__aside {
    display: none
}

@media (max-width: 1023px) {
    .header__nav__aside {
        display:flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-bottom: 1px solid #dadce0;
        box-shadow: 0 2px 6px #0000001f,inset 0 -1px #dadce0;
        flex-grow: 1;
        height: var(--header-height);
        position: absolute;
        top: 0;
        transition: transform .3s ease;
        width: 100%;
        z-index: 1
    }
}

.header__menu-button {
    background: transparent;
    border: 0;
    cursor: pointer;
    line-height: 0;
    padding: 10px
}

.header__mobile__nav {
    height: 100vh;
    left: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity .3s ease;
    width: 100vw;
    z-index: 100
}

@media (min-width: 1024px) {
    .header__mobile__nav {
        visibility:hidden
    }
}

.header__mobile__nav.open {
    opacity: 1;
    pointer-events: auto
}

.header__mobile__nav.open .header__nav {
    transform: translate(0)
}

.header__mobile__nav .header__mobile__nav__mask {
    background-color: #000;
    opacity: .85;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 101
}

.header__mobile__nav .header__lockup {
    flex-grow: 0;
    height: var(--header-height);
    margin-bottom: 26px;
    padding: 0 14px;
    width: 100%
}

@media (max-width: 360px) {
    .header__mobile__nav .header__lockup {
        padding-left:3px
    }

    .header__mobile__nav .header__lockup .link img {
        transform: scale(.92)
    }

    .header__mobile__nav .header__lockup .link__label {
        font-size: 92%
    }
}

.header__mobile__nav .header__nav__close-button {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: var(--header-height);
    height: var(--header-height);
    padding: 0
}

.header__mobile__nav .header__nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: #fff;
    grid-gap: 4px;
    max-width: 360px;
    margin: 0;
    position: relative;
    width: 100%;
    transform: translate(-360px);
    transition: transform .3s ease;
    z-index: 102
}

.header__mobile__nav .header__nav__item--has-subnav>div[tabindex] {
    color: #202124
}

.header__mobile__nav .header__nav__item>a {
    width: 100%
}

.header__mobile__nav .header__nav__item[opens-subnav] {
    cursor: pointer
}

.header__mobile__nav .header__nav__item,.header__mobile__nav .header__nav__subnav__item {
    display: flex;
    align-items: center;
    border: 0!important;
    height: 48px;
    padding-left: 20px;
    width: 100%
}

@media (max-width: 360px) {
    .header__mobile__nav .header__nav__item,.header__mobile__nav .header__nav__subnav__item {
        padding-left:10px
    }
}

.header__mobile__nav .header__nav__item--current,.header__mobile__nav .header__nav__subnav__item--current {
    background-color: #e8f0fe
}

.header__mobile__nav .header__nav__item--has-subnav,.header__mobile__nav .header__nav__subnav__item--has-subnav {
    background-image: url(/static/images/icons/menu-arrow.svg);
    background-position-x: calc(100% - 24px)
}

.header__mobile__nav .header__nav__item--has-subnav .header__nav__subnav,.header__mobile__nav .header__nav__subnav__item--has-subnav .header__nav__subnav {
    transform: translate(-360px)
}

.header__mobile__nav .header__nav__item--has-subnav .header__nav__subnav.open,.header__mobile__nav .header__nav__subnav__item--has-subnav .header__nav__subnav.open {
    transform: translate(0)
}

.header__mobile__nav .header__nav__subnav {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #dadce0;
    box-shadow: none;
    height: calc(100vh - var(--header-height));
    left: 0;
    max-width: 360px;
    opacity: 1;
    overflow-y: auto;
    padding: 0;
    pointer-events: auto;
    position: absolute;
    top: var(--header-height);
    transition: transform .3s ease;
    width: 100%
}

.header__mobile__nav .header__nav__subnav[subnav-id=products] .header__nav__subnav__meta {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.header__mobile__nav .header__nav__subnav[subnav-id=products] .header__nav__subnav__title {
    display: none
}

.header__mobile__nav .header__nav__subnav__meta,.header__mobile__nav .header__nav__subnav__items__group__title {
    border-bottom: 1px solid #dadce0;
    padding-bottom: 13px;
    margin: 17px 33px 8px 20px;
    max-width: none
}

@media (max-width: 360px) {
    .header__mobile__nav .header__nav__subnav__meta,.header__mobile__nav .header__nav__subnav__items__group__title {
        margin-left:10px
    }
}

.header__mobile__nav .header__nav__subnav__back-button {
    background-color: transparent;
    border: 0;
    display: block;
    cursor: pointer;
    padding: 10px;
    margin-bottom: 9px;
    transform: rotate(180deg) translate(10px)
}

.header__mobile__nav .header__nav__subnav__title {
    color: #202124;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 24px;
    color: #80868b
}

.header__mobile__nav .header__nav__subnav__body {
    display: none
}

.header__mobile__nav .header__nav__subnav__button {
    border-bottom: 1px solid #dadce0;
    margin-bottom: 20px;
    margin-top: 0
}

.header__mobile__nav .header__nav__subnav__button .button {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    background: transparent;
    box-shadow: none;
    border: 0;
    color: #3c4043!important;
    font-weight: 500;
    padding: 20px 0
}

.header__mobile__nav .header__nav__subnav__links {
    display: block;
    margin: 0
}

.header__mobile__nav .header__nav__subnav__items {
    grid-gap: 0
}

.header__mobile__nav .header__nav__subnav__item {
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    white-space: nowrap;
    margin: 0
}

.header__mobile__nav .header__nav__subnav__item a {
    height: auto
}

.header__mobile__nav .header__nav__subnav__item img {
    display: none
}

.header__mobile__nav .header__nav__subnav__item__external-links {
    margin-left: 2px
}

.header__mobile__nav .header__nav__subnav__item__external-links a {
    background-size: 10px;
    margin-left: 3px;
    font-size: 14px
}

.header__mobile__nav .header__nav__subnav__items__group__icon {
    display: none
}

.header__mobile__nav .header__nav__subnav__items__group__title {
    color: #202124;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 24px;
    color: #80868b
}

.header__mobile__aside__buttons {
    display: none;
    gap: 8px 16px;
    justify-content: center;
    padding: 8px 0
}

@media (max-width: 767px) {
    .header__mobile__aside__buttons {
        display:flex
    }
}

@media (max-width: 599px) {
    .header__mobile__aside__buttons:lang(fr),.header__mobile__aside__buttons:lang(pt-BR) {
        flex-direction:column;
        padding: 8px 24px
    }

    .header__mobile__aside__buttons:lang(fr) .button,.header__mobile__aside__buttons:lang(pt-BR) .button {
        width: 100%
    }
}

.main {
    margin-top: var(--header-height)
}

@media (min-width: 768px) and (max-width: 1302px) {
    .main {
        margin-top:calc(var(--header-height) * 2)
    }
}

@media (min-width: 1303px) {
    html[lang=es] .main,html[lang=es-419] .main,html[lang=fr] .main,html[lang=it] .main,html[lang=ja] .main,html[lang=ru] .main,html[lang=pt-BR] .main {
        margin-top:calc(var(--header-height) * 2)
    }
}

.homepage-hero {
    overflow: hidden;
    padding: 30px 0 60px;
    position: relative;
    width: 100%
}

.homepage-hero__lottie {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate3d(-50%,0,0);
    z-index: 1
}

.homepage-hero__cta {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    position: relative;
    z-index: 2
}

@media (max-width: 599px) {
    .homepage-hero__cta {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .homepage-hero__cta {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .homepage-hero__cta {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .homepage-hero__cta {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .homepage-hero__cta {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .homepage-hero__cta {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .homepage-hero__cta {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .homepage-hero__cta {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .homepage-hero__cta {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .homepage-hero__cta {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .homepage-hero__cta {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .homepage-hero__cta {
        grid-template-columns:repeat(12,1fr)
    }
}

.homepage-hero__cta__wrap {
    grid-column-start: 1;
    grid-column-end: span 12;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column
}

@media (min-width: 1024px) {
    .homepage-hero__cta__wrap {
        padding:0 72px
    }
}

.homepage-hero__cta__headline {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -.25px;
    margin-top: 16px;
    text-align: center
}

@media (min-width: 600px) {
    .homepage-hero__cta__headline {
        font-size:48px;
        line-height: 56px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .homepage-hero__cta__headline {
        font-size:60px;
        line-height: 72px
    }
}

.homepage-hero__cta__subheadline {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043;
    margin-top: -16px;
    text-align: center
}

@media (min-width: 1024px) {
    .homepage-hero__cta__subheadline {
        margin-top:-32px
    }
}

.homepage-hero__grid {
    margin: 60px auto 0;
    display: grid;
    align-items: start;
    grid-gap: 20px;
    position: relative;
    z-index: 2
}

@media (max-width: 599px) {
    .homepage-hero__grid {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .homepage-hero__grid {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .homepage-hero__grid {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .homepage-hero__grid {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .homepage-hero__grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .homepage-hero__grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .homepage-hero__grid {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1024px) {
    .homepage-hero__grid {
        margin-top:60px
    }
}

@media (min-width: 1440px) {
    .homepage-hero__grid {
        grid-template-columns:repeat(12,1fr)
    }
}

.homepage-hero__grid-item {
    grid-column: span 12;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 1024px) {
    .homepage-hero__grid-item {
        grid-column:span 4
    }
}

.homepage-hero__animate {
    opacity: 0;
    transform: translate3d(0,35px,0);
    animation-duration: .5s;
    animation-name: fade-up;
    animation-timing-function: cubic-bezier(.65,0,.35,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal
}

.homepage-hero__animate:nth-child(1) {
    animation-delay: 0s
}

.homepage-hero__animate:nth-child(2) {
    animation-delay: .25s
}

.homepage-hero__animate:nth-child(3) {
    animation-delay: .5s
}

.homepage-hero__animate:nth-child(4) {
    animation-delay: .75s
}

.homepage-hero__card {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translate3d(0,35px,0);
    animation-duration: .5s;
    animation-name: fade-up;
    animation-timing-function: cubic-bezier(.65,0,.35,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal;
    background: transparent;
    border: 0;
    border-radius: 24px;
    box-shadow: 0 12px 34px #20345940;
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.homepage-hero__card:hover>.homepage-hero__card__link>.homepage-hero__card__hover {
    transform: scale(1.1);
    transition: transform .5s cubic-bezier(.85,0,.15,1)
}

.homepage-hero__card:hover>.homepage-hero__card__link>.homepage-hero__card__content .homepage-hero__card__content__arrow {
    animation-duration: 1s;
    animation-name: arrow;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal;
    opacity: 1
}

.homepage-hero__card:not(:last-child) {
    margin-bottom: 20px
}

html:not([lang=en]) .homepage-hero__card--1 .homepage-hero__card__content {
    max-width: 260px
}

.homepage-hero__card--1 {
    animation-delay: .2s
}

.homepage-hero__card--2 {
    animation-delay: .4s
}

.homepage-hero__card--3 {
    animation-delay: .6s
}

.homepage-hero__card--4 {
    animation-delay: .8s
}

.homepage-hero__card--5 {
    animation-delay: 1s
}

.homepage-hero__card__link {
    display: inline-block;
    width: 100%
}

.homepage-hero__card__content {
    left: 0;
    padding-left: 24px;
    position: absolute;
    top: 30px;
    max-width: 200px;
    text-align: left;
    width: 100%;
    z-index: 1
}

@media (min-width: 600px) {
    .homepage-hero__card__content {
        max-width:220px
    }
}

@media (min-width: 1024px) {
    .homepage-hero__card__content {
        max-width:240px;
        padding-left: 32px
    }
}

.homepage-hero__card__content__eyebrow {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #202124;
    opacity: 0;
    transform: translate3d(0,35px,0);
    animation-duration: .5s;
    animation-name: fade-up;
    animation-timing-function: cubic-bezier(.65,0,.35,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal;
    color: #fff;
    margin-bottom: 24px;
    text-transform: uppercase
}

.homepage-hero__card__content__eyebrow--secondary {
    color: #1a73e8
}

.homepage-hero__card__content__eyebrow--tertiary {
    color: #202124
}

.homepage-hero__card__content__eyebrow--yellow {
    color: #f29900
}

.homepage-hero__card__content__eyebrow--green {
    color: #5bb974
}

.homepage-hero__card--1 .homepage-hero__card__content__eyebrow {
    animation-delay: .25s
}

.homepage-hero__card--2 .homepage-hero__card__content__eyebrow {
    animation-delay: .45s
}

.homepage-hero__card--3 .homepage-hero__card__content__eyebrow {
    animation-delay: .65s
}

.homepage-hero__card--4 .homepage-hero__card__content__eyebrow {
    animation-delay: .85s
}

.homepage-hero__card--5 .homepage-hero__card__content__eyebrow {
    animation-delay: 1.05s
}

.homepage-hero__card__content__title {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 28px;
    line-height: 36px;
    font-weight: 400;
    color: #202124;
    opacity: 0;
    transform: translate3d(0,35px,0);
    animation-duration: .5s;
    animation-name: fade-up;
    animation-timing-function: cubic-bezier(.65,0,.35,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal;
    color: #fff;
    margin-bottom: 32px
}

@media (max-width: 1023px) {
    .homepage-hero__card__content__title {
        font-size:24px;
        margin-bottom: 24px;
        margin-top: 18px
    }
}

.homepage-hero__card__content__title strong {
    color: #fff;
    display: block;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: -2.5px;
    margin-top: 32px
}

html:not([lang=en]) .homepage-hero__card__content__title strong {
    margin-bottom: 16px
}

.homepage-hero__card__content__title strong:lang(en) {
    font-size: 80px;
    line-height: 100px
}

@media (min-width: 1024px) {
    .homepage-hero__card__content__title strong:lang(en) {
        font-size:100px
    }
}

.homepage-hero__card__content__title strong:lang(fr),.homepage-hero__card__content__title strong:lang(it),.homepage-hero__card__content__title strong:lang(pt-BR) {
    font-size: 48px
}

.homepage-hero__card__content__title strong small {
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 100px;
    letter-spacing: -2.5px
}

.homepage-hero__card__content__title--spacing-top {
    position: relative;
    top: -65px
}

.homepage-hero__card__content__title--secondary,.homepage-hero__card__content__title--tertiary,.homepage-hero__card__content__title--yellow,.homepage-hero__card__content__title--green {
    color: #202124
}

.homepage-hero__card--1 .homepage-hero__card__content__title {
    animation-delay: .3s
}

.homepage-hero__card--2 .homepage-hero__card__content__title {
    animation-delay: .5s
}

.homepage-hero__card--3 .homepage-hero__card__content__title {
    animation-delay: .7s
}

.homepage-hero__card--4 .homepage-hero__card__content__title {
    animation-delay: .9s
}

.homepage-hero__card--5 .homepage-hero__card__content__title {
    animation-delay: 1.1s
}

.homepage-hero__card__hover {
    transform: scale(1);
    transition: transform .5s cubic-bezier(.85,0,.15,1);
    will-change: transform;
    width: 100%
}

.homepage-hero__card__hover--image {
    background-position: top right;
    background-size: cover
}

.homepage-hero__card__hover--image img {
    object-position: top right;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.homepage-hero__card__hover--video video {
    object-fit: cover;
    object-position: center left;
    height: 100%;
    width: 100%
}

@media (min-width: 1024px) {
    .homepage-hero__card__hover--mobile {
        display:none
    }
}

.homepage-hero__card__hover--desktop {
    display: none
}

@media (min-width: 1024px) {
    .homepage-hero__card__hover--desktop {
        display:block
    }
}

@media (max-width: 1439px) {
    .homepage-hero__card__content__arrow svg {
        width:30px;
        height: 30px
    }
}

.homepage-hero__card__content__arrow svg path {
    fill: #1a73e8
}

.homepage-hero__card__content__arrow--spacing-top {
    margin-top: -65px
}

.homepage-hero__card__content__arrow--white svg path {
    fill: #fff
}

.homepage-hero__card__content__arrow--yellow svg path {
    fill: #f29900
}

.homepage-hero__card__content__arrow--green svg path {
    fill: #5bb974
}

.homepage-hero__card__content__arrow__animate {
    opacity: 0;
    transform: translate3d(0,35px,0);
    animation-duration: .5s;
    animation-name: fade-up;
    animation-timing-function: cubic-bezier(.65,0,.35,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal
}

.homepage-hero__card--1 .homepage-hero__card__content__arrow__animate {
    animation-delay: .35s
}

.homepage-hero__card--2 .homepage-hero__card__content__arrow__animate {
    animation-delay: .55s
}

.homepage-hero__card--3 .homepage-hero__card__content__arrow__animate {
    animation-delay: .75s
}

.homepage-hero__card--4 .homepage-hero__card__content__arrow__animate {
    animation-delay: .95s
}

.homepage-hero__card--5 .homepage-hero__card__content__arrow__animate {
    animation-delay: 1.15s
}

.homepage-hero__card__content__youtube {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.homepage-hero__card__content__youtube span {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #202124;
    margin-right: 15px
}

.ic__wrap {
    margin: 0 auto;
    padding: 0!important;
    max-width: 2560px!important
}

@media (max-width: 599px) {
    .ic__wrap {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .ic__wrap {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .ic__wrap {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .ic__wrap {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

.ic__wrap--view-results {
    background: #f8f9fa;
    margin-top: 50px
}

@media (min-width: 600px) {
    .ic__wrap--view-results {
        margin-top:60px
    }
}

@media (min-width: 1024px) {
    .ic__wrap--view-results {
        margin-top:80px
    }
}

.ic__wrap--question-radio-spacing {
    margin-top: 90px
}

@media (min-width: 600px) {
    .ic__wrap--question-radio-spacing {
        margin-top:70px
    }
}

@media (min-width: 1024px) {
    .ic__wrap--question-radio-spacing {
        margin-top:80px
    }
}

@media (min-width: 1440px) {
    .ic__wrap--question-radio-spacing {
        margin-top:110px
    }
}

.ic__grid {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap)
}

@media (max-width: 599px) {
    .ic__grid {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .ic__grid {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .ic__grid {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .ic__grid {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .ic__grid {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .ic__grid {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .ic__grid {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .ic__grid {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .ic__grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .ic__grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .ic__grid {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .ic__grid {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (max-width: 599px) {
    .ic__grid {
        max-width:100%
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .ic__grid {
        max-width:100%;
        grid-template-columns: repeat(12,1fr)
    }
}

.ic__row {
    margin: 0 auto;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 599px) {
    .ic__row {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .ic__row {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .ic__row {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .ic__row {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

.ic__row--fieldset {
    border: 0;
    outline: 0
}

@media (max-width: 599px) {
    .ic__row {
        max-width:100%
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .ic__row {
        max-width:100%
    }
}

@media (min-width: 600px) {
    .ic__row {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap
    }
}

.ic__header {
    grid-column-start: 1;
    grid-column-end: span 4;
    margin-bottom: 40px;
    text-align: center
}

@media (min-width: 600px) {
    .ic__header {
        grid-column-start:2;
        grid-column-end: span 10
    }
}

@media (min-width: 1024px) {
    .ic__header {
        grid-column-start:4;
        grid-column-end: span 6
    }
}

.ic__headline {
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    color: #202124;
    margin-bottom: 16px
}

@media (min-width: 600px) {
    .ic__headline {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .ic__headline {
        font-size:48px;
        line-height: 56px
    }
}

.ic__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043
}

.ic__multiquestion-dropdown__left {
    grid-column-start: 1;
    grid-column-end: span 4;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    order: 2
}

@media (min-width: 600px) {
    .ic__multiquestion-dropdown__left {
        grid-column-start:1;
        grid-column-end: span 6;
        padding-left: 24px;
        order: 1
    }
}

@media (min-width: 1024px) {
    .ic__multiquestion-dropdown__left {
        grid-column-start:2;
        grid-column-end: span 5;
        padding-left: 0
    }
}

.ic__multiquestion-dropdown__left__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.ic__multiquestion-dropdown__right {
    grid-column-start: 1;
    grid-column-end: span 4;
    display: flex;
    align-items: center;
    justify-content: center;
    order: 1
}

@media (max-width: 1023px) {
    .ic__multiquestion-dropdown__right {
        display:flex;
        align-items: center;
        justify-content: center
    }
}

@media (min-width: 600px) {
    .ic__multiquestion-dropdown__right {
        grid-column-start:7;
        grid-column-end: span 6;
        order: 2
    }
}

.ic__step {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 2
}

.ic__step--first {
    z-index: 3
}

.ic__step:not(:last-child) {
    margin-bottom: 40px
}

@media (min-width: 600px) {
    .ic__step:not(:last-child) {
        margin-bottom:60px
    }
}

.ic__step__label {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #202124;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-bottom: 16px
}

.ic__step__label--center {
    text-align: center
}

.ic__step__question {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal;
    color: #202124;
    margin-bottom: 30px
}

@media (min-width: 600px) {
    .ic__step__question {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .ic__step__question {
        font-size:36px;
        line-height: 44px
    }
}

@media (min-width: 600px) {
    .ic__step__question--center {
        text-align:center
    }
}

@media (min-width: 600px) {
    .ic__step__question {
        margin-bottom:40px
    }
}

.ic__question-dropdown__left {
    grid-column-start: 1;
    grid-column-end: span 4
}

@media (max-width: 1023px) {
    .ic__question-dropdown__left {
        display:flex;
        align-items: center;
        justify-content: center
    }
}

@media (min-width: 600px) {
    .ic__question-dropdown__left {
        grid-column-start:1;
        grid-column-end: span 6
    }
}

.ic__question-dropdown__left__lottie {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.ic__question-dropdown__right {
    grid-column-start: 1;
    grid-column-end: span 4;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

@media (min-width: 600px) {
    .ic__question-dropdown__right {
        grid-column-start:8;
        grid-column-end: span 4;
        padding-left: 24px
    }
}

@media (min-width: 1024px) {
    .ic__question-dropdown__right {
        grid-column-start:7;
        grid-column-end: span 5;
        padding-left: 0
    }
}

.ic__question-dropdown__right__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.ic__feature__image {
    margin: 0 auto
}

.ic__multiquestion--spacing {
    margin-bottom: 55px
}

@media (min-width: 600px) {
    .ic__multiquestion--spacing {
        margin-bottom:125px
    }
}

@media (min-width: 1024px) {
    .ic__multiquestion--spacing {
        margin-bottom:165px
    }
}

.ic__question-radio__heading {
    display: flex;
    flex-direction: column;
    grid-column-start: 1;
    grid-column-end: span 4;
    align-items: flex-start;
    justify-content: flex-start
}

@media (min-width: 600px) {
    .ic__question-radio__heading {
        display:flex;
        align-items: center;
        justify-content: center;
        grid-column-start: 3;
        grid-column-end: span 8
    }
}

@media (min-width: 1024px) {
    .ic__question-radio__heading {
        grid-column-start:4;
        grid-column-end: span 6
    }
}

.ic__question-radio__usecase__tile__wrap {
    margin-bottom: 22px;
    position: relative
}

.ic__question-radio__usecase__tile__wrap:hover>.ic__question-radio__usecase__tile {
    border: 1px solid #1a73e8;
    background: #1a73e80a;
    transition: all .3s ease-in
}

@media (min-width: 600px) {
    .ic__question-radio__usecase__tile__wrap:nth-child(2) {
        margin-left:22px;
        margin-right: 22px
    }
}

.ic__question-radio__usecase__tile {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dadce0;
    border-radius: 4px;
    box-sizing: border-box;
    flex: 1 auto;
    height: 236px;
    padding: 10px;
    pointer-events: none;
    width: 100%
}

@media (min-width: 600px) {
    .ic__question-radio__usecase__tile {
        max-width:342px
    }
}

.ic__question-radio__usecase__tile__radio {
    -webkit-appearance: none;
    cursor: pointer;
    height: 100%;
    opacity: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.ic__question-radio__usecase__tile__radio:focus-visible+.ic__question-radio__usecase__tile {
    border: 3px solid #1a73e8;
    background: #1a73e826;
    transition: all .3s ease-in
}

.ic__question-radio__usecase__tile__radio:checked+.ic__question-radio__usecase__tile {
    border: 1px solid #1a73e8;
    background: #1a73e81a;
    transition: all .3s ease-in
}

.ic__question-radio__usecase__tile__input-label {
    pointer-events: none;
    position: absolute;
    top: 0
}

.ic__question-radio__usecase__tile__label {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #202124;
    margin: 20px 0 16px;
    text-align: center
}

.ic__question-radio__usecase__tile__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    text-align: center
}

.ic__5050__left {
    grid-column-start: 1;
    grid-column-end: span 4;
    margin-top: 68px;
    order: 2
}

@media (min-width: 600px) {
    .ic__5050__left {
        grid-column-start:1;
        grid-column-end: span 6;
        margin-top: 0;
        order: 1
    }
}

.ic__5050__right {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: span 4;
    order: 1;
    padding-top: 40px
}

@media (min-width: 600px) {
    .ic__5050__right {
        grid-column-start:7;
        grid-column-end: span 6;
        align-items: flex-start;
        justify-content: center;
        order: 2;
        padding-top: 0
    }
}

@media (min-width: 1024px) {
    .ic__5050__right {
        grid-column-start:7;
        grid-column-end: span 5
    }
}

.ic__5050__right__inner {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 600px) {
    .ic__5050__right__inner {
        align-items:flex-start
    }
}

.ic__5050__heading {
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    color: #202124;
    margin-bottom: 20px;
    text-align: center
}

@media (min-width: 600px) {
    .ic__5050__heading {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .ic__5050__heading {
        font-size:48px;
        line-height: 56px
    }
}

@media (min-width: 600px) {
    .ic__5050__heading {
        margin-bottom:32px;
        text-align: left
    }
}

.ic-results {
    position: relative;
    z-index: 1;
    background-color: #f8f9fa
}

.iframe {
    min-height: calc(100vh - 64px);
    position: relative;
    width: 100%
}

.iframe__embed {
    border: none;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.image-tabs-carousel {
    position: relative
}

.image-tabs-carousel__content {
    max-width: 1364px;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.image-tabs-carousel__chapter {
    text-align: center;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px
}

.image-tabs-carousel__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal
}

@media (min-width: 600px) {
    .image-tabs-carousel__chapter__title {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .image-tabs-carousel__chapter__title {
        font-size:36px;
        line-height: 44px
    }
}

.image-tabs-carousel__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043
}

.image-tabs-carousel__slides {
    display: flex;
    width: 100%;
    overflow: visible;
    overflow-scrolling: touch;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-stop:always;scrollbar-width: none;
    will-change: scroll-position;
    scroll-snap-type: x mandatory;
    padding: 40px 0;
    z-index: 2
}

@media (pointer: coarse) {
    .swiping .image-tabs-carousel__slides {
        scroll-snap-type:x mandatory
    }
}

.image-tabs-carousel__slides::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    background: transparent
}

@media (min-width: 600px) {
    .image-tabs-carousel__slides {
        padding:60px 0
    }
}

@media (min-width: 1024px) {
    .image-tabs-carousel__slides {
        padding:60px 0 40px
    }
}

.image-tabs-carousel__slides__slide {
    box-sizing: border-box;
    scroll-snap-align: center;
    flex: 0 0 100%;
    scroll-snap-align: start;
    padding: 0 27px;
    line-height: 0;
    transition: transform .5s ease
}

@media (min-width: 600px) {
    .image-tabs-carousel__slides__slide {
        padding:0 34px
    }
}

.image-tabs-carousel__slides__slide img {
    box-shadow: 0 12px 34px #20345940;
    border-radius: 24px;
    overflow: hidden;
    width: 100%
}

.image-tabs-carousel__slides__slide:first-child {
    margin-left: 72px
}

.image-tabs-carousel__controls {
    margin: 0 auto;
    pointer-events: none;
    z-index: 3
}

@media (max-width: 599px) {
    .image-tabs-carousel__controls {
        padding:0 27px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .image-tabs-carousel__controls {
        margin:0 auto;
        padding: 0 40px;
        max-width: 865px
    }
}

@media (min-width: 1024px) {
    .image-tabs-carousel__controls {
        width:min(100%,1200px)
    }
}

.image-tabs-carousel__controls__links__wrap {
    display: flex;
    width: 100%;
    overflow: visible;
    overflow-scrolling: touch;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-stop:always;scrollbar-width: none;
    will-change: scroll-position;
    padding: 0 8px;
    height: 100%
}

@media (pointer: coarse) {
    .swiping .image-tabs-carousel__controls__links__wrap {
        scroll-snap-type:x mandatory
    }
}

.image-tabs-carousel__controls__links__wrap::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    background: transparent
}

@media (min-width: 1024px) {
    .image-tabs-carousel__controls__links__wrap {
        padding:0 24px
    }
}

.image-tabs-carousel__controls__links {
    --dots-foreground-color: #202124;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px #3c40434d,0 1px 4px #3c404340;
    border-radius: 24px;
    height: 48px;
    overflow: hidden;
    justify-content: flex-start;
    width: calc(100% - 48px);
    pointer-events: all;
    position: relative;
    width: 100%
}

@media (min-width: 1024px) {
    .image-tabs-carousel__controls__links {
        box-shadow:none;
        border-radius: 0;
        margin-left: 0;
        width: auto
    }
}

.image-tabs-carousel__controls__links .image-tabs-carousel__controls__links__link {
    color: #202124;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 2px solid transparent;
    color: #80868b;
    cursor: pointer;
    padding: 12px 16px;
    white-space: nowrap;
    text-align: center;
    transition: color .3s ease;
    transition: border .3s ease
}

@media (min-width: 1024px) {
    .image-tabs-carousel__controls__links .image-tabs-carousel__controls__links__link {
        display:inline;
        font-size: 24px;
        line-height: 32px;
        padding: 0;
        margin-bottom: 4px
    }
}

.image-tabs-carousel__controls__links .image-tabs-carousel__controls__links__link--active {
    color: #202124
}

@media (min-width: 1024px) {
    .image-tabs-carousel__controls__links .image-tabs-carousel__controls__links__link--active {
        border-bottom:2px solid #1a73e8
    }
}

@media (min-width: 1024px) {
    .image-tabs-carousel__controls__links {
        height:88px
    }
}

.image-tabs-carousel__controls__links .image-tabs-carousel__controls__links__link {
    display: flex;
    transition: background .5s ease,border-color .5s ease,color .5s ease!important;
    flex-grow: 1;
    height: 100%;
    align-items: center;
    line-height: 1
}

@media (min-width: 1024px) {
    .image-tabs-carousel__controls__links .image-tabs-carousel__controls__links__link {
        color:#202124;
        font-family: Google Sans,Roboto,Arial,sans-serif;
        font-size: 20px;
        line-height: 28px;
        border-bottom: 3px solid #dadce0;
        color: #80868b;
        justify-content: center;
        padding: 0 12px;
        margin-bottom: 0
    }

    .image-tabs-carousel__controls__links .image-tabs-carousel__controls__links__link:hover {
        background: #e8eaed;
        color: #202124
    }

    .image-tabs-carousel__controls__links .image-tabs-carousel__controls__links__link:focus {
        outline: none
    }

    .image-tabs-carousel__controls__links .image-tabs-carousel__controls__links__link:focus-visible {
        outline: none;
        border-radius: 4px;
        box-shadow: inset 0 0 0 3px #8ab4f8
    }
}

.image-tabs-carousel__controls__links .usecase-carousel__controls__links__link--active {
    color: #202124
}

@media (min-width: 1024px) {
    .image-tabs-carousel__controls__links .usecase-carousel__controls__links__link--active {
        border-bottom:3px solid #3c4043
    }
}

.image-tabs-carousel__controls__links__gradient {
    background: linear-gradient(270deg,#fff 0%,#fff0 100%);
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 40px
}

@media (min-width: 600px) {
    .image-tabs-carousel__controls__links__gradient {
        display:none
    }
}

.image-tabs-carousel__controls__links__gradient--left {
    left: 0;
    top: 0;
    transform: scaleX(-1)
}

.image-tabs-carousel__controls__links__gradient--right {
    right: 0;
    top: 0
}

.image-tabs-carousel__stroke {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 0;
    object-position: bottom center;
    overflow: hidden;
    top: 45%;
    width: 100%;
    max-width: 100vw;
    pointer-events: none
}

.image-tabs-carousel__stroke img {
    object-position: center;
    left: 50%;
    position: relative;
    transform: translate(-50%);
    width: auto;
    min-width: 1920px
}

.image-tabs-carousel--grey {
    background: #f8f9fa
}

.image-tabs-carousel--grey .button--link-large {
    color: #1967d2
}

.image-tabs-carousel--grey .button--link-large:after {
    background: #1967d2
}

.industry-cards {
    padding-top: 100px;
    position: relative;
    overflow: hidden
}

@media (min-width: 1024px) {
    .industry-cards {
        padding-bottom:100px
    }
}

.industry-cards__background {
    left: 50%;
    overflow: hidden;
    position: absolute;
    transform: translate3d(-50%,0,0);
    width: 100%;
    top: 300px;
    z-index: -1
}

@media (min-width: 1024px) {
    .industry-cards__background {
        width:inherit
    }
}

.industry-cards__background.industry-cards__background--retail {
    top: 300px
}

.industry-cards__background.industry-cards__background--retail .industry-cards__background__asset {
    object-position: top center
}

.industry-cards__background.industry-cards__background--transportation {
    top: 350px
}

.industry-cards__background.industry-cards__background--transportation .industry-cards__background__asset {
    object-position: top center
}

.industry-cards__background.industry-cards__background--financial .industry-cards__background__asset {
    object-position: top right
}

.industry-cards__background.industry-cards__background--quick-builder {
    top: 300px
}

@media (min-width: 1024px) {
    .industry-cards__background.industry-cards__background--quick-builder {
        top:150px
    }
}

.industry-cards__background.industry-cards__background--real-estate {
    top: 300px
}

@media (min-width: 1024px) {
    .industry-cards__background.industry-cards__background--real-estate {
        top:100px
    }
}

.industry-cards__background.industry-cards__background--real-estate .industry-cards__background__asset {
    object-position: top center
}

.industry-cards__background__asset {
    display: block;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;
    object-position: right center;
    width: 100%
}

@media (min-width: 1024px) {
    .industry-cards__background__asset {
        max-width:initial;
        width: initial
    }
}

.industry-cards__heading {
    padding: 0 30px;
    margin: 0 auto;
    max-width: 590px;
    width: 100%
}

.industry-cards__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 16px
}

@media (min-width: 600px) {
    .industry-cards__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .industry-cards__title {
        font-size:48px;
        line-height: 56px
    }
}

.industry-cards__subtitle {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043;
    text-align: center
}

.industry-cards__grid {
    flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 110px auto 0;
    padding: 0 24px;
    position: relative
}

@media (min-width: 600px) {
    .industry-cards__grid {
        max-width:1344px;
        width: 100%;
        z-index: 1
    }
}

.industry-cards__grid__card__wrap {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    background-color: #f8f9fa;
    border-radius: 24px;
    flex-wrap: wrap;
    height: 100%;
    justify-content: flex-start;
    overflow: hidden;
    transform: translateZ(0);
    width: 100%
}

@media (min-width: 1024px) {
    .industry-cards__grid__card__wrap {
        justify-content:center
    }
}

.industry-cards__grid__card {
    align-items: center;
    justify-content: center;
    display: flex;
    box-shadow: 0 12px 34px #20345926;
    border-radius: 24px;
    color: #fff;
    flex-direction: column;
    margin-bottom: 40px;
    position: relative;
    transition: all .5s cubic-bezier(.85,0,.15,1);
    width: 100%
}

@media (min-width: 600px) {
    .industry-cards__grid__card {
        display:flex;
        flex-direction: row;
        margin: 10px;
        max-width: 628px;
        width: calc(50% - 20px);
        flex-wrap: wrap
    }
}

.industry-cards__grid__card--expanded {
    height: auto;
    max-width: 100%;
    width: 100%
}

.industry-cards__grid__card--expanded .industry-cards__grid__card__bottom {
    height: auto;
    max-height: 1000px
}

@media (min-width: 1024px) {
    .industry-cards__grid__card--expanded .industry-cards__grid__card__inner {
        height:initial
    }
}

.industry-cards__grid__card--expanded .industry-cards__grid__card__inner__more {
    height: auto;
    opacity: 1;
    transform: translateZ(0);
    transition: all .35s cubic-bezier(.85,0,.15,1);
    transition-delay: .5s
}

.industry-cards__grid__card--expanded .industry-cards__grid__card__image__asset__expanded {
    opacity: 1
}

.industry-cards__grid__card--expanded .industry-cards__grid__card__image {
    height: 500px
}

@media (min-width: 1024px) {
    .industry-cards__grid__card--expanded .industry-cards__grid__card__image {
        height:auto
    }
}

.industry-cards__grid__card--expanded .industry-cards__grid__card__image__asset {
    opacity: 0
}

.industry-cards__grid__card--expanded .industry-cards__grid__card__inner__see {
    opacity: 0;
    pointer-events: none
}

.industry-cards__grid__card--expanded .industry-cards__grid__card__close {
    opacity: 1;
    transition: all .35s cubic-bezier(.85,0,.15,1);
    transition-delay: .5s
}

.industry-cards__grid__card__inner {
    order: 1;
    padding: 42px 32px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width: 1024px) {
    .industry-cards__grid__card__inner {
        flex:0 0 50%;
        order: 0;
        width: 50%;
        height: 100%
    }
}

.industry-cards__grid__card__inner--blue .industry-cards__grid__card__inner__eyebrow,.industry-cards__grid__card__inner--blue .industry-cards__grid__card__inner__more__subtitle {
    color: #1a73e8
}

.industry-cards__grid__card__inner--blue .industry-cards__grid__card__inner__more__stats {
    background-color: #e8f0fe
}

.industry-cards__grid__card__inner--green .industry-cards__grid__card__inner__eyebrow,.industry-cards__grid__card__inner--green .industry-cards__grid__card__inner__more__subtitle {
    color: #1e8e3e
}

.industry-cards__grid__card__inner--green .industry-cards__grid__card__inner__more__stats {
    background-color: #e6f4ea
}

.industry-cards__grid__card__inner--yellow .industry-cards__grid__card__inner__eyebrow,.industry-cards__grid__card__inner--yellow .industry-cards__grid__card__inner__more__subtitle {
    color: #ea8600
}

.industry-cards__grid__card__inner--yellow .industry-cards__grid__card__inner__more__stats {
    background-color: #fef7e0
}

.industry-cards__grid__card__inner--orange .industry-cards__grid__card__inner__eyebrow,.industry-cards__grid__card__inner--orange .industry-cards__grid__card__inner__more__subtitle {
    color: #ab5f04
}

.industry-cards__grid__card__inner--orange .industry-cards__grid__card__inner__more__stats {
    background-color: #fef7e0
}

.industry-cards__grid__card__inner--cyan .industry-cards__grid__card__inner__eyebrow,.industry-cards__grid__card__inner--cyan .industry-cards__grid__card__inner__more__subtitle {
    color: #098591
}

.industry-cards__grid__card__inner--cyan .industry-cards__grid__card__inner__more__stats {
    background-color: #e4f7fb
}

.industry-cards__grid__card__inner--teal .industry-cards__grid__card__inner__eyebrow,.industry-cards__grid__card__inner--teal .industry-cards__grid__card__inner__more__subtitle {
    color: #098591
}

.industry-cards__grid__card__inner--teal .industry-cards__grid__card__inner__more__stats {
    background-color: #e4f7fb
}

.industry-cards__grid__card__inner--red .industry-cards__grid__card__inner__eyebrow,.industry-cards__grid__card__inner--red .industry-cards__grid__card__inner__more__subtitle {
    color: #b31412
}

.industry-cards__grid__card__inner--red .industry-cards__grid__card__inner__more__stats {
    background-color: #fce8e6
}

.industry-cards__grid__card__inner__eyebrow {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #202124;
    text-transform: uppercase
}

.industry-cards__grid__card__inner__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin-top: 24px
}

@media (min-width: 600px) {
    .industry-cards__grid__card__inner__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .industry-cards__grid__card__inner__title {
        font-size:28px;
        line-height: 36px
    }
}

.industry-cards__grid__card__image {
    display: flex;
    height: 250px;
    order: 0;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: 1
}

@media (min-width: 1024px) {
    .industry-cards__grid__card__image {
        min-height:400px;
        height: 100%;
        order: 1;
        width: 50%;
        flex: 1
    }
}

.industry-cards__grid__card__image__asset {
    transform: scale(1);
    transition: transform .5s cubic-bezier(.85,0,.15,1);
    will-change: transform;
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 0
}

.industry-cards__grid__card__image__asset__expanded {
    transform: scale(1);
    transition: transform .5s cubic-bezier(.85,0,.15,1);
    will-change: transform;
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 0;
    z-index: 0
}

.industry-cards__grid__card:hover .industry-cards__grid__card__image__asset,.industry-cards__grid__card:hover .industry-cards__grid__card__image__asset__expanded {
    transform: scale(1.1);
    transition: transform .5s cubic-bezier(.85,0,.15,1)
}

.industry-cards__grid__card__inner__see {
    bottom: 42px;
    cursor: pointer;
    left: 32px;
    position: absolute
}

.industry-cards__grid__card__inner__see .button {
    font-size: 20px;
    line-height: 28px
}

.industry-cards__grid__card__inner__see .button:hover {
    color: #1a73e8
}

.industry-cards__grid__card__close {
    background: transparent;
    border: none;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate3d(24px,-24px,0);
    z-index: 3
}

.industry-cards__grid__card__close svg {
    height: 72px;
    pointer-events: none;
    width: 72px
}

@media (min-width: 1024px) {
    .industry-cards__grid__card__close svg {
        height:72px;
        width: 72px
    }
}

.industry-cards__grid__card__inner__more {
    display: flex;
    flex-direction: column;
    height: 80px;
    margin-top: 24px;
    opacity: 0;
    transform: translate3d(0,30px,0)
}

.industry-cards__grid__card__inner__more__subtitle {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 24px
}

.industry-cards__grid__card__inner__more__copy {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    margin: 0 0 24px
}

.industry-cards__grid__card__inner__more__buttons {
    align-items: center;
    display: flex;
    flex-direction: column
}

.industry-cards__grid__card__inner__more__buttons .button:not(:last-child) {
    margin-bottom: 20px
}

@media (min-width: 600px) {
    .industry-cards__grid__card__inner__more__buttons {
        display:flex;
        flex-direction: row
    }

    .industry-cards__grid__card__inner__more__buttons .button:not(:last-child) {
        margin-bottom: 0
    }

    .industry-cards__grid__card__inner__more__buttons .button:not(:first-child) {
        margin-right: 40px
    }
}

.industry-cards__grid__card__inner__more__disclaimer {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: .1px;
    color: #3c4043;
    margin: 24px 0
}

.industry-cards__grid__card__bottom {
    background-color: #fff;
    height: 0;
    order: 2;
    width: 100%
}

.industry-cards__grid__card__bottom__inner {
    display: flex;
    flex-direction: column;
    padding: 32px 32px 16px
}

@media (min-width: 1024px) {
    .industry-cards__grid__card__bottom__inner {
        display:flex;
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap
    }
}

.industry-cards__grid__card__bottom__inner__row {
    display: flex;
    flex-direction: column;
    flex: 1
}

@media (min-width: 1024px) {
    .industry-cards__grid__card__bottom__inner__row {
        align-items:center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }
}

.industry-cards__grid__card__bottom__inner__label {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px
}

@media (min-width: 1024px) {
    .industry-cards__grid__card__bottom__inner__label {
        margin-right:48px;
        margin-top: 8px
    }
}

.industry-cards__grid__card__inner__more__stats {
    justify-content: center;
    flex-direction: column;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    align-items: flex-start;
    margin-bottom: 24px;
    padding: 20px;
    display: flex;
    flex-direction: row
}

.industry-cards__grid__card__inner__more__stats .stat-figure {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal
}

@media (min-width: 600px) {
    .industry-cards__grid__card__inner__more__stats .stat-figure {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .industry-cards__grid__card__inner__more__stats .stat-figure {
        font-size:36px;
        line-height: 44px
    }
}

.industry-cards__grid__card__inner__more__stats__stat {
    display: flex;
    flex-direction: column;
    flex: 1
}

.industry-cards__grid__card__inner__more__stats__stat:not(:last-child) {
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .industry-cards__grid__card__inner__more__stats__stat:not(:last-child) {
        margin-bottom:0;
        margin-right: 20px
    }
}

@media (min-width: 1024px) {
    .industry-cards__grid__card--column .industry-cards__grid__card__wrap {
        display:flex;
        flex-direction: column
    }
}

@media (min-width: 1024px) {
    .industry-cards__grid__card--column .industry-cards__grid__card__image {
        flex:inherit;
        min-height: initial;
        height: 250px;
        order: 0;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .industry-cards__grid__card--column .industry-cards__grid__card__inner {
        order:1;
        width: 100%
    }
}

.industry-hero {
    --chapter-offset: 0;
    margin: 0 auto;
    padding: 0!important;
    max-width: 2560px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    display: grid;
    grid-template-columns: 1fr;
    position: relative
}

@media (max-width: 599px) {
    .industry-hero {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-hero {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .industry-hero {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .industry-hero {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 1023px) {
    .industry-hero {
        padding-bottom:0
    }
}

.industry-hero--chapter-large {
    --chapter-height-tablet: 550px;
    --slide-height-tablet: 1348px
}

.industry-hero--grey {
    background: #f8f9fa
}

.industry-hero--white {
    background: #fff!important
}

.industry-hero__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none
}

.industry-hero__background img {
    width: auto;
    height: auto;
    max-width: none
}

.industry-hero .chapter__item {
    opacity: 0;
    transform: translate3d(0,35px,0);
    animation-duration: .5s;
    animation-name: fade-up;
    animation-timing-function: cubic-bezier(.65,0,.35,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal
}

.industry-hero .chapter__item:nth-child(1) {
    animation-delay: 0s
}

.industry-hero .chapter__item:nth-child(2) {
    animation-delay: .25s
}

.industry-hero .chapter__item:nth-child(3) {
    animation-delay: .5s
}

.industry-hero .chapter__item:nth-child(4) {
    animation-delay: .75s
}

.industry-hero__slide__feature__chapter__buttons.chapter__item {
    animation-delay: .75s
}

.industry-hero__wrap {
    overflow: hidden
}

.industry-hero__slide__feature__image {
    display: none
}

@media (min-width: 600px) {
    .industry-hero__slide__feature__image--lottie {
        display:block;
        grid-column: span 8
    }
}

@media (min-width: 1024px) {
    .industry-hero__slide__feature__image--lottie {
        grid-column:span 12
    }
}

@media (min-width: 1280px) {
    .industry-hero__slide__feature__image--lottie {
        grid-column-start:6;
        grid-column-end: span 7
    }
}

.industry-hero__background-asset {
    display: flex;
    flex-direction: column;
    height: 100%;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    line-height: 0
}

@media (max-width: 1279px) {
    .industry-hero__background-asset {
        position:absolute;
        width: 100%;
        z-index: 0
    }
}

.industry-hero__background-asset picture {
    height: 100%
}

.industry-hero__background-asset img,.industry-hero__background-asset video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right
}

.industry-hero__slides {
    display: flex;
    width: 100%;
    overflow: visible;
    overflow-scrolling: touch;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-stop:always;scrollbar-width: none;
    will-change: scroll-position;
    position: relative;
    --max-height-desktop: 660px;
    --min-height-desktop: 660px;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    height: 100%;
    min-height: var(--slide-height-mobile, 1350px);
    overflow: hidden
}

@media (pointer: coarse) {
    .swiping .industry-hero__slides {
        scroll-snap-type:x mandatory
    }
}

.industry-hero__slides::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    background: transparent
}

@media (max-width: 1023px) {
    .industry-hero__slides {
        z-index:1
    }
}

@media (min-width: 600px) {
    .industry-hero__slides {
        min-height:1600px
    }
}

@media (min-width: 600px) and (max-width: 1024px) {
    .industry-hero__slides {
        min-height:var(--slide-height-small-tablet, 1248px)
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .industry-hero__slides {
        min-height:var(--slide-height-tablet, 1298px)
    }
}

@media (min-width: 1280px) {
    .industry-hero__slides {
        max-height:var(--max-height-desktop);
        min-height: var(--min-height-desktop)
    }
}

.industry-hero__slide {
    --slide-background-color: transparent;
    --slide-foreground-color: color.$grey-900;
    box-sizing: border-box;
    scroll-snap-align: center;
    flex: 0 0 100%;
    background-color: var(--slide-background-color);
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all .5s cubic-bezier(.85,0,.15,1);
    height: 100%;
    width: 100%
}

.industry-hero__slide--active {
    opacity: 1;
    pointer-events: auto;
    z-index: 1
}

.industry-hero__slide__feature {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr;
    height: 100%
}

@media (min-width: 600px) and (max-width: 1024px) {
    .industry-hero__slide__feature {
        grid-template-rows:450px 1fr;
        align-items: flex-end
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .industry-hero__slide__feature {
        grid-template-rows:var(--chapter-height-tablet, 500px) 1fr
    }
}

.industry-hero__slide__feature__background-asset {
    display: flex;
    flex-direction: column;
    grid-row-start: 2;
    height: 100%;
    line-height: 0;
    min-height: 660px;
    overflow: hidden;
    z-index: 0
}

@media (min-width: 1280px) {
    .industry-hero__slide__feature__background-asset {
        justify-content:initial;
        grid-row-start: 1;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: 2
    }
}

@media (min-width: 1280px) {
    .industry-hero__slide__feature__background-asset picture {
        height:100%
    }
}

.industry-hero__slide__feature__background-asset img,.industry-hero__slide__feature__background-asset video {
    width: 100%;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    height: 719px
}

@media (min-width: 600px) {
    .industry-hero__slide__feature__background-asset img,.industry-hero__slide__feature__background-asset video {
        height:660px
    }
}

@media (min-width: 1440px) {
    .industry-hero__slide__feature__background-asset img,.industry-hero__slide__feature__background-asset video {
        object-fit:contain;
        object-position: right;
        height: 100%
    }
}

.industry-hero__slide__feature__background-asset__foreground {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -60%;
    padding-bottom: 70px;
    position: relative;
    z-index: 3;
    width: 100%
}

@media (min-width: 600px) {
    .industry-hero__slide__feature__background-asset__foreground {
        margin-top:-40%;
        pointer-events: none
    }
}

.industry-hero__slide__feature__background-asset__foreground img {
    position: relative;
    width: 100%;
    z-index: 1
}

@media (min-width: 600px) {
    .industry-hero__slide__feature__background-asset__foreground {
        display:none
    }
}

.industry-hero__slide__feature__background-asset__foreground__stroke {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0
}

.industry-hero__slide__feature__background-asset__foreground__stroke img {
    display: block;
    width: 100%
}

@media (min-width: 1024px) {
    .industry-hero__slide__feature__background-asset__foreground__stroke {
        display:none
    }
}

.industry-hero__slide__feature__container {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    grid-auto-rows: min-content
}

@media (max-width: 599px) {
    .industry-hero__slide__feature__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-hero__slide__feature__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .industry-hero__slide__feature__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .industry-hero__slide__feature__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .industry-hero__slide__feature__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-hero__slide__feature__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .industry-hero__slide__feature__container {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .industry-hero__slide__feature__container {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .industry-hero__slide__feature__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-hero__slide__feature__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .industry-hero__slide__feature__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .industry-hero__slide__feature__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1024px) {
    .industry-hero__slide__feature__container {
        grid-row-start:1;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: 2;
        align-content: start
    }
}

@media (min-width: 850px) and (max-width: 1279px) {
    .industry-hero__slide__feature__container {
        height:100%;
        align-content: flex-end
    }
}

@media (max-width: 1023px) {
    .industry-hero__slide__image {
        order:3
    }
}

.industry-hero__slide__feature__chapter {
    grid-column: span 4;
    flex-direction: column;
    display: flex;
    justify-content: center;
    z-index: 1;
    grid-row-start: 1;
    position: relative;
    padding: 50px 0
}

@media (min-width: 600px) {
    .industry-hero__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 7;
        padding: 42px 0 60px
    }
}

@media (min-width: 1440px) {
    .industry-hero__slide__feature__chapter {
        padding-top:69px
    }
}

.industry-hero__slide__feature__chapter__image {
    display: none
}

@media (min-width: 1280px) {
    .industry-hero__slide__feature__chapter__image {
        display:block;
        position: absolute;
        right: -575px;
        top: 100px;
        will-change: opacity;
        z-index: 2
    }
}

.industry-hero__slide__image {
    grid-column: span 4
}

@media (min-width: 600px) {
    .industry-hero__slide__image {
        grid-column:span 8
    }
}

@media (min-width: 1024px) {
    .industry-hero__slide__image {
        grid-column-start:7;
        grid-column-end: span 6
    }
}

.industry-hero__slide__image img {
    display: block;
    margin: 0 auto;
    height: auto
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-hero__slide__image img {
        max-width:400px
    }
}

@media (min-width: 1024px) {
    .industry-hero__slide__image img {
        width:100%
    }
}

.industry-hero__slide__feature__chapter__eyebrow {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #202124;
    margin-bottom: 16px;
    text-transform: uppercase
}

@media (max-width: 1023px) {
    .industry-hero__slide__feature__chapter__eyebrow {
        text-align:center
    }
}

.industry-hero__slide__feature__chapter__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -.25px;
    margin: 0 0 16px
}

@media (min-width: 600px) {
    .industry-hero__slide__feature__chapter__title {
        font-size:48px;
        line-height: 56px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .industry-hero__slide__feature__chapter__title {
        font-size:60px;
        line-height: 72px
    }
}

@media (max-width: 1023px) {
    .industry-hero__slide__feature__chapter__title {
        text-align:center
    }
}

.industry-hero__slide__feature__chapter__title span {
    font-weight: 700;
    color: #1a73e8
}

html:not([lang=en]) .industry-hero__slide__feature__chapter__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px
}

@media (min-width: 600px) {
    html:not([lang=en]) .industry-hero__slide__feature__chapter__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    html:not([lang=en]) .industry-hero__slide__feature__chapter__title {
        font-size:48px;
        line-height: 56px
    }
}

@media (max-width: 1023px) {
    html:not([lang=en]) .industry-hero__slide__feature__chapter__title {
        font-size:24px;
        line-height: 32px
    }
}

.industry-hero__stats__stat.wrap-small small {
    display: block
}

.industry-hero__slide__feature__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043
}

.industry-hero__slide__feature__chapter__body p {
    margin: 0
}

@media (max-width: 1023px) {
    .industry-hero__slide__feature__chapter__body {
        text-align:center
    }
}

.industry-hero__slide__feature__chapter__buttons {
    display: flex;
    flex-direction: row;
    margin-top: 32px;
    grid-gap: 30px
}

@media (max-width: 1023px) {
    .industry-hero__slide__feature__chapter__buttons {
        flex-direction:column;
        display: flex;
        align-items: center;
        grid-gap: 22px
    }
}

.industry-hero__slide--flush-top .industry-hero__slide__feature {
    padding-top: 0
}

.industry-hero__slide--flush-bottom .industry-hero__slide__feature {
    padding-bottom: 0
}

@media (max-width: 1023px) {
    .industry-hero__slide--reversed-mobile .industry-hero__slide__feature__card {
        grid-row-start:1;
        margin-bottom: var(--card-gap);
        margin-top: 0
    }
}

@media (max-width: 1023px) {
    .industry-hero__slide--reversed-mobile .industry-hero__slide__feature__chapter {
        grid-row-start:2
    }
}

@media (max-width: 1023px) {
    .industry-hero__slide--reversed-mobile .industry-hero__slide__feature__background-asset {
        grid-row-start:1
    }
}

.industry-hero--background-centered .industry-hero__background-asset video,.industry-hero--background-centered .industry-hero__background-asset img,.industry-hero--background-centered .industry-hero__slide__feature__background-asset video,.industry-hero--background-centered .industry-hero__slide__feature__background-asset img {
    object-position: center!important;
    object-fit: cover!important
}

.industry-hero__controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.industry-hero__controls__rings {
    flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    bottom: 62px;
    left: 50%;
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 min(5vw,72px);
    pointer-events: all;
    position: absolute;
    transform: translate3d(-50%,0,0);
    width: 100%;
    z-index: 3
}

@media (min-width: 1280px) {
    .industry-hero__controls__rings {
        justify-content:flex-start
    }
}

@keyframes dots-circle {
    to {
        stroke-dashoffset: 0
    }
}

.industry-hero__controls__rings__ring {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    height: 16px;
    position: relative;
    -webkit-appearance: none;
    width: 16px
}

.industry-hero__controls__rings__ring:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 40px;
    height: 40px;
    z-index: -1
}

.industry-hero__controls__rings__ring .industry-hero__controls__rings__ring__front {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    stroke: #000;
    z-index: 2;
    transition: all .3s cubic-bezier(.33,1,.68,1)
}

.industry-hero__controls__rings__ring .industry-hero__controls__rings__ring__front__circle {
    fill: #202124
}

.industry-hero__controls__rings__ring .industry-hero__controls__rings__ring__back {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    stroke: #80868b;
    z-index: 1;
    transition: all .3s cubic-bezier(.33,1,.68,1)
}

.industry-hero__controls__rings__ring .industry-hero__controls__rings__ring__back__circle {
    fill: none;
    position: absolute;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    stroke-width: 30;
    transform-origin: center center;
    transform: rotate(-90deg)
}

.industry-hero__controls__rings__ring--active-autoplay {
    transform: scale(1)
}

.industry-hero__controls__rings__ring--active-autoplay .industry-hero__controls__rings__ring__back,.industry-hero__controls__rings__ring--active-autoplay .industry-hero__controls__rings__ring__front {
    width: 14px;
    height: 14px
}

.industry-hero__controls__rings__ring--active-autoplay .industry-hero__controls__rings__ring__front__circle {
    fill: none;
    stroke-dashoffset: 400;
    stroke-dasharray: 400;
    transform: rotate(-90deg);
    transform-origin: center center;
    stroke-width: 30;
    position: relative;
    animation: dots-circle 8s linear forwards
}

.industry-hero__controls__rings__ring--active-autoplay .industry-hero__controls__rings__ring__back__circle {
    fill: none;
    stroke-dashoffset: 0;
    stroke-dasharray: 0;
    transform: rotate(-90deg);
    transform-origin: center center;
    stroke-width: 30
}

.industry-hero__controls__rings__ring--active {
    transform: scale(1)
}

.industry-hero__controls__rings__ring--active .industry-hero__controls__rings__ring__front__circle {
    fill: none;
    stroke-dashoffset: 0
}

.industry-hero__controls__rings__ring--active .industry-hero__controls__rings__ring__back,.industry-hero__controls__rings__ring--active .industry-hero__controls__rings__ring__front {
    width: 14px;
    height: 14px
}

.industry-hero__controls__rings__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    border: 1px solid #e8eaed
}

@media (max-width: 1023px) {
    .industry-hero__controls__rings__arrow {
        display:none
    }
}

.industry-hero__controls__rings__arrow--left {
    transform: scale(-1)
}

.industry-hero__controls__arrows {
    --dots-foreground-color: #202124;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0 30px
}

.industry-hero__controls__arrows .industry-hero__controls__arrows__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -webkit-appearance: none;
    background: #fff9;
    border: 0;
    border-radius: 100%;
    cursor: pointer;
    transition: background .3s ease;
    user-select: none
}

@media (min-width: 1024px) {
    .industry-hero__controls__arrows .industry-hero__controls__arrows__arrow {
        width:64px;
        height: 64px
    }
}

.industry-hero__controls__arrows .industry-hero__controls__arrows__arrow:hover {
    background: #fff
}

.industry-hero__controls__arrows .industry-hero__controls__arrows__arrow:focus {
    background: #fff;
    box-shadow: 0 0 0 1px #1a73e8;
    outline: 1px solid #1a73e8
}

.industry-hero__controls__arrows .industry-hero__controls__arrows__arrow+.industry-hero__controls__arrows .industry-hero__controls__arrows__arrow {
    margin-left: 4px
}

.industry-hero__controls__arrows .industry-hero__controls__arrows__arrow--left svg {
    transform: scale(-1)
}

.industry-hero__controls__arrows .industry-hero__controls__arrows__arrow svg {
    height: 22px;
    width: 22px;
    pointer-events: none
}

@media (min-width: 1024px) {
    .industry-hero__controls__arrows .industry-hero__controls__arrows__arrow svg {
        height:36px;
        width: 36px
    }
}

@media (min-width: 1440px) {
    .industry-hero__controls__arrows .industry-hero__controls__arrows__arrow svg {
        height:64px;
        width: 64px
    }
}

@media (min-width: 1024px) {
    .industry-hero__controls__arrows {
        display:none
    }
}

.industry-hero__controls__arrows__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: all;
    z-index: 3
}

@media (min-width: 1024px) {
    .industry-hero__controls__arrows__arrow {
        width:64px;
        height: 64px
    }
}

@media (max-width: 1023px) {
    .industry-hero__controls__arrows__arrow {
        top:calc(1px * var(--chapter-offset))
    }
}

.industry-hero__controls__arrows__arrow--left {
    left: 10px
}

@media (min-width: 1440px) {
    .industry-hero__controls__arrows__arrow--left {
        left:20px
    }
}

.industry-hero__controls__arrows__arrow--right {
    right: 10px
}

@media (min-width: 1440px) {
    .industry-hero__controls__arrows__arrow--right {
        right:20px
    }
}

.industry-hero__controls__arrows .industry-hero__controls__arrows__arrow {
    background: #ffffffe6;
    border: 1px solid #e8eaed
}

.industry-hero__slides__foreground {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    grid-auto-rows: min-content;
    position: relative;
    height: 100%
}

@media (max-width: 599px) {
    .industry-hero__slides__foreground {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-hero__slides__foreground {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .industry-hero__slides__foreground {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .industry-hero__slides__foreground {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .industry-hero__slides__foreground {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-hero__slides__foreground {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .industry-hero__slides__foreground {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .industry-hero__slides__foreground {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .industry-hero__slides__foreground {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-hero__slides__foreground {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .industry-hero__slides__foreground {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .industry-hero__slides__foreground {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1024px) {
    .industry-hero__slides__foreground {
        grid-row-start:1;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: 2
    }
}

@media (max-width: 1023px) {
    .industry-hero__slides__foreground {
        display:none
    }
}

.industry-hero__slides__foreground__image {
    display: none
}

@media (min-width: 1024px) {
    .industry-hero__slides__foreground__image {
        opacity:0
    }
}

@media (min-width: 1280px) {
    .industry-hero__slides__foreground__image {
        display:block;
        position: absolute;
        right: -230px;
        top: 220px;
        transition: all .5s cubic-bezier(.85,0,.15,1);
        will-change: opacity;
        z-index: 2
    }

    .industry-hero__slides__foreground__image--address-validation {
        right: -300px
    }

    .industry-hero__slides__foreground__image--last-mile {
        top: 325px
    }

    .industry-hero__slides__foreground__image--active {
        opacity: 1;
        z-index: 3
    }
}

.industry-hero__lottie {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    pointer-events: none;
    bottom: -390px;
    z-index: 2;
    width: inherit
}

@media (max-width: 1439px) {
    .industry-hero__lottie {
        display:none
    }
}

.industry-hero__lottie.industry-hero__lottie--transportation,.industry-hero__lottie.industry-hero__lottie--quick-builder,.industry-hero__lottie.industry-hero__lottie--real-estate,.industry-hero__lottie.industry-hero__lottie--dynamic-maps {
    bottom: initial;
    display: block;
    top: -10px;
    z-index: 2;
    width: inherit
}

@media (max-width: 1279px) {
    .industry-hero__lottie.industry-hero__lottie--transportation,.industry-hero__lottie.industry-hero__lottie--quick-builder,.industry-hero__lottie.industry-hero__lottie--real-estate,.industry-hero__lottie.industry-hero__lottie--dynamic-maps {
        display:none!important
    }
}

.industry-hero__lottie.industry-hero__lottie--impact-calculator-registration {
    bottom: initial;
    display: block;
    top: 0;
    z-index: 2;
    width: inherit
}

@media (max-width: 1279px) {
    .industry-hero__lottie.industry-hero__lottie--impact-calculator-registration {
        display:none!important
    }
}

.industry-hero__stats {
    padding: 48px 0 60px;
    background-color: #f8f9fa
}

.industry-hero__stats__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width: 1024px) {
    .industry-hero__stats__container {
        flex-direction:row;
        display: flex;
        justify-content: center;
        align-items: flex-start
    }
}

.industry-hero__stats__stat {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    max-width: 280px;
    padding: 0 24px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 4
}

.industry-hero__stats__stat:not(:last-child) {
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .industry-hero__stats__stat {
        display:flex;
        justify-content: center
    }

    .industry-hero__stats__stat:not(:last-child) {
        margin-bottom: 0;
        margin-right: 64px
    }
}

@media (min-width: 1440px) {
    .industry-hero__stats__stat:not(:last-child) {
        margin-right:130px
    }
}

.industry-hero__stats__stat .stat-figure {
    color: #1a73e8;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 100px;
    line-height: 80px
}

.industry-hero__stats__stat .stat-figure:lang(ja) {
    font-size: 50px;
    line-height: 40px
}

.industry-hero__stats__stat .stat-figure:lang(ru) {
    font-size: 72px;
    line-height: 80px
}

.industry-hero__stats__stat .stat-emphasis {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin: 8px 0
}

@media (min-width: 600px) {
    .industry-hero__stats__stat .stat-emphasis {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .industry-hero__stats__stat .stat-emphasis {
        font-size:28px;
        line-height: 36px
    }
}

.industry-hero__stats__stat .stat-subtext {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043
}

.industry-hero__stats--industry {
    position: relative;
    z-index: 3
}

.industry-hero__stats--india {
    padding: 48px 0
}

@media (min-width: 600px) {
    .industry-hero__stats--india {
        padding:90px 0
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-hero__stats--india .industry-hero__stats__container {
        max-width:600px;
        margin: 0 auto;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        gap: 32px
    }
}

@media (min-width: 1440px) {
    .industry-hero__stats--india .industry-hero__stats__container .industry-hero__stats__stat:not(:last-child) {
        margin-right:90px
    }
}

@media (max-width: 599px) {
    .industry-hero__stats--india .industry-hero__stats__stat .stat-figure {
        font-size:70px;
        line-height: 80px;
        font-weight: 400
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-hero__stats--india .industry-hero__stats__stat .stat-figure {
        max-width:300px
    }
}

@media (max-width: 599px) {
    .industry-hero__stats--india .industry-hero__stats__stat small {
        font-size:50px;
        line-height: 80px;
        font-weight: 400
    }
}

.industry-hero--reversed .industry-hero__background-asset img,.industry-hero--reversed .industry-hero__background-asset video {
    object-position: left
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .industry-hero--background__laptop-wide .industry-hero__slide__feature__background-asset__foreground,.industry-hero--background__laptop-wide .industry-hero__lottie {
        display:none
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .industry-hero--background__laptop-wide {
        padding:0 0 100px!important
    }
}

@media (min-width: 1280px) {
    .industry-hero--transportation .industry-hero__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 6
    }
}

@media (min-width: 1280px) {
    .industry-hero--financial .industry-hero__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 6
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .industry-hero--real-estate .industry-hero__controls__rings {
        bottom:45px
    }
}

@media (min-width: 1280px) {
    .industry-hero--real-estate .industry-hero__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 6
    }
}

.industry-hero--real-estate .industry-hero__slides__foreground__image {
    right: auto;
    left: 0
}

@media (min-width: 1280px) {
    .industry-hero--real-estate .industry-hero__slides__foreground__image {
        left:20vw
    }
}

@media (min-width: 1440px) {
    .industry-hero--real-estate .industry-hero__slides__foreground__image {
        left:25vw
    }
}

.industry-hero--real-estate .industry-hero__slides__foreground__image img {
    max-width: none
}

.industry-hero--quick-builder .industry-hero__slide__feature__chapter {
    word-wrap: break-word
}

@media (min-width: 1280px) {
    .industry-hero--quick-builder .industry-hero__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 5
    }
}

@media (min-width: 1280px) {
    .industry-hero--dynamic-maps .industry-hero__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 5
    }
}

.industry-hero--dynamic-maps .industry-hero__slide__feature__background-asset {
    display: none
}

@media (min-width: 600px) and (max-width: 1279px) {
    .industry-hero--dynamic-maps .industry-hero__slide__feature__background-asset {
        display:block
    }
}

.industry-hero--dynamic-maps .industry-hero__slide__feature__background-asset__foreground {
    margin-top: initial;
    padding-bottom: initial
}

.industry-hero--dynamic-maps .industry-hero__slides {
    min-height: 900px
}

@media (min-width: 600px) {
    .industry-hero--dynamic-maps .industry-hero__slides {
        min-height:1110px
    }
}

@media (min-width: 600px) and (max-width: 1024px) {
    .industry-hero--dynamic-maps .industry-hero__slides {
        min-height:1110px
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .industry-hero--dynamic-maps .industry-hero__slides {
        min-height:var(--slide-height-tablet, 1298px)
    }
}

@media (min-width: 1280px) {
    .industry-hero--dynamic-maps .industry-hero__slides {
        max-height:var(--max-height-desktop);
        min-height: var(--min-height-desktop)
    }
}

.industry-hero--dynamic-maps .industry-hero__slides__foreground__image {
    top: 20px
}

@media (max-width: 1439px) {
    .industry-hero--dynamic-maps .industry-hero__slides__foreground__image {
        right:-330px
    }
}

.industry-hero--dynamic-maps .industry-hero__slide__feature__chapter__buttons {
    grid-gap: 16px;
    justify-content: flex-start
}

.industry-hero--dynamic-maps {
    background: #f8f9fa
}

@media (max-width: 599px) {
    .industry-hero--routes .industry-hero__slides {
        min-height:auto
    }
}

@media (max-width: 599px) {
    .industry-hero--routes .industry-hero__slide {
        position:relative
    }
}

@media (max-width: 599px) {
    .industry-hero--routes .industry-hero__slide__feature {
        display:block
    }
}

.industry-hero--routes .industry-hero__slides__foreground__image {
    top: 80px
}

.industry-hero--impact-calculator {
    background: #fff
}

@media (max-width: 599px) {
    .industry-hero--impact-calculator .industry-hero__slides {
        min-height:725px
    }
}

.industry-hero--impact-calculator .industry-hero__slide__feature__container {
    height: initial
}

@media (max-width: 1279px) {
    .industry-hero--impact-calculator .industry-hero__slide__feature__container {
        max-width:600px
    }
}

.industry-hero--impact-calculator .industry-hero__slides__foreground__image {
    right: -340px;
    top: 80px
}

.industry-hero--impact-calculator .industry-hero__slide__feature__chapter {
    grid-column-start: 1;
    grid-column-end: span 4
}

@media (min-width: 600px) {
    .industry-hero--impact-calculator .industry-hero__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 12
    }
}

@media (min-width: 1280px) {
    .industry-hero--impact-calculator .industry-hero__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 6
    }
}

@media (max-width: 1279px) {
    .industry-hero--impact-calculator .industry-hero__slide__feature__chapter {
        text-align:center;
        align-items: center
    }
}

@media (max-width: 1279px) {
    .industry-hero--impact-calculator .industry-hero__slide__feature__chapter {
        padding-bottom:0
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .industry-hero--impact-calculator .industry-hero__slide__feature__chapter {
        padding-bottom:0
    }
}

.industry-hero--impact-calculator .industry-hero__slide__feature__chapter__title {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 36px
}

@media (min-width: 600px) {
    .industry-hero--impact-calculator .industry-hero__slide__feature__chapter__title {
        font-size:40px;
        line-height: 48px
    }
}

@media (min-width: 1440px) {
    .industry-hero--impact-calculator .industry-hero__slide__feature__chapter__title {
        font-size:48px;
        line-height: 56px
    }
}

@media (min-width: 1024px) {
    .industry-hero--impact-calculator .industry-hero__slide__feature__chapter__body {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: .1px;
        color: #3c4043
    }
}

.industry-hero--impact-calculator-registration {
    background: #f8f9fa
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-hero--impact-calculator-results .industry-hero__slide__feature__container {
        grid-template-columns:repeat(12,1fr);
        max-width: 100%
    }
}

.industry-hero--impact-calculator-results .industry-hero__slide__feature__chapter {
    grid-column-start: 1;
    grid-column-end: span 4
}

@media (min-width: 600px) {
    .industry-hero--impact-calculator-results .industry-hero__slide__feature__chapter {
        grid-column-start:3;
        grid-column-end: span 8;
        text-align: center
    }
}

@media (min-width: 1024px) {
    .industry-hero--impact-calculator-results .industry-hero__slide__feature__chapter {
        grid-column-start:4;
        grid-column-end: span 6
    }
}

@media (min-width: 1280px) {
    .industry-hero--impact-calculator-results .industry-hero__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 6;
        text-align: left
    }
}

@media (max-width: 1023px) {
    .industry-hero--impact-calculator-results .industry-hero__slides {
        min-height:1000px
    }
}

@media (max-width: 599px) {
    .industry-hero--impact-calculator-results .industry-hero__slides {
        min-height:700px
    }
}

@media (max-width: 1023px) {
    .industry-hero--impact-calculator-results .industry-hero__slide__feature__background-asset {
        min-height:auto;
        height: auto
    }
}

.industry-hero--impact-calculator-results .industry-hero__slide__feature__background-asset img {
    object-fit: cover;
    object-position: center
}

@media (max-width: 1023px) {
    .industry-hero--impact-calculator-results .industry-hero__slide__feature__background-asset img {
        height:auto!important
    }
}

@media (min-width: 1440px) {
    .industry-hero--impact-calculator-results .industry-hero__slide__feature__background-asset img {
        object-position:right center
    }
}

.industry-hero--aerial-view .industry-hero__slides {
    z-index: unset
}

@media (max-width: 1023px) {
    .industry-hero--aerial-view .industry-hero__slides {
        min-height:1110px!important
    }
}

@media (max-width: 599px) {
    .industry-hero--aerial-view .industry-hero__slides {
        min-height:700px!important
    }
}

.industry-hero--aerial-view .industry-hero__slide--active {
    z-index: unset
}

.industry-hero--aerial-view .industry-hero__slides__foreground__image {
    right: -230px;
    top: 50%;
    transform: translateY(-50%)
}

.industry-hero--aerial-view .industry-hero__slides__foreground__image video,.industry-hero--aerial-view .industry-hero__slides__foreground__image img {
    width: 500px;
    height: auto;
    border-radius: 24px
}

@media (min-width: 600px) {
    .industry-hero--aerial-view .industry-hero__slides__foreground__image video,.industry-hero--aerial-view .industry-hero__slides__foreground__image img {
        width:600px;
        height: auto
    }
}

.industry-hero--aerial-view .industry-hero__slide__feature__background-asset,.industry-hero--aerial-view .industry-hero__slide__feature__background-asset__foreground {
    margin: 0 auto;
    z-index: 3
}

.industry-hero--aerial-view .industry-hero__slide__feature__background-asset>video,.industry-hero--aerial-view .industry-hero__slide__feature__background-asset>img,.industry-hero--aerial-view .industry-hero__slide__feature__background-asset__foreground>video,.industry-hero--aerial-view .industry-hero__slide__feature__background-asset__foreground>img {
    position: relative;
    z-index: 1;
    width: 319px;
    height: auto;
    border-radius: 24px
}

@media (min-width: 600px) {
    .industry-hero--aerial-view .industry-hero__slide__feature__background-asset>video,.industry-hero--aerial-view .industry-hero__slide__feature__background-asset>img,.industry-hero--aerial-view .industry-hero__slide__feature__background-asset__foreground>video,.industry-hero--aerial-view .industry-hero__slide__feature__background-asset__foreground>img {
        width:550px;
        height: auto
    }
}

@media (min-width: 1024px) {
    .industry-hero--aerial-view .industry-hero__slide__feature__background-asset>video,.industry-hero--aerial-view .industry-hero__slide__feature__background-asset>img,.industry-hero--aerial-view .industry-hero__slide__feature__background-asset__foreground>video,.industry-hero--aerial-view .industry-hero__slide__feature__background-asset__foreground>img {
        width:600px
    }
}

@media (max-width: 599px) {
    .industry-hero--aerial-view .industry-hero__slide__feature__background-asset>video,.industry-hero--aerial-view .industry-hero__slide__feature__background-asset__foreground>video {
        transform:translateY(-32px)
    }
}

@media (min-width: 1280px) {
    .industry-hero--aerial-view .industry-hero__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 5
    }
}

@media (min-width: 600px) {
    .industry-hero--aerial-view .industry-hero__lottie.industry-hero__lottie--dynamic-maps {
        display:block!important;
        top: auto;
        bottom: 0
    }
}

.industry-hero--air-quality {
    --slide-height-mobile: 750px;
    --slide-height-small-tablet: 780px;
    --slide-height-tablet: 1000px;
    --max-height-desktop: 660px;
    --min-height-desktop: 660px
}

.industry-hero--air-quality .industry-hero__slides,.industry-hero--air-quality .industry-hero__slide--active {
    z-index: unset
}

@media (max-width: 1023px) {
    .industry-hero--air-quality .industry-hero__slide__feature {
        display:flex;
        flex-direction: column
    }
}

.industry-hero--air-quality .industry-hero__slide__feature__background-asset {
    display: none
}

.industry-hero--air-quality .industry-hero__slide__feature__background-asset__foreground {
    margin-top: 0
}

.industry-hero--air-quality .industry-hero__slide__feature__background-asset__foreground img {
    max-width: 500px
}

@media (max-width: 1279px) {
    .industry-hero--air-quality .industry-hero__slide__feature__container {
        width:100%;
        display: flex;
        flex-direction: column
    }
}

@media (min-width: 1280px) {
    .industry-hero--air-quality .industry-hero__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 5
    }

    .industry-hero--air-quality .industry-hero__slide__feature__chapter>* {
        max-width: 100%
    }
}

.industry-hero--air-quality .industry-hero__slide__feature__chapter>* {
    width: 100%;
    max-width: 500px
}

.industry-hero--air-quality .industry-hero__slide__feature__image--lottie {
    position: relative;
    z-index: 3
}

@media (max-width: 1279px) {
    .industry-hero--air-quality .industry-hero__slide__feature__image--lottie {
        max-width:630px;
        margin: 0 auto;
        transform: translate(-15%)
    }
}

@media (min-width: 600px) {
    .industry-hero--air-quality .industry-hero__lottie {
        display:block!important;
        top: auto;
        bottom: 0
    }
}

@media (max-width: 1279px) {
    .industry-hero--air-quality .industry-hero__lottie {
        bottom:100px
    }
}

.industry-hero--air-quality .industry-hero__slide__feature__background-asset__foreground__stroke img {
    margin: 0;
    width: 100%;
    max-width: 100%
}

.industry-hero--industry {
    --slide-height-mobile: 1340px;
    --slide-height-small-tablet: 1290px;
    --slide-height-tablet: 1270px;
    --max-height-desktop: 660px;
    --min-height-desktop: 660px;
    --chapter-height-tablet: auto
}

.industry-hero--industry .industry-hero__slides,.industry-hero--industry .industry-hero__slide--active {
    z-index: unset
}

@media (min-width: 1280px) {
    .industry-hero--industry .industry-hero__slide__feature__container {
        display:flex;
        width: 100%;
        height: 100%
    }
}

.industry-hero--industry .industry-hero__slide__feature__background-asset {
    padding: 44px 0;
    text-align: right;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    overflow: visible
}

@media (min-width: 1280px) {
    .industry-hero--industry .industry-hero__slide__feature__background-asset img {
        border-radius:24px;
        overflow: hidden;
        width: 575px;
        height: auto;
        margin-right: 12px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .industry-hero--industry .industry-hero__slide__feature__background-asset img {
        margin-right:-24px
    }
}

.industry-hero--industry .industry-hero__slides__foreground {
    width: 100%
}

@media (min-width: 1280px) {
    .industry-hero--industry .industry-hero__slides__foreground__image {
        right:auto;
        left: 60%;
        top: 230px;
        width: 100%;
        height: 350px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }

    .industry-hero--industry .industry-hero__slides__foreground__image--drop-shadow {
        height: 390px
    }

    .industry-hero--industry .industry-hero__slides__foreground__image img {
        transform: translate(-50%)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .industry-hero--industry .industry-hero__slides__foreground__image {
        left:72%
    }

    .industry-hero--industry .industry-hero__slides__foreground__image img {
        transform: translate(-50%) scale(.75)
    }
}

@media (min-width: 1280px) {
    .industry-hero--industry .industry-hero__slide__feature__chapter {
        width:45%;
        padding-top: 42px!important;
        padding-bottom: 82px!important
    }
}

@media (max-width: 1279px) {
    .industry-hero--industry .industry-hero__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 12;
        text-align: center;
        max-width: 530px;
        margin: 0 auto;
        width: 100%
    }
}

@media (max-width: 1023px) {
    .industry-hero--industry .industry-hero__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 4
    }
}

@media (min-width: 1280px) {
    .industry-hero--industry .industry-hero__slide__feature__chapter__body {
        max-width:382px
    }
}

@media (max-width: 1279px) {
    .industry-hero--industry .industry-hero__slide__feature__chapter__buttons {
        justify-content:center
    }
}

.industry-hero--places,.industry-hero--pollen,.industry-hero--solar {
    --slide-height-mobile: 750px;
    --slide-height-small-tablet: 850px;
    --slide-height-tablet: 1000px;
    --max-height-desktop: 660px;
    --min-height-desktop: 660px
}

.industry-hero--places .industry-hero__slides,.industry-hero--pollen .industry-hero__slides,.industry-hero--solar .industry-hero__slides,.industry-hero--places .industry-hero__slide--active,.industry-hero--pollen .industry-hero__slide--active,.industry-hero--solar .industry-hero__slide--active {
    z-index: unset
}

@media (max-width: 1023px) {
    .industry-hero--places .industry-hero__slide__feature,.industry-hero--pollen .industry-hero__slide__feature,.industry-hero--solar .industry-hero__slide__feature {
        display:flex;
        flex-direction: column
    }
}

.industry-hero--places .industry-hero__slide__feature__background-asset,.industry-hero--pollen .industry-hero__slide__feature__background-asset,.industry-hero--solar .industry-hero__slide__feature__background-asset {
    display: none
}

.industry-hero--places .industry-hero__slide__feature__background-asset__foreground,.industry-hero--pollen .industry-hero__slide__feature__background-asset__foreground,.industry-hero--solar .industry-hero__slide__feature__background-asset__foreground {
    margin-top: 0
}

.industry-hero--places .industry-hero__slide__feature__background-asset__foreground img,.industry-hero--pollen .industry-hero__slide__feature__background-asset__foreground img,.industry-hero--solar .industry-hero__slide__feature__background-asset__foreground img {
    max-width: 500px
}

@media (max-width: 1279px) {
    .industry-hero--places .industry-hero__slide__feature__container,.industry-hero--pollen .industry-hero__slide__feature__container,.industry-hero--solar .industry-hero__slide__feature__container {
        width:100%;
        display: flex;
        flex-direction: column
    }
}

.industry-hero--places .industry-hero__slide__feature__background-asset,.industry-hero--pollen .industry-hero__slide__feature__background-asset,.industry-hero--solar .industry-hero__slide__feature__background-asset,.industry-hero--places .industry-hero__slides__foreground,.industry-hero--pollen .industry-hero__slides__foreground,.industry-hero--solar .industry-hero__slides__foreground {
    display: none
}

@media (min-width: 1280px) {
    .industry-hero--places .industry-hero__slide__feature__chapter,.industry-hero--pollen .industry-hero__slide__feature__chapter,.industry-hero--solar .industry-hero__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 5
    }

    .industry-hero--places .industry-hero__slide__feature__chapter>*,.industry-hero--pollen .industry-hero__slide__feature__chapter>*,.industry-hero--solar .industry-hero__slide__feature__chapter>* {
        max-width: 100%
    }
}

.industry-hero--places .industry-hero__slide__feature__chapter>*,.industry-hero--pollen .industry-hero__slide__feature__chapter>*,.industry-hero--solar .industry-hero__slide__feature__chapter>* {
    width: 100%;
    max-width: 500px
}

@media (min-width: 1024px) {
    .industry-hero--places .industry-hero__slide__feature__chapter__body,.industry-hero--pollen .industry-hero__slide__feature__chapter__body,.industry-hero--solar .industry-hero__slide__feature__chapter__body {
        width:90%
    }
}

.industry-hero--places .industry-hero__slide__feature__image,.industry-hero--pollen .industry-hero__slide__feature__image,.industry-hero--solar .industry-hero__slide__feature__image {
    position: relative;
    margin: 0 auto;
    z-index: 3
}

@media (min-width: 600px) {
    .industry-hero--places .industry-hero__slide__feature__image,.industry-hero--pollen .industry-hero__slide__feature__image,.industry-hero--solar .industry-hero__slide__feature__image {
        display:block;
        max-width: 600px
    }
}

@media (min-width: 1280px) {
    .industry-hero--places .industry-hero__slide__feature__image,.industry-hero--pollen .industry-hero__slide__feature__image,.industry-hero--solar .industry-hero__slide__feature__image {
        grid-column-start:7;
        grid-column-end: span 6;
        max-width: 100%
    }
}

@media (min-width: 600px) {
    .industry-hero--places .industry-hero__lottie,.industry-hero--pollen .industry-hero__lottie,.industry-hero--solar .industry-hero__lottie {
        display:block!important;
        top: auto;
        bottom: 0
    }
}

@media (max-width: 1279px) {
    .industry-hero--places .industry-hero__lottie,.industry-hero--pollen .industry-hero__lottie,.industry-hero--solar .industry-hero__lottie {
        bottom:100px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-hero--places .industry-hero__lottie,.industry-hero--pollen .industry-hero__lottie,.industry-hero--solar .industry-hero__lottie {
        bottom:50px
    }
}

.industry-hero--places .industry-hero__slide__feature__background-asset__foreground__stroke img,.industry-hero--pollen .industry-hero__slide__feature__background-asset__foreground__stroke img,.industry-hero--solar .industry-hero__slide__feature__background-asset__foreground__stroke img {
    margin: 0;
    width: 100%;
    max-width: 100%
}

.industry-hero--places {
    --slide-height-mobile: 840px
}

@media (min-width: 600px) {
    .industry-hero--pollen .industry-hero__lottie {
        bottom:-80px
    }
}

@media (max-width: 1279px) {
    .industry-hero--pollen .industry-hero__lottie {
        bottom:20px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-hero--pollen .industry-hero__lottie {
        bottom:-30px
    }
}

.industry-hero--demo-gallery,.industry-hero--whitepapers {
    background: #f8f9fa
}

.industry-hero--demo-gallery .industry-hero__asset,.industry-hero--whitepapers .industry-hero__asset {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.industry-hero--demo-gallery .industry-hero__asset img,.industry-hero--whitepapers .industry-hero__asset img {
    width: 100%;
    max-height: 350px
}

@media (max-width: 1023px) {
    .industry-hero--demo-gallery .industry-hero__slides,.industry-hero--whitepapers .industry-hero__slides {
        min-height:700px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .industry-hero--demo-gallery .industry-hero__slides,.industry-hero--whitepapers .industry-hero__slides {
        min-height:var(--min-height-desktop);
        max-height: var(--max-height-desktop)
    }
}

.industry-hero--demo-gallery .industry-hero__controls__arrows,.industry-hero--whitepapers .industry-hero__controls__arrows {
    top: 185px
}

@media (max-width: 1023px) {
    .industry-hero--demo-gallery .industry-hero__controls__rings,.industry-hero--whitepapers .industry-hero__controls__rings {
        bottom:32px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .industry-hero--demo-gallery .industry-hero__controls__rings,.industry-hero--whitepapers .industry-hero__controls__rings {
        justify-content:flex-start
    }
}

@media (max-width: 1023px) {
    .industry-hero--demo-gallery .industry-hero__slide__feature,.industry-hero--whitepapers .industry-hero__slide__feature {
        height:auto;
        grid-template-rows: 1fr 360px;
        align-items: flex-start
    }
}

.industry-hero--demo-gallery .industry-hero__slide__feature__container,.industry-hero--whitepapers .industry-hero__slide__feature__container {
    width: 100%
}

@media (max-width: 1023px) {
    .industry-hero--demo-gallery .industry-hero__slide__feature__container,.industry-hero--whitepapers .industry-hero__slide__feature__container {
        align-content:flex-start
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .industry-hero--demo-gallery .industry-hero__lottie,.industry-hero--whitepapers .industry-hero__lottie {
        display:block!important
    }
}

@media (min-width: 600px) {
    .industry-hero--demo-gallery .industry-hero__slides__foreground__image,.industry-hero--whitepapers .industry-hero__slides__foreground__image {
        top:50%;
        transform: translateY(-50%);
        border-radius: 25px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .industry-hero--demo-gallery .industry-hero__slides__foreground__image,.industry-hero--whitepapers .industry-hero__slides__foreground__image {
        display:block;
        position: absolute;
        transition: all .5s cubic-bezier(.85,0,.15,1);
        will-change: opacity;
        width: 450px;
        right: -180px
    }

    .industry-hero--demo-gallery .industry-hero__slides__foreground__image--active,.industry-hero--whitepapers .industry-hero__slides__foreground__image--active {
        opacity: 1;
        z-index: 3
    }
}

.industry-hero--demo-gallery .industry-hero__slides__foreground__image video,.industry-hero--demo-gallery .industry-hero__slides__foreground__image img,.industry-hero--whitepapers .industry-hero__slides__foreground__image video,.industry-hero--whitepapers .industry-hero__slides__foreground__image img {
    width: 100%;
    max-width: 500px;
    height: auto;
    border-radius: 24px;
    box-shadow: 0 12px 34px #20345926
}

.industry-hero--demo-gallery .industry-hero__slide__feature__background-asset,.industry-hero--whitepapers .industry-hero__slide__feature__background-asset {
    grid-row-start: 1;
    min-height: auto;
    padding: 36px 0
}

.industry-hero--demo-gallery .industry-hero__slide__feature__background-asset img,.industry-hero--demo-gallery .industry-hero__slide__feature__background-asset video,.industry-hero--whitepapers .industry-hero__slide__feature__background-asset img,.industry-hero--whitepapers .industry-hero__slide__feature__background-asset video {
    display: block;
    width: calc(100% - 48px);
    height: auto;
    margin: 0 auto;
    max-width: 360px;
    border-radius: 25px;
    box-shadow: 0 12px 34px #20345926
}

.industry-hero--demo-gallery .industry-hero__slide__feature__chapter,.industry-hero--whitepapers .industry-hero__slide__feature__chapter {
    padding-top: 0
}

@media (max-width: 1023px) {
    .industry-hero--demo-gallery .industry-hero__slide__feature__chapter,.industry-hero--whitepapers .industry-hero__slide__feature__chapter {
        padding-bottom:64px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .industry-hero--demo-gallery .industry-hero__slide__feature__chapter,.industry-hero--whitepapers .industry-hero__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 6
    }
}

.industry-hero--demo-gallery .industry-hero__slide__feature__chapter__title,.industry-hero--whitepapers .industry-hero__slide__feature__chapter__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px
}

@media (min-width: 600px) {
    .industry-hero--demo-gallery .industry-hero__slide__feature__chapter__title,.industry-hero--whitepapers .industry-hero__slide__feature__chapter__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .industry-hero--demo-gallery .industry-hero__slide__feature__chapter__title,.industry-hero--whitepapers .industry-hero__slide__feature__chapter__title {
        font-size:48px;
        line-height: 56px
    }
}

@media (max-width: 1023px) {
    .industry-hero--demo-gallery .industry-hero__slide__feature__chapter__title,.industry-hero--whitepapers .industry-hero__slide__feature__chapter__title {
        font-size:28px;
        line-height: 36px
    }
}

@media (min-width: 1024px) {
    .industry-hero--demo-gallery .industry-hero__slide__feature__chapter__title,.industry-hero--whitepapers .industry-hero__slide__feature__chapter__title {
        max-width:464px
    }
}

@media (min-width: 1024px) {
    .industry-hero--demo-gallery .industry-hero__slide__feature__chapter__title:lang(de),.industry-hero--whitepapers .industry-hero__slide__feature__chapter__title:lang(de) {
        font-size:36px;
        line-height: 44px
    }
}

.industry-hero--demo-gallery .industry-hero__slide__feature__chapter__eyebrow,.industry-hero--whitepapers .industry-hero__slide__feature__chapter__eyebrow {
    display: flex;
    align-items: center;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: .5px;
    color: #5f6368;
    gap: 12px
}

@media (max-width: 1023px) {
    .industry-hero--demo-gallery .industry-hero__slide__feature__chapter__eyebrow,.industry-hero--whitepapers .industry-hero__slide__feature__chapter__eyebrow {
        display:flex;
        flex-direction: column
    }
}

.industry-hero--demo-gallery .industry-hero__slide__feature__chapter__eyebrow span,.industry-hero--whitepapers .industry-hero__slide__feature__chapter__eyebrow span {
    padding: 2px 10px;
    background: #d2e3fc;
    color: #185abc;
    border-radius: 23px;
    font-weight: 700
}

.industry-hero--demo-gallery .industry-hero__slide__feature__chapter__eyebrow span.green,.industry-hero--whitepapers .industry-hero__slide__feature__chapter__eyebrow span.green {
    background: #ceead6;
    color: #1e8e3e
}

@media (max-width: 1023px) {
    .industry-hero--demo-gallery .industry-hero__slide__feature__chapter__buttons,.industry-hero--whitepapers .industry-hero__slide__feature__chapter__buttons {
        margin-top:0
    }
}

@media (max-width: 1023px) {
    .industry-hero--demo-gallery .video-controls,.industry-hero--whitepapers .video-controls {
        aspect-ratio:360/322;
        position: absolute;
        left: 50%;
        width: 360px;
        max-width: calc(100% - 40px);
        height: auto;
        transform: translate(-50%)
    }
}

.industry-hero--whitepapers .industry-hero__slides__foreground__image video,.industry-hero--whitepapers .industry-hero__slides__foreground__image img,.industry-hero--whitepapers .industry-hero__slide__feature__background-asset video,.industry-hero--whitepapers .industry-hero__slide__feature__background-asset img {
    border-radius: 0;
    box-shadow: none
}

@media (min-width: 1024px) {
    .industry-hero--whitepapers .industry-hero__slide__feature__chapter__title {
        max-width:532px
    }
}

@media (max-width: 1023px) {
    .industry-hero--india {
        margin-top:60px
    }
}

@media (min-width: 1024px) {
    .industry-hero--india {
        overflow:hidden
    }
}

.industry-hero--india .industry-hero__background img {
    position: absolute;
    left: 50%;
    top: 450px;
    transform: translate(-50%);
    width: 600px
}

@media (min-width: 600px) {
    .industry-hero--india .industry-hero__background img {
        position:absolute;
        left: 50%;
        top: 75px;
        transform: translate(-50%) translate(100px) translateY(0);
        width: 1400px
    }
}

@media (min-width: 1024px) {
    .industry-hero--india .industry-hero__background img {
        transform:translate(-50%) translate(40%) translateY(0);
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 1680px
    }
}

.industry-hero--india .industry-hero__slides {
    --slide-height-mobile: 1080px;
    --slide-height-small-tablet: 960px;
    --slide-height-tablet: 630px !important;
    --max-height-desktop: 630px !important;
    --min-height-desktop: 630px !important
}

@media (min-width: 1024px) {
    .industry-hero--india .industry-hero__controls {
        margin:0 auto;
        display: grid;
        column-gap: var(--grid-column-gap);
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        z-index: 3
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .industry-hero--india .industry-hero__controls {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .industry-hero--india .industry-hero__controls {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .industry-hero--india .industry-hero__controls {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .industry-hero--india .industry-hero__controls {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .industry-hero--india .industry-hero__controls {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .industry-hero--india .industry-hero__controls {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .industry-hero--india .industry-hero__controls {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .industry-hero--india .industry-hero__controls {
        --grid-column-gap: 64px
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .industry-hero--india .industry-hero__controls {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .industry-hero--india .industry-hero__controls {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .industry-hero--india .industry-hero__controls {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .industry-hero--india .industry-hero__controls {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (max-width: 1023px) {
    .industry-hero--india .industry-hero__controls__arrows {
        display:none
    }
}

@media (max-width: 599px) {
    .industry-hero--india .industry-hero__controls__rings {
        top:570px;
        height: 40px
    }
}

@media (min-width: 1024px) {
    .industry-hero--india .industry-hero__controls__rings {
        grid-column:1/-1;
        padding: 0;
        justify-content: flex-start
    }
}

@media (min-width: 1440px) {
    .industry-hero--india .industry-hero__controls__rings {
        grid-column:2/-1
    }
}

@media (max-width: 1023px) {
    .industry-hero--india .industry-hero__controls__rings__arrow {
        display:flex
    }
}

@media (max-width: 1023px) {
    .industry-hero--india .industry-hero__slide__feature__container {
        align-content:flex-start;
        gap: 48px
    }
}

@media (min-width: 1024px) {
    .industry-hero--india .industry-hero__slide__feature__container {
        align-content:center;
        align-items: center
    }
}

.industry-hero--india .industry-hero__slide__feature {
    grid-template-rows: 1fr
}

@media (max-width: 1023px) {
    .industry-hero--india .industry-hero__slide__feature {
        align-items:flex-start
    }
}

@media (min-width: 1024px) {
    .industry-hero--india .industry-hero__slide__feature {
        align-items:center
    }
}

@media (max-width: 1023px) {
    .industry-hero--india .industry-hero__slide__feature__chapter {
        grid-column:1/-1;
        padding: 0
    }
}

@media (min-width: 1024px) {
    .industry-hero--india .industry-hero__slide__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 5;
        padding: 0;
        transform: translateY(-32px)
    }
}

@media (min-width: 1440px) {
    .industry-hero--india .industry-hero__slide__feature__chapter {
        grid-column-start:2;
        grid-column-end: span 4
    }
}

.industry-hero--india .industry-hero__slide__feature__chapter__eyebrow {
    display: flex;
    align-items: center;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: .5px;
    color: #5f6368;
    gap: 12px
}

@media (max-width: 1023px) {
    .industry-hero--india .industry-hero__slide__feature__chapter__eyebrow {
        display:flex;
        flex-direction: column
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-hero--india .industry-hero__slide__feature__chapter__eyebrow {
        align-items:flex-start
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-hero--india .industry-hero__slide__feature__chapter__title,.industry-hero--india .industry-hero__slide__feature__chapter__body {
        text-align:left
    }
}

.industry-hero--india .industry-hero__slide__feature__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal
}

@media (min-width: 600px) {
    .industry-hero--india .industry-hero__slide__feature__chapter__title {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .industry-hero--india .industry-hero__slide__feature__chapter__title {
        font-size:36px;
        line-height: 44px
    }
}

.industry-hero--india .industry-hero__slide__feature__chapter__eyebrow span {
    padding: 2px 10px;
    background: #d2e3fc;
    color: #185abc;
    border-radius: 23px;
    font-weight: 700
}

.industry-hero--india .industry-hero__slide__feature__chapter__eyebrow span.green {
    background: #ceead6;
    color: #1e8e3e
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-hero--india .industry-hero__slide__feature__chapter__buttons {
        align-items:flex-start
    }
}

.industry-hero--india .industry-hero__slide__feature__image {
    position: relative;
    z-index: 3;
    display: block;
    grid-column: 1/-1
}

@media (max-width: 599px) {
    .industry-hero--india .industry-hero__slide__feature__image {
        width:calc(100% + 48px);
        position: relative;
        left: 50%;
        transform: translate(-50%);
        max-width: 375px;
        min-height: 575px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-hero--india .industry-hero__slide__feature__image {
        width:calc(100% + 128px);
        position: relative;
        left: 50%;
        transform: translate(-50%)
    }
}

@media (min-width: 600px) and (max-width: 768px) {
    .industry-hero--india .industry-hero__slide__feature__image {
        width:calc(100% + 48px)
    }
}

@media (min-width: 1024px) {
    .industry-hero--india .industry-hero__slide__feature__image {
        grid-column-start:6;
        grid-column-end: span 7
    }
}

.industry-video--grey {
    background-color: #f8f9fa
}

.industry-video__container {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap)
}

@media (max-width: 599px) {
    .industry-video__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-video__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .industry-video__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .industry-video__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .industry-video__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-video__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .industry-video__container {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .industry-video__container {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .industry-video__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .industry-video__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .industry-video__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .industry-video__container {
        grid-template-columns:repeat(12,1fr)
    }
}

.industry-video__chapter {
    margin-bottom: 40px;
    text-align: center;
    grid-column: span 4
}

@media (min-width: 600px) {
    .industry-video__chapter {
        grid-column:span 8
    }
}

@media (min-width: 1024px) {
    .industry-video__chapter {
        grid-column:span 12;
        margin-bottom: 60px
    }
}

.industry-video__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 600px) {
    .industry-video__chapter__title {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .industry-video__chapter__title {
        font-size:36px;
        line-height: 44px
    }
}

.industry-video__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043;
    max-width: 500px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto
}

.industry-video__media {
    position: relative;
    grid-column: span 4
}

@media (min-width: 600px) {
    .industry-video__media {
        grid-column:span 8
    }
}

@media (min-width: 1024px) {
    .industry-video__media {
        grid-column-start:3;
        grid-column-end: span 8
    }
}

.industry-video__media__image {
    display: block;
    width: 100%;
    height: auto
}

.industry-video__media__content {
    position: relative;
    z-index: 1;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 12px 34px #20345940
}

.industry-video__media__content__overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    text-align: center;
    height: 100%;
    width: 100%;
    background: #20212480;
    color: #fff
}

.industry-video__media__content__overlay:hover {
    cursor: pointer
}

.industry-video__media--video-active {
    pointer-events: none
}

.industry-video__media--video-active .industry-video__media__image,.industry-video__media--video-active .industry-video__media__content__overlay {
    transition: .6s opacity ease;
    transition-delay: .3s;
    opacity: 0;
    pointer-events: none
}

.industry-video__media__content__overlay__icon__image {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.industry-video__media__content__overlay__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin-top: 10px;
    color: #fff
}

@media (min-width: 600px) {
    .industry-video__media__content__overlay__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .industry-video__media__content__overlay__title {
        font-size:28px;
        line-height: 36px
    }
}

@media (min-width: 1024px) {
    .industry-video__media__content__overlay__title {
        margin-top:16px
    }
}

.industry-video__media__content__overlay__duration {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    background: #000;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    margin: 8px auto 0;
    border-radius: 15px;
    padding: 1px 7px;
    display: flex;
    align-items: center;
    gap: 5px
}

@media (min-width: 1024px) {
    .industry-video__media__content__overlay__duration {
        margin-top:15px
    }
}

.industry-video__media__content__overlay__duration__caption {
    color: #fff
}

.industry-video__media__iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0
}

.layer-panel {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 10px;
    display: flex;
    gap: 5px;
    z-index: 999
}

.logo-grid__container {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap)
}

@media (max-width: 599px) {
    .logo-grid__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .logo-grid__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .logo-grid__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .logo-grid__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .logo-grid__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .logo-grid__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .logo-grid__container {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .logo-grid__container {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .logo-grid__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .logo-grid__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .logo-grid__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .logo-grid__container {
        grid-template-columns:repeat(12,1fr)
    }
}

.logo-grid__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    margin: 0 auto 64px;
    grid-column: 1/-1
}

@media (min-width: 600px) {
    .logo-grid__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .logo-grid__title {
        font-size:48px;
        line-height: 56px
    }
}

.logo-grid__logos {
    display: flex;
    justify-content: center;
    grid-column: 1/-1;
    flex-wrap: wrap;
    gap: 48px
}

@media (min-width: 1024px) {
    .logo-grid__logos {
        grid-column:2/-2;
        gap: 48px 64px
    }
}

@media (max-width: 599px) {
    .logo-grid__logos__logo-wrap {
        width:calc(50% - 24px);
        height: auto
    }
}

.logo-grid__logos__logo-wrap img {
    display: block;
    margin: 0 auto;
    width: auto;
    max-height: 80px
}

.masonry-overlay-cards {
    position: relative
}

.masonry-overlay-cards__content {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    row-gap: 20px
}

@media (max-width: 599px) {
    .masonry-overlay-cards__content {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .masonry-overlay-cards__content {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .masonry-overlay-cards__content {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .masonry-overlay-cards__content {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .masonry-overlay-cards__content {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .masonry-overlay-cards__content {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .masonry-overlay-cards__content {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .masonry-overlay-cards__content {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .masonry-overlay-cards__content {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .masonry-overlay-cards__content {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .masonry-overlay-cards__content {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .masonry-overlay-cards__content {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .masonry-overlay-cards__content {
        row-gap:20px;
        max-width: 812px
    }
}

.masonry-overlay-cards__chapter {
    grid-column: span 4;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    text-align: center;
    margin-bottom: 40px
}

@media (min-width: 600px) {
    .masonry-overlay-cards__chapter {
        gap:16px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .masonry-overlay-cards__chapter {
        grid-column:span 12;
        text-align: center
    }
}

@media (min-width: 1024px) {
    .masonry-overlay-cards__chapter {
        margin-bottom:20px
    }
}

@media (min-width: 1440px) {
    .masonry-overlay-cards__chapter {
        text-align:left
    }
}

.masonry-overlay-cards__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal
}

@media (min-width: 600px) {
    .masonry-overlay-cards__chapter__title {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .masonry-overlay-cards__chapter__title {
        font-size:36px;
        line-height: 44px
    }
}

.masonry-overlay-cards__cards {
    grid-column: span 4;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 16px;
    max-width: 556px;
    margin: 0 auto;
    width: 100%
}

@media (min-width: 1024px) {
    .masonry-overlay-cards__cards {
        grid-template-columns:repeat(3,1fr);
        max-width: none
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .masonry-overlay-cards__cards {
        grid-column:span 12;
        text-align: center;
        max-width: 842px
    }
}

@media (min-width: 1440px) {
    .masonry-overlay-cards__cards {
        grid-column:span 8
    }
}

.masonry-overlay-cards__card {
    aspect-ratio: 270/260;
    border-radius: 24px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    position: relative;
    width: 100%;
    height: 100%;
    line-height: 0
}

.masonry-overlay-cards__card:nth-child(1) {
    aspect-ratio: 270/536;
    grid-row: span 2
}

@media (min-width: 1024px) {
    .masonry-overlay-cards__card:nth-child(5) {
        aspect-ratio:270/536;
        grid-row: span 2
    }
}

.masonry-overlay-cards__card:nth-child(6) {
    aspect-ratio: 556/260;
    grid-column: span 2
}

.masonry-overlay-cards__card:not([open]) .masonry-overlay-cards__card__overlay {
    opacity: 0;
    pointer-events: none
}

.masonry-overlay-cards__card:not([open]) .masonry-overlay-cards__card__button button {
    transform: rotate(0)
}

@media (max-width: 599px) {
    .masonry-overlay-cards__card[open] .masonry-overlay-cards__card__button {
        position:fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 101
    }

    .masonry-overlay-cards__card[open] .masonry-overlay-cards__card__button button {
        top: 40px;
        right: 40px;
        bottom: auto
    }
}

.masonry-overlay-cards__card__asset {
    grid-row-start: 1;
    grid-column-start: 1;
    position: relative;
    z-index: 1;
    border-radius: 24px;
    overflow: hidden
}

.masonry-overlay-cards__card__asset img,.masonry-overlay-cards__card__asset video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 24px;
    overflow: hidden
}

@media (max-width: 1023px) {
    .masonry-overlay-cards__card__asset--desktop {
        display:none
    }
}

@media (min-width: 1024px) {
    .masonry-overlay-cards__card__asset--mobile {
        display:none
    }
}

.masonry-overlay-cards__card__button {
    grid-row-start: 1;
    grid-column-start: 1;
    z-index: 3;
    pointer-events: none
}

.masonry-overlay-cards__card__button button {
    cursor: pointer;
    position: absolute;
    right: 16px;
    bottom: 16px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #e8eaed;
    pointer-events: all;
    transform: rotate(45deg);
    transition: transform .3s ease-in-out,background .2s ease-in-out
}

.masonry-overlay-cards__card__button button:hover {
    background: #f1f3f4
}

.masonry-overlay-cards__card__button button:active {
    background: #e8eaed
}

.masonry-overlay-cards__card__button button:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #1a73e8
}

.masonry-overlay-cards__card__button button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: 0 0 0 2px #aecbfa
}

.masonry-overlay-cards__card__overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-row-start: 1;
    grid-column-start: 1;
    background: #000;
    transition: opacity .3s ease-in-out;
    z-index: 2
}

@media (max-width: 599px) {
    .masonry-overlay-cards__card__overlay {
        position:fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 100
    }
}

@media (min-width: 600px) {
    .masonry-overlay-cards__card__overlay {
        background:#000c
    }
}

.masonry-overlay-cards__card__overlay__chapter {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 32px;
    text-align: left
}

@media (max-width: 599px) {
    .masonry-overlay-cards__card__overlay__chapter {
        justify-content:center;
        gap: 24px;
        padding: 64px
    }
}

.masonry-overlay-cards__card__overlay__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #fff
}

.masonry-overlay-cards__card__overlay__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    color: #fff
}

.masonry-overlay-cards__video-controls {
    grid-column: span 4;
    height: 40px;
    position: relative;
    max-width: 556px;
    margin: 0 auto;
    width: 100%
}

@media (min-width: 1024px) {
    .masonry-overlay-cards__video-controls {
        max-width:none
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .masonry-overlay-cards__video-controls {
        grid-column:span 12;
        width: 100%;
        max-width: 842px
    }
}

@media (min-width: 1440px) {
    .masonry-overlay-cards__video-controls {
        grid-column:span 12
    }
}

.masonry-overlay-cards__pause-button {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    height: 40px;
    width: auto;
    padding: 0 5px 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #e8eaed;
    pointer-events: all;
    transition: transform .3s ease-in-out,background .2s ease-in-out
}

.masonry-overlay-cards__pause-button:hover {
    background: #f1f3f4
}

.masonry-overlay-cards__pause-button:active {
    background: #e8eaed
}

.masonry-overlay-cards__pause-button:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #1a73e8
}

.masonry-overlay-cards__pause-button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: 0 0 0 2px #aecbfa
}

.masonry-overlay-cards__pause-button.is-hidden {
    opacity: 0;
    pointer-events: none
}

.masonry-overlay-cards__stroke {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    object-position: bottom center;
    overflow: hidden;
    width: 100%;
    max-width: 100vw;
    pointer-events: none
}

.masonry-overlay-cards__stroke img {
    object-position: center;
    left: 50%;
    position: relative;
    transform: translate(-50%);
    width: auto;
    min-width: 1920px
}

.masonry-overlay-cards--stroke-red .masonry-overlay-cards__stroke {
    top: 90%
}

.masonry-overlay-cards--stroke-yellow .masonry-overlay-cards__stroke {
    top: 86%
}

.masonry-overlay-cards--stroke-blue .masonry-overlay-cards__stroke {
    top: 77%
}

.masonry-overlay-cards--reversed .masonry-overlay-cards__content {
    direction: rtl
}

.masonry-overlay-cards--reversed .masonry-overlay-cards__content>* {
    direction: ltr
}

.masonry-overlay-cards--reversed .masonry-overlay-cards__pause-button {
    left: 0;
    right: unset
}

.multicolumn-cards--grey {
    background-color: #f8f9fa
}

.multicolumn-cards__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    color: #3c4043;
    margin-bottom: 50px;
    text-align: center
}

@media (min-width: 600px) {
    .multicolumn-cards__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .multicolumn-cards__title {
        font-size:48px;
        line-height: 56px
    }
}

.multicolumn-cards__grid {
    margin: 0 auto;
    display: grid;
    align-items: start;
    grid-gap: 20px;
    position: relative;
    z-index: 2
}

@media (max-width: 599px) {
    .multicolumn-cards__grid {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .multicolumn-cards__grid {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .multicolumn-cards__grid {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .multicolumn-cards__grid {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .multicolumn-cards__grid {
        grid-template-columns:repeat(4,1fr);
        max-width: 367px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .multicolumn-cards__grid {
        grid-template-columns:repeat(4,1fr);
        max-width: calc(419px + min(5vw,72px) + min(5vw,72px))
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .multicolumn-cards__grid {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .multicolumn-cards__grid {
        grid-template-columns:repeat(12,1fr)
    }
}

.multicolumn-cards__card {
    grid-column: span 4;
    display: grid;
    grid-template-columns: 1fr;
    position: relative;
    border-radius: 24px;
    overflow: hidden
}

@media (min-width: 1024px) {
    .multicolumn-cards__card {
        grid-column:span 6
    }

    .multicolumn-cards__card:last-child {
        grid-column-start: 4;
        grid-column-end: 10
    }
}

@media (min-width: 1081px) {
    .multicolumn-cards__card {
        grid-column:span 4
    }

    .multicolumn-cards__card:last-child {
        grid-column-start: 9;
        grid-column-end: 13
    }
}

.multicolumn-cards__card__content {
    grid-row-start: 1;
    grid-column-start: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    z-index: 2;
    padding: 40px
}

@media (min-width: 1024px) {
    .multicolumn-cards__card__content {
        gap:24px
    }
}

.multicolumn-cards__card__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    max-width: 270px
}

@media (min-width: 600px) {
    .multicolumn-cards__card__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .multicolumn-cards__card__title {
        font-size:28px;
        line-height: 36px
    }
}

.multicolumn-cards__card__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    color: #fff;
    max-width: 270px
}

.multicolumn-cards__card__asset {
    grid-row-start: 1;
    grid-column-start: 1;
    z-index: 1
}

.multicolumn-cards__card__asset img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.news-cards__content {
    position: relative;
    margin: 0 auto;
    padding: 0 min(5vw,72px)
}

@media (max-width: 1023px) {
    .news-cards__content {
        max-width:600px
    }
}

.news-cards__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal;
    position: relative;
    text-align: center;
    margin-bottom: 60px
}

@media (min-width: 600px) {
    .news-cards__title {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .news-cards__title {
        font-size:36px;
        line-height: 44px
    }
}

.news-cards__grid {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 20px;
    max-width: 1296px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1024px) {
    .news-cards__grid {
        display:flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: center
    }
}

.news-cards__grid__card {
    box-shadow: 0 12px 34px #20345940;
    max-width: 319px;
    border-radius: 24px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column-reverse;
    max-width: 100%;
    color: #fff;
    box-shadow: 0 12px 34px #20345926;
    min-height: 300px;
    flex: 1
}

@media (min-width: 1440px) {
    .news-cards__grid__card {
        display:flex;
        flex-direction: row;
        align-items: stretch;
        max-width: 418px;
        width: 100%
    }
}

.news-cards__grid__card__inner {
    position: relative;
    z-index: 1;
    padding: 24px;
    flex: 1;
    width: 100%
}

@media (min-width: 1440px) {
    .news-cards__grid__card__inner {
        width:50%
    }
}

.news-cards__grid__card__inner--blue {
    background: linear-gradient(124.44deg,#1967d2 58.79%,#4285f4 100%)
}

.news-cards__grid__card__inner--green {
    background: linear-gradient(120.32deg,#137333 51.37%,#34a853 97.36%)
}

.news-cards__grid__card__inner--yellow {
    background: linear-gradient(124.32deg,#ea8600 58.79%,#fbbc04 100%)
}

.news-cards__grid__card__inner__eyebrow {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 2px;
    color: #202124;
    color: #fff;
    text-transform: uppercase
}

.news-cards__grid__card__inner__title {
    margin-top: 24px;
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    color: #fff!important
}

@media (min-width: 600px) {
    .news-cards__grid__card__inner__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .news-cards__grid__card__inner__title {
        font-size:28px;
        line-height: 36px
    }
}

@media (min-width: 600px) {
    .news-cards__grid__card__inner__title {
        color:#202124;
        font-family: Google Sans,Roboto,Arial,sans-serif;
        font-size: 20px;
        line-height: 28px
    }

    .news-cards__grid__card__inner__title:lang(de) {
        font-size: 16px
    }
}

.news-cards__grid__card__inner__status {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043;
    color: #fff;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 9px;
    padding: 0 10px;
    border: 1px solid #fff;
    border-radius: 8px
}

.news-cards__grid__card__inner__link {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    justify-content: flex-start;
    margin-top: 24px;
    max-width: 52px
}

.news-cards__grid__card__inner__link:focus {
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 1px solid #fff;
    border-radius: 50%;
    box-shadow: none;
    padding: 5px
}

.news-cards__grid__card:hover .news-cards__grid__card__inner__link img {
    animation-duration: 1s;
    animation-name: arrow;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal
}

.news-cards__grid__card__inner__link .link__label {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.news-cards__grid__card__image {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    display: block;
    padding-bottom: 50.7836990596%;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1
}

@media (min-width: 1440px) {
    .news-cards__grid__card__image {
        border-top-left-radius:initial;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
        flex: 0 0 50%;
        height: auto;
        padding-bottom: 0;
        width: 50%
    }
}

.news-cards__grid__card__image__asset {
    transform: scale(1);
    transition: transform .5s cubic-bezier(.85,0,.15,1);
    will-change: transform;
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center top;
    z-index: 0
}

@media (min-width: 1440px) {
    .news-cards__grid__card__image__asset {
        object-position:center
    }
}

.news-cards__grid__card:hover .news-cards__grid__card__image__asset {
    transform: scale(1.1);
    transition: transform .5s cubic-bezier(.85,0,.15,1)
}

.news-cards--grey {
    background-color: #f8f9fa
}

.news-cards--large-title .news-cards__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px
}

@media (min-width: 600px) {
    .news-cards--large-title .news-cards__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .news-cards--large-title .news-cards__title {
        font-size:48px;
        line-height: 56px
    }
}

.news-cards--trust-center .news-cards__grid__card:hover .news-cards__grid__card__image__asset {
    transform: translate(-50%,-50%) scale(1.1)
}

.news-cards--trust-center .news-cards__grid__card__image {
    background-color: #e9eaee
}

.news-cards--trust-center .news-cards__grid__card__image__asset {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 32px);
    height: 120px;
    object-fit: contain;
    filter: drop-shadow(0px 10px 5px rgba(0,0,0,.15))
}

.number-callouts__grid {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap)
}

@media (max-width: 599px) {
    .number-callouts__grid {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .number-callouts__grid {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .number-callouts__grid {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .number-callouts__grid {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .number-callouts__grid {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .number-callouts__grid {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .number-callouts__grid {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .number-callouts__grid {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .number-callouts__grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .number-callouts__grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .number-callouts__grid {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .number-callouts__grid {
        grid-template-columns:repeat(12,1fr)
    }
}

.number-callouts__chapter {
    grid-column: 1/-1;
    text-align: center
}

@media (min-width: 1024px) {
    .number-callouts__chapter {
        grid-column:3/-3
    }
}

@media (min-width: 1440px) {
    .number-callouts__chapter {
        grid-column:4/-4
    }
}

.number-callouts__chapter__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 24px
}

@media (min-width: 600px) {
    .number-callouts__chapter__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .number-callouts__chapter__title {
        font-size:48px;
        line-height: 56px
    }
}

.number-callouts__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043
}

.number-callouts__callouts {
    display: flex;
    flex-direction: column;
    gap: 20px;
    grid-column: 1/-1;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 80px
}

@media (min-width: 1024px) {
    .number-callouts__callouts {
        flex-direction:row;
        grid-column: 2/-2;
        gap: 40px;
        justify-content: center
    }
}

@media (min-width: 1440px) {
    .number-callouts__callouts {
        grid-column:3/-3
    }
}

.number-callouts__callouts__card {
    --card-padding: 20px;
    padding: var(--card-padding);
    background-color: #fff;
    box-shadow: 0 12px 34px #20345926;
    border-radius: 24px;
    overflow: hidden
}

@media (min-width: 600px) {
    .number-callouts__callouts__card {
        --card-padding: 32px
    }
}

@media (min-width: 1024px) {
    .number-callouts__callouts__card {
        --card-padding: 40px 32px
    }
}

.number-callouts__callouts__card__value {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 10px;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 700;
    font-size: 80px;
    line-height: 85px;
    color: #1967d2
}

.number-callouts__callouts__card__value sup {
    font-size: 50px;
    font-weight: 700;
    top: auto;
    bottom: -.15em
}

.number-callouts__callouts__card__label {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043;
    color: #1967d2;
    font-weight: 700;
    text-transform: uppercase
}

.number-callouts__callouts__card__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    margin-top: 10px
}

.number-callouts__background-asset img {
    width: 100%;
    object-fit: contain
}

.preview-gallery {
    max-width: 1600px;
    margin: 100px auto 80px;
    padding: 0 min(5vw,72px)
}

.preview-gallery__partial {
    border-bottom: 1px solid #efefef;
    padding: 5px 10px
}

.preview-spacer {
    height: 160px;
    background-color: #efefef;
    background-image: radial-gradient(circle,#888 1px,#0000 1px);
    background-size: 20px 20px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    padding-top: 12px;
    position: relative
}

.preview-spacer:before {
    box-shadow: inset #0003 0 18px 50px -10px;
    content: "";
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.pricing-grid {
    text-align: center;
    position: relative
}

@media (min-width: 600px) {
    .pricing-grid--india {
        padding-bottom:64px
    }
}

@media (max-width: 599px) {
    .pricing-grid--india .pricing-grid__disclaimers-wrap {
        background:#fff
    }
}

.pricing-grid--india .pricing-grid__disclaimer {
    text-align: left
}

.pricing-grid__chapter {
    margin: 0 auto 64px;
    position: relative;
    z-index: 1
}

@media (max-width: 599px) {
    .pricing-grid__chapter {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__chapter {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .pricing-grid__chapter {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .pricing-grid__chapter {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

.pricing-grid__background-asset {
    margin: 0 auto;
    padding: 0!important;
    max-width: 2560px!important;
    display: flex;
    justify-content: center;
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden
}

@media (max-width: 599px) {
    .pricing-grid__background-asset {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__background-asset {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .pricing-grid__background-asset {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .pricing-grid__background-asset {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

.pricing-grid__background-asset img {
    object-fit: cover;
    object-position: center top;
    width: 2560px!important;
    max-width: none;
    margin: 0 auto;
    height: 100%
}

@media (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__background-asset img {
        object-position:center 26px
    }
}

@media (max-width: 599px) {
    .pricing-grid__background-asset img {
        width:600px!important;
        object-position: center bottom
    }
}

.pricing-grid__tabs__wrap {
    background: #fff;
    margin-bottom: 30px;
    position: relative;
    z-index: 1
}

.pricing-grid__tabs__outer {
    position: relative
}

@media (max-width: 1023px) {
    .pricing-grid__tabs__outer {
        display:flex;
        justify-content: center;
        display: inline-flex;
        border-radius: 24px;
        box-shadow: 0 1px 2px #3c40434d,0 1px 4px #3c404340;
        height: 48px;
        max-width: calc(100% - 48px);
        margin: 0 auto
    }

    .pricing-grid__tabs__outer:after {
        content: "";
        position: absolute;
        right: 0;
        top: 1px;
        width: 60px;
        height: calc(100% - 2px);
        background: linear-gradient(270deg,#fff 0%,#fff0 100%);
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
        overflow: hidden;
        pointer-events: none
    }

    .pricing-grid__tabs__outer:before {
        content: "";
        position: absolute;
        left: 0;
        top: 1px;
        width: 60px;
        height: calc(100% - 2px);
        background: linear-gradient(90deg,#fff 0%,#fff0 100%);
        border-top-left-radius: 24px;
        border-bottom-left-radius: 24px;
        overflow: hidden;
        z-index: 1;
        pointer-events: none
    }
}

.pricing-grid__tabs {
    display: flex;
    justify-content: center;
    grid-gap: 70px
}

@media (max-width: 1023px) {
    .pricing-grid__tabs {
        display:inline-flex;
        grid-gap: 38px;
        padding: 0 46px;
        overflow: auto;
        justify-content: flex-start;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .pricing-grid__tabs::-webkit-scrollbar {
        display: none
    }
}

.pricing-grid__tab {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    color: #80868b;
    cursor: pointer;
    padding: 0 0 4px;
    transition: color .3s ease,border-bottom-color .3s ease
}

@media (min-width: 600px) {
    .pricing-grid__tab {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .pricing-grid__tab {
        font-size:28px;
        line-height: 36px
    }
}

@media (max-width: 1023px) {
    .pricing-grid__tab {
        color:#202124;
        font-family: Google Sans,Roboto,Arial,sans-serif;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: .1px;
        line-height: 24px;
        color: #5f6368;
        padding: 0;
        border: 0
    }
}

.pricing-grid__tab:hover,.pricing-grid__tab--active {
    color: #202124
}

@media (max-width: 1023px) {
    .pricing-grid__tab--active {
        color:#202124
    }
}

@media (min-width: 1024px) {
    .pricing-grid__tab--active {
        border-bottom-color:#1a73e8
    }
}

.pricing-grid__categories {
    display: grid;
    grid-template-columns: 1fr;
    text-align: left;
    position: relative;
    z-index: 1
}

@media (min-width: 1024px) {
    .pricing-grid__categories {
        margin:0 auto;
        display: grid;
        column-gap: var(--grid-column-gap)
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .pricing-grid__categories {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__categories {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .pricing-grid__categories {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .pricing-grid__categories {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .pricing-grid__categories {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__categories {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .pricing-grid__categories {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .pricing-grid__categories {
        --grid-column-gap: 64px
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .pricing-grid__categories {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__categories {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .pricing-grid__categories {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .pricing-grid__categories {
        grid-template-columns:repeat(12,1fr)
    }
}

.pricing-grid__category {
    grid-column-start: 1;
    grid-row-start: 1;
    opacity: 0;
    transition: opacity .3s ease .3s
}

@media (min-width: 1024px) {
    .pricing-grid__category {
        grid-column-start:2;
        grid-column-end: span 10
    }
}

.pricing-grid__category--active {
    transition: opacity .3s ease;
    opacity: 1;
    z-index: 1
}

.pricing-grid__category__card {
    background: #fff;
    overflow: hidden
}

@media (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__category__card {
        border-radius:24px;
        max-width: 370px;
        box-shadow: 0 12px 34px #20345926;
        margin: 0 auto
    }
}

@media (min-width: 1024px) {
    .pricing-grid__category__card {
        border-radius:24px;
        box-shadow: 0 12px 34px #20345926;
        margin-bottom: 40px
    }
}

.pricing-grid__category__headings {
    background-color: #e8f0fe;
    display: grid;
    grid-template-columns: 3fr 4fr 2fr
}

@media (max-width: 1023px) {
    .pricing-grid__category__headings {
        display:none
    }
}

.pricing-grid__category__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
    border-top: 2px solid #e8eaed
}

@media (max-width: 599px) {
    .pricing-grid__category__buttons {
        border-bottom:2px solid #e8eaed
    }
}

.pricing-grid__category__buttons .button {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #1967d2;
    text-decoration: none
}

.pricing-grid__category__heading {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    color: #202124;
    color: #1a73e8;
    text-align: center;
    padding: 50px 0 30px
}

.pricing-grid__category__heading--product {
    border-right: 2px solid #e8eaed
}

.pricing-grid__category__heading--cost {
    color: #fff;
    background: #1967d2
}

.pricing-grid__product__name {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    color: #202124;
    background-color: #f8f9fa;
    color: #1a73e8;
    text-align: center
}

@media (max-width: 1023px) {
    .pricing-grid__product__name {
        margin:0 auto;
        display: grid;
        column-gap: var(--grid-column-gap);
        padding: 0!important
    }
}

@media (max-width: 1023px) and (max-width: 599px) {
    .pricing-grid__product__name {
        padding:0 24px;
        max-width: 600px
    }
}

@media (max-width: 1023px) and (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__product__name {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (max-width: 1023px) and (min-width: 1024px) and (max-width: 1439px) {
    .pricing-grid__product__name {
        padding:0 min(5vw,72px)
    }
}

@media (max-width: 1023px) and (min-width: 1440px) {
    .pricing-grid__product__name {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 1023px) and (max-width: 599px) {
    .pricing-grid__product__name {
        --grid-column-gap: 24px
    }
}

@media (max-width: 1023px) and (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__product__name {
        --grid-column-gap: 24px
    }
}

@media (max-width: 1023px) and (min-width: 1024px) and (max-width: 1439px) {
    .pricing-grid__product__name {
        --grid-column-gap: 44px
    }
}

@media (max-width: 1023px) and (min-width: 1440px) {
    .pricing-grid__product__name {
        --grid-column-gap: 64px
    }
}

@media (max-width: 1023px) and (max-width: 599px) {
    .pricing-grid__product__name {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (max-width: 1023px) and (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__product__name {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (max-width: 1023px) and (min-width: 1024px) and (max-width: 1439px) {
    .pricing-grid__product__name {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (max-width: 1023px) and (min-width: 1440px) {
    .pricing-grid__product__name {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1024px) {
    .pricing-grid__product__name {
        display:grid;
        grid-template-columns: 3fr 4fr 2fr;
        text-align: left
    }
}

.pricing-grid__product__name .link .link__label {
    background: transparent;
    padding: 0
}

.pricing-grid__product__name>span {
    display: block
}

@media (max-width: 1023px) {
    .pricing-grid__product__name>span:not(:first-child) {
        display:none
    }
}

.pricing-grid__product__name>span:first-child {
    padding: 14px 0
}

@media (max-width: 1023px) {
    .pricing-grid__product__name>span:first-child {
        grid-column-start:1;
        grid-column-end: span 4
    }
}

@media (min-width: 1024px) {
    .pricing-grid__product__name>span:first-child {
        border-right:2px solid #e8eaed;
        padding: 10px min(4.8vw,70px)
    }
}

.pricing-grid__product__name>span:last-child {
    background: #1863cb
}

@media (max-width: 1023px) {
    .pricing-grid__product__apis {
        margin:0 auto;
        display: grid;
        column-gap: var(--grid-column-gap);
        padding: 0!important
    }
}

@media (max-width: 1023px) and (max-width: 599px) {
    .pricing-grid__product__apis {
        padding:0 24px;
        max-width: 600px
    }
}

@media (max-width: 1023px) and (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__product__apis {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (max-width: 1023px) and (min-width: 1024px) and (max-width: 1439px) {
    .pricing-grid__product__apis {
        padding:0 min(5vw,72px)
    }
}

@media (max-width: 1023px) and (min-width: 1440px) {
    .pricing-grid__product__apis {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 1023px) and (max-width: 599px) {
    .pricing-grid__product__apis {
        --grid-column-gap: 24px
    }
}

@media (max-width: 1023px) and (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__product__apis {
        --grid-column-gap: 24px
    }
}

@media (max-width: 1023px) and (min-width: 1024px) and (max-width: 1439px) {
    .pricing-grid__product__apis {
        --grid-column-gap: 44px
    }
}

@media (max-width: 1023px) and (min-width: 1440px) {
    .pricing-grid__product__apis {
        --grid-column-gap: 64px
    }
}

@media (max-width: 1023px) and (max-width: 599px) {
    .pricing-grid__product__apis {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (max-width: 1023px) and (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__product__apis {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (max-width: 1023px) and (min-width: 1024px) and (max-width: 1439px) {
    .pricing-grid__product__apis {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (max-width: 1023px) and (min-width: 1440px) {
    .pricing-grid__product__apis {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (max-width: 1023px) {
    .pricing-grid__api {
        grid-column-start:1;
        grid-column-end: span 4;
        display: grid;
        grid-template-columns: 3fr 1fr;
        border-bottom: 1px solid #dadce0
    }

    .pricing-grid__api:last-child {
        border-bottom: 0
    }
}

@media (min-width: 1024px) {
    .pricing-grid__api {
        display:grid;
        grid-template-columns: 3fr 4fr 2fr
    }

    .pricing-grid__api:first-child .pricing-grid__api__name,.pricing-grid__api:first-child .pricing-grid__api__usage,.pricing-grid__api:first-child .pricing-grid__api__cost,.pricing-grid__api:first-child .pricing-grid__api__cost__cta {
        padding-top: 40px
    }

    .pricing-grid__api:last-child .pricing-grid__api__name,.pricing-grid__api:last-child .pricing-grid__api__usage,.pricing-grid__api:last-child .pricing-grid__api__cost {
        padding-bottom: 35px
    }
}

@media (max-width: 1023px) {
    .pricing-grid__api--range .pricing-grid__api__name,.pricing-grid__api--range .pricing-grid__api__usage,.pricing-grid__api--range .pricing-grid__api__cost {
        grid-column-start:1;
        grid-column-end: 3
    }
}

.pricing-grid__api__name {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    display: flex;
    flex-grow: 1;
    padding: 24px
}

@media (min-width: 1024px) {
    .pricing-grid__api__name {
        padding:0 min(4.8vw,70px) 12px;
        border-right: 2px solid #e8eaed
    }
}

.pricing-grid__api__name .link__label {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .1px;
    text-decoration: underline;
    color: #202124
}

.pricing-grid__api__name .link__label sup {
    display: inline-block
}

.pricing-grid__api__usage {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    position: relative;
    text-align: center
}

@media (min-width: 1024px) {
    .pricing-grid__api__usage {
        padding:0 12px 24px
    }
}

@media (max-width: 1023px) {
    .pricing-grid__api--text .pricing-grid__api__usage {
        display:none
    }
}

.pricing-grid__api__usage__field {
    position: relative
}

.pricing-grid__api__usage__field label {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043;
    color: #9aa0a6;
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -18px
}

@media (max-width: 1023px) {
    .pricing-grid__api--text .pricing-grid__api__usage__field {
        display:none
    }
}

@media (max-width: 1023px) {
    .pricing-grid__api--range .pricing-grid__api__usage__field {
        padding-bottom:12px
    }
}

.pricing-grid__api__usage__heading {
    color: #1a73e8;
    font-weight: 500
}

@media (min-width: 1024px) {
    .pricing-grid__api__usage__heading {
        display:none
    }
}

.pricing-grid__api__usage__field {
    display: flex;
    grid-gap: 24px;
    padding: 0 24px
}

@media (min-width: 1024px) {
    .pricing-grid__api__usage__field {
        padding:0 min(4.1vw,60px)
    }
}

.pricing-grid__api__usage__amount {
    flex-grow: 1;
    width: 100%
}

.pricing-grid__api__usage__disclaimer {
    padding: 24px 0;
    text-align: center;
    width: 100%
}

@media (min-width: 1024px) {
    .pricing-grid__api__usage__disclaimer {
        padding-bottom:0;
        margin-top: 24px
    }
}

@media (max-width: 1023px) {
    .pricing-grid__api__usage__disclaimer--desktop {
        display:none
    }
}

.pricing-grid__api__usage__disclaimer--mobile {
    grid-column-start: 1;
    grid-column-end: 3
}

@media (min-width: 1024px) {
    .pricing-grid__api__usage__disclaimer--mobile {
        display:none
    }
}

.pricing-grid__api__usage__disclaimer .link {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    text-decoration: underline
}

.pricing-grid__api__cost {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .1px;
    color: #202124;
    background: #1967d2;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    padding: 12px 24px;
    text-align: center;
    justify-content: space-between
}

@media (min-width: 1024px) {
    .pricing-grid__api__cost {
        font-family:Google Sans,Roboto,Arial,sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .1px;
        color: #202124;
        align-items: flex-start;
        color: #fff;
        justify-content: center;
        padding: 0 24px 24px
    }
}

@media (max-width: 1023px) {
    .pricing-grid__api--text .pricing-grid__api__cost {
        background:transparent;
        color: #1a73e8;
        justify-content: flex-end
    }
}

.pricing-grid__api__cost__heading {
    font-weight: 500
}

@media (min-width: 1024px) {
    .pricing-grid__api__cost__heading {
        display:none
    }
}

.pricing-grid__api--text .pricing-grid__api__cost__heading {
    display: none
}

.pricing-grid__api__cost__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1967d2;
    display: none;
    position: absolute;
    inset: 0
}

.pricing-grid__api__cost__cta .link {
    display: flex;
    justify-content: center;
    color: #fff;
    height: 100%;
    text-decoration: underline
}

@media (max-width: 1023px) {
    .pricing-grid__api__cost__cta .link {
        align-items:center
    }
}

.pricing-grid__api--max .pricing-grid__api__cost__cta {
    display: flex
}

.pricing-grid__api__usage__amount__value {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .1px;
    color: #202124;
    color: #4285f4;
    display: block;
    text-align: right;
    width: 140px
}

@media (min-width: 1024px) {
    .pricing-grid__api__usage__amount__value {
        font-family:Google Sans,Roboto,Arial,sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .1px;
        color: #202124;
        color: #4285f4;
        width: 140px
    }
}

.pricing-grid__category__info {
    grid-column-start: 2;
    grid-column-end: span 10
}

@media (max-width: 1023px) {
    .pricing-grid__category__info {
        margin:50px auto 0;
        display: grid;
        column-gap: var(--grid-column-gap)
    }
}

@media (max-width: 1023px) and (max-width: 599px) {
    .pricing-grid__category__info {
        padding:0 24px;
        max-width: 600px
    }
}

@media (max-width: 1023px) and (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__category__info {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (max-width: 1023px) and (min-width: 1024px) and (max-width: 1439px) {
    .pricing-grid__category__info {
        padding:0 min(5vw,72px)
    }
}

@media (max-width: 1023px) and (min-width: 1440px) {
    .pricing-grid__category__info {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 1023px) and (max-width: 599px) {
    .pricing-grid__category__info {
        --grid-column-gap: 24px
    }
}

@media (max-width: 1023px) and (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__category__info {
        --grid-column-gap: 24px
    }
}

@media (max-width: 1023px) and (min-width: 1024px) and (max-width: 1439px) {
    .pricing-grid__category__info {
        --grid-column-gap: 44px
    }
}

@media (max-width: 1023px) and (min-width: 1440px) {
    .pricing-grid__category__info {
        --grid-column-gap: 64px
    }
}

@media (max-width: 1023px) and (max-width: 599px) {
    .pricing-grid__category__info {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (max-width: 1023px) and (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__category__info {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (max-width: 1023px) and (min-width: 1024px) and (max-width: 1439px) {
    .pricing-grid__category__info {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (max-width: 1023px) and (min-width: 1440px) {
    .pricing-grid__category__info {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1024px) {
    .pricing-grid__category__info {
        margin-top:88px
    }
}

.pricing-grid__category__info__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    grid-column-start: 1;
    grid-column-end: span 4;
    margin-bottom: 40px;
    text-align: center
}

@media (min-width: 600px) {
    .pricing-grid__category__info__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .pricing-grid__category__info__title {
        font-size:28px;
        line-height: 36px
    }
}

@media (min-width: 1024px) {
    .pricing-grid__category__info__title {
        margin-bottom:26px
    }
}

.pricing-grid__category__info__card {
    display: flex;
    flex-direction: row;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 12px 34px #20345926;
    gap: 38px
}

@media (max-width: 1023px) {
    .pricing-grid__category__info__card {
        grid-column-start:1;
        grid-column-end: span 4;
        display: flex;
        flex-direction: column;
        margin-bottom: 50px;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto
    }
}

.pricing-grid__category__info__card__text {
    flex-direction: column;
    display: flex;
    justify-content: center;
    gap: 38px min(4.8vw,70px);
    margin: 58px 24px 0
}

@media (min-width: 1024px) {
    .pricing-grid__category__info__card__text {
        margin:38px min(1.3vw,20px) 38px min(4.1vw,60px)
    }
}

@media (min-width: 1440px) {
    .pricing-grid__category__info__card__text {
        display:flex;
        flex-direction: row
    }
}

.pricing-grid__category__info__card__chapters {
    display: flex;
    flex-direction: row;
    padding: 32px min(4.1vw,60px) 32px min(1.3vw,20px);
    gap: 24px min(6.25vw,90px)
}

@media (max-width: 1023px) {
    .pricing-grid__category__info__card__chapters {
        padding:0 24px 58px;
        display: flex;
        flex-direction: column
    }
}

.pricing-grid__category__info__card__chapters .pricing-grid__category__info__card__chapter {
    margin: 0;
    flex-direction: column
}

.pricing-grid__category__info__card__chapter {
    flex-direction: column;
    display: flex;
    justify-content: center
}

.pricing-grid__category__info__card__chapter__title {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    color: #202124;
    color: #1a73e8
}

.pricing-grid__category__info__card__chapter__price {
    color: #1a73e8;
    margin-top: 20px
}

.pricing-grid__category__info__card__asides {
    flex-direction: row;
    display: flex;
    justify-content: center;
    gap: 24px;
    min-width: 200px;
    text-align: center;
    padding: 0 24px
}

@media (min-width: 1440px) {
    .pricing-grid__category__info__card__asides {
        display:flex;
        flex-direction: column;
        padding: 0
    }
}

.pricing-grid__category__info__card__asides__chapter__title {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    color: #1a73e8;
    font-weight: 500
}

@media (max-width: 1023px) {
    .pricing-grid__category__info__card__asides__chapter__title {
        color:#202124;
        font-family: Google Sans,Roboto,Arial,sans-serif;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .25px;
        line-height: 20px;
        color: #1a73e8
    }
}

.pricing-grid__category__info__card__asides__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    margin-top: 9px
}

.pricing-grid__category__info__card__asides__chapter__body p {
    margin: 0
}

.pricing-grid__category__info__card__image {
    line-height: 0;
    margin-bottom: -60px;
    transform: translateY(-60px);
    margin-right: 20px;
    min-width: 360px
}

@media (max-width: 1023px) {
    .pricing-grid__category__info__card__image {
        max-width:300px;
        min-width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px
    }
}

.pricing-grid__category__info__card__image img {
    object-fit: contain;
    object-position: bottom
}

@media (min-width: 1024px) {
    .pricing-grid__category__info__card__image img {
        height:100%
    }
}

.pricing-grid__cta {
    margin: 40px auto 0;
    padding-bottom: 80px!important;
    position: relative;
    z-index: 1
}

@media (max-width: 599px) {
    .pricing-grid__cta {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__cta {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .pricing-grid__cta {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .pricing-grid__cta {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

.pricing-grid__cta__body {
    margin-top: 36px
}

.pricing-grid__cta__body a {
    text-decoration: underline
}

@media (min-width: 1024px) {
    .pricing-grid__product:last-child .pricing-grid__product__apis .pricing-grid__api:last-child .pricing-grid__api__name,.pricing-grid__product:last-child .pricing-grid__product__apis .pricing-grid__api:last-child .pricing-grid__api__usage,.pricing-grid__product:last-child .pricing-grid__product__apis .pricing-grid__api:last-child .pricing-grid__api__cost {
        padding-bottom:65px
    }
}

.pricing-grid__disclaimers-wrap {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    position: relative;
    z-index: 2
}

@media (max-width: 599px) {
    .pricing-grid__disclaimers-wrap {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__disclaimers-wrap {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .pricing-grid__disclaimers-wrap {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .pricing-grid__disclaimers-wrap {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .pricing-grid__disclaimers-wrap {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__disclaimers-wrap {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .pricing-grid__disclaimers-wrap {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .pricing-grid__disclaimers-wrap {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .pricing-grid__disclaimers-wrap {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .pricing-grid__disclaimers-wrap {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .pricing-grid__disclaimers-wrap {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .pricing-grid__disclaimers-wrap {
        grid-template-columns:repeat(12,1fr)
    }
}

.pricing-grid__disclaimers {
    display: flex;
    flex-direction: column;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043;
    grid-column-start: 1;
    grid-column-end: span 4;
    color: #5f6368;
    padding: 24px 0;
    grid-gap: 10px;
    line-height: 20px
}

@media (min-width: 600px) {
    .pricing-grid__disclaimers {
        grid-column-start:2;
        grid-column-end: span 9;
        padding: 30px 0
    }
}

.pricing-grid__disclaimer {
    display: flex;
    flex-direction: row;
    position: relative;
    pointer-events: auto;
    padding-left: 12px;
    color: #3c4043
}

.pricing-grid__disclaimer sup {
    display: inline-block;
    min-width: 12px;
    font-size: inherit;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .2px;
    text-align: left;
    top: 0;
    vertical-align: top
}

.pricing-grid__disclaimer div {
    vertical-align: top;
    font-size: 12px;
    position: relative;
    top: -.3em
}

.pricing-hero {
    text-align: center;
    margin: 0 auto;
    padding: 0!important;
    max-width: 2560px!important
}

@media (max-width: 599px) {
    .pricing-hero {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .pricing-hero {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .pricing-hero {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .pricing-hero {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

.pricing-hero__main__chapter {
    padding: 0 30px;
    position: relative;
    z-index: 1
}

@media (min-width: 1024px) {
    .pricing-hero__main__chapter {
        padding:0
    }
}

.pricing-hero__main__chapter .chapter__item {
    opacity: 0;
    transform: translate3d(0,35px,0);
    animation-duration: .5s;
    animation-name: fade-up;
    animation-timing-function: cubic-bezier(.65,0,.35,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal
}

.pricing-hero__main__chapter .chapter__item:nth-child(1) {
    animation-delay: 0s
}

.pricing-hero__main__chapter .chapter__item:nth-child(2) {
    animation-delay: .25s
}

.pricing-hero__main__chapter .chapter__item:nth-child(3) {
    animation-delay: .5s
}

.pricing-hero__main__chapter .chapter__item:nth-child(4) {
    animation-delay: .75s
}

.pricing-hero__main__chapter__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -.25px;
    padding-top: 57px;
    max-width: 602px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 600px) {
    .pricing-hero__main__chapter__title {
        font-size:48px;
        line-height: 56px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .pricing-hero__main__chapter__title {
        font-size:60px;
        line-height: 72px
    }
}

@media (max-width: 1023px) {
    .pricing-hero__main__chapter__title {
        max-width:450px
    }
}

@media (min-width: 1024px) {
    .pricing-hero__main__chapter__title {
        padding-top:83px
    }
}

.pricing-hero__main__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1023px) {
    .pricing-hero__main__chapter__body {
        max-width:500px
    }
}

.pricing-hero__main__chapter__buttons {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    justify-content: center;
    margin-top: 20px;
    gap: 12px
}

@media (max-width: 1023px) {
    .pricing-hero__main__chapter__buttons {
        max-width:500px
    }
}

.pricing-hero__main__bg {
    line-height: 0;
    position: relative;
    width: 100%;
    z-index: 0
}

.pricing-hero__main__bg img,.pricing-hero__main__bg video {
    height: 600px;
    object-fit: cover;
    width: 100%
}

@media (min-width: 600px) and (max-width: 1023px) {
    .pricing-hero__main__bg img,.pricing-hero__main__bg video {
        height:594px
    }
}

@media (max-width: 599px) {
    .pricing-hero__main__bg img,.pricing-hero__main__bg video {
        height:460px;
        object-position: top
    }
}

.pricing-hero__offer {
    margin: -104px auto 0;
    display: grid;
    column-gap: var(--grid-column-gap);
    position: relative;
    z-index: 1;
    grid-row-gap: 40px
}

@media (max-width: 599px) {
    .pricing-hero__offer {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .pricing-hero__offer {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .pricing-hero__offer {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .pricing-hero__offer {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .pricing-hero__offer {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .pricing-hero__offer {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .pricing-hero__offer {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .pricing-hero__offer {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .pricing-hero__offer {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .pricing-hero__offer {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .pricing-hero__offer {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .pricing-hero__offer {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (max-width: 1023px) {
    .pricing-hero__offer {
        margin-top:-200px
    }
}

.pricing-hero__offer__card {
    grid-column-start: 1;
    grid-column-end: span 4;
    box-shadow: 0 12px 34px #20345940;
    max-width: 419px;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(124.32deg,#265cde 36.2%,#4385f4 100%);
    margin: 0 auto;
    padding: 85px 28px;
    color: #fff;
    text-align: center
}

@media (min-width: 1024px) {
    .pricing-hero__offer__card {
        grid-column-start:2;
        grid-column-end: span 5;
        padding: 85px 50px;
        transform: translateY(-150px);
        position: relative
    }
}

@media (min-width: 1440px) {
    .pricing-hero__offer__card {
        padding:85px 70px
    }
}

.pricing-hero__offer__card localized-price {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    --localized-price-color: #1a73e8;
    --localized-price-font-size: 120px;
    --localized-price-font-weight: 600;
    --localized-price-line-height: 85px;
    --localized-price-letter-spacing: -4.2px;
    --localized-price-currency-font-size: 70px;
    --localized-price-literal-font-size: 70px;
    grid-gap: 6px;
    color: #fff
}

@media (max-width: 375px) {
    .pricing-hero__offer__card localized-price {
        --localized-price-font-size: 90px;
        --localized-price-currency-font-size: 52px;
        --localized-price-literal-font-size: 52px
    }
}

@media (max-width: 599px) {
    html:not([lang=en]) .pricing-hero__offer__card localized-price {
        --localized-price-font-size: 90px;
        --localized-price-currency-font-size: 52px;
        --localized-price-literal-font-size: 52px
    }
}

@media (max-width: 375px) {
    html:not([lang=en]) .pricing-hero__offer__card localized-price {
        --localized-price-font-size: 60px;
        --localized-price-currency-font-size: 40px;
        --localized-price-literal-font-size: 20px;
        --localized-price-line-height: 50px
    }
}

.pricing-hero__offer__card__content__price-sub {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    color: #1a73e8;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 3.9px;
    margin-top: 24px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif
}

@media (min-width: 1024px) {
    .pricing-hero__offer__card__content__price-sub {
        font-size:20px;
        line-height: 25px
    }
}

.pricing-hero__offer__card__content__body {
    margin-top: 28px
}

.pricing-hero__offer__blocks {
    grid-column-start: 1;
    grid-column-end: span 4;
    justify-content: center;
    display: flex;
    flex-direction: column;
    gap: 30px
}

@media (max-width: 1023px) {
    .pricing-hero__offer__blocks {
        max-width:400px;
        margin: 0 auto
    }
}

@media (min-width: 1024px) {
    .pricing-hero__offer__blocks {
        grid-column-start:7;
        grid-column-end: span 5
    }
}

@media (min-width: 1024px) {
    .pricing-hero__offer__blocks__block {
        max-width:450px
    }
}

.pricing-hero__offer__blocks__block__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    text-align: center
}

@media (min-width: 600px) {
    .pricing-hero__offer__blocks__block__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .pricing-hero__offer__blocks__block__title {
        font-size:28px;
        line-height: 36px
    }
}

@media (min-width: 1024px) {
    .pricing-hero__offer__blocks__block__title {
        text-align:left
    }
}

.pricing-hero__offer__blocks__block__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    margin-top: 10px;
    text-align: center
}

@media (min-width: 1024px) {
    .pricing-hero__offer__blocks__block__body {
        text-align:left
    }
}

.pricing-promo {
    transform: translateY(-64px)
}

.pricing-promo__container {
    display: flex;
    flex-direction: column;
    max-width: 1068px;
    margin: 0 auto;
    grid-column: 1/-1;
    gap: 32px
}

@media (min-width: 1024px) {
    .pricing-promo__container {
        flex-direction:row
    }
}

@media (min-width: 1440px) {
    .pricing-promo__container {
        grid-column-start:2;
        grid-column-end: span 10
    }
}

.pricing-promo__offer {
    padding: 32px;
    color: #fff;
    background: linear-gradient(124deg,#265cde 0%,#4385f4 100%);
    box-shadow: 0 12px 34px #20345940;
    border-radius: 24px;
    text-align: center;
    min-height: 390px
}

@media (min-width: 1024px) {
    .pricing-promo__offer {
        flex-basis:419px
    }
}

.pricing-promo__offer__title {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    color: #1a73e8;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 3.9px;
    margin-top: 24px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
    color: #fff;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif
}

@media (min-width: 1024px) {
    .pricing-promo__offer__title {
        font-size:20px;
        line-height: 25px
    }
}

.pricing-promo__offer__title__discount {
    font-size: 90px;
    font-family: Google Sans Display;
    font-weight: 700;
    line-height: 72px;
    letter-spacing: -3.549px;
    text-transform: none
}

@media (min-width: 1024px) {
    .pricing-promo__offer__title__discount {
        font-size:101px;
        line-height: 110px
    }
}

.pricing-promo__offer__title__discount sup {
    font-size: 60px
}

.pricing-promo__offer__body {
    margin-top: 24px;
    padding: 0 12px
}

.pricing-promo__pricing {
    background: linear-gradient(to right,#fff 50%,#1a73e8 calc(50% + 1px));
    box-shadow: 0 12px 34px #20345940;
    border-radius: 24px
}

@media (min-width: 1024px) {
    .pricing-promo__pricing {
        flex:1
    }
}

.pricing-promo__pricing__table {
    height: 100%
}

.pricing-promo__pricing__table table {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    background-image: none
}

.pricing-promo__pricing__table tr:first-child td {
    padding-top: 32px
}

.pricing-promo__pricing__table tr:last-child td {
    padding-top: 24px;
    padding-bottom: 32px
}

@media (max-width: 599px) {
    .pricing-promo__pricing__table tr {
        vertical-align:top
    }
}

.pricing-promo__pricing__table th {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    color: #202124;
    padding: 32px
}

.pricing-promo__pricing__table th:first-child {
    text-align: left;
    border-top-left-radius: 36px;
    background: #e8f0fe;
    color: #1967d2
}

.pricing-promo__pricing__table th,.pricing-promo__pricing__table td {
    width: 50%
}

.pricing-promo__pricing__table th:nth-child(2),.pricing-promo__pricing__table td:nth-child(2) {
    color: #fff
}

.pricing-promo__pricing__table td {
    padding: 4px 20px 12px
}

@media (min-width: 1024px) {
    .pricing-promo__pricing__table td {
        padding:4px 20px
    }
}

@media (min-width: 1440px) {
    .pricing-promo__pricing__table td {
        padding:4px 28px
    }
}

.pricing-promo__pricing__table__price {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto
}

@media (max-width: 599px) {
    .pricing-promo__pricing__table__price {
        flex-direction:column
    }
}

.pricing-promo__pricing__table__original {
    text-decoration: line-through;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .1px;
    color: #aecbfa
}

@media (min-width: 1280px) {
    .pricing-promo__pricing__table__original {
        font-size:20px;
        line-height: 24px
    }
}

.pricing-promo__pricing__table__discount {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .1px
}

@media (min-width: 1280px) {
    .pricing-promo__pricing__table__discount {
        font-size:20px;
        line-height: 24px
    }
}

.product-cards {
    position: relative;
    width: 100%;
    scroll-margin-top: 100px
}

.product-cards--bg {
    padding-bottom: 97px
}

.product-cards__stroke {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    object-position: top center;
    overflow: hidden;
    width: 100%;
    max-width: 100vw;
    pointer-events: none
}

.product-cards__stroke img {
    object-position: center;
    left: 50%;
    position: relative;
    transform: translate(-50%)
}

.product-cards__stroke--environment {
    margin-top: 400px
}

@media (min-width: 1024px) {
    .product-cards__stroke {
        width:auto
    }

    .product-cards__stroke img {
        min-width: 2560px
    }
}

.product-cards__bg-image {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2
}

.product-cards__chapter {
    text-align: center;
    margin-bottom: 60px
}

.product-cards__chapter__line {
    background: var(--line-bg);
    height: 6px;
    width: 60px;
    border-radius: 11px;
    margin-left: auto;
    margin-right: auto
}

.product-cards__chapter__line--yellow {
    --line-bg: #fbbc04
}

.product-cards__chapter__line--blue {
    --line-bg: #4285f4
}

.product-cards__chapter__line--red {
    --line-bg: #ea4335
}

.product-cards__chapter__line--green {
    --line-bg: #34a853
}

@media (min-width: 1024px) {
    .product-cards__chapter__line {
        width:120px;
        height: 10px;
        border-radius: 10px
    }
}

.product-cards__chapter__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    margin-top: 32px
}

@media (min-width: 600px) {
    .product-cards__chapter__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .product-cards__chapter__title {
        font-size:48px;
        line-height: 56px
    }
}

.product-cards--solution-finder .product-cards__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal;
    margin-top: 32px
}

@media (min-width: 600px) {
    .product-cards--solution-finder .product-cards__chapter__title {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .product-cards--solution-finder .product-cards__chapter__title {
        font-size:36px;
        line-height: 44px
    }
}

.product-cards__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    margin-top: 24px;
    max-width: 543px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1024px) {
    .product-cards__chapter__body {
        margin-top:16px
    }
}

.product-cards__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 8vw;
    line-height: 1.2em;
    text-align: center;
    max-width: 569px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 600px) {
    .product-cards__title {
        font-size:5vw;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .product-cards__title {
        font-size:4vw
    }
}

@media (min-width: 1024px) {
    .product-cards__title {
        color:#202124;
        font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 28px;
        line-height: 36px
    }
}

@media (min-width: 1024px) and (min-width: 600px) {
    .product-cards__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .product-cards__title {
        font-size:48px;
        line-height: 56px
    }
}

.product-cards__cards {
    max-width: 1297px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 24px
}

@media (min-width: 1024px) {
    .product-cards__cards {
        margin-top:60px
    }
}

@media (min-width: 1440px) {
    .product-cards__cards {
        padding:0
    }
}

.product-cards__cards__card {
    box-shadow: 0 12px 34px #20345940;
    max-width: none;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 10px 0;
    will-change: transform;
    background: #f8f9fa
}

@media (min-width: 600px) {
    .product-cards__cards__card {
        max-width:calc(50% - 20px);
        margin: 10px
    }
}

@media (min-width: 1024px) {
    .product-cards__cards__card {
        max-width:calc(33.3% - 20px)
    }
}

.product-cards__cards__card--routes {
    --card-color: #D56E0C
}

.product-cards__cards__card--places {
    --card-color: #c5221f
}

.product-cards__cards__card--maps {
    --card-color: #1a73e8
}

.product-cards__cards__card--environment {
    --card-color: #1e8e3e
}

.product-cards__cards__card__image-container {
    overflow: hidden
}

.product-cards__cards__card__image {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    display: block;
    order: 1;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: 1
}

@media (min-width: 1024px) {
    .product-cards__cards__card__image {
        max-height:195px
    }
}

.product-cards__cards__card__image video {
    width: 100%
}

.product-cards__cards__card__image__asset {
    transform: scale(1);
    transition: transform .5s cubic-bezier(.85,0,.15,1);
    will-change: transform;
    display: block;
    width: 100%;
    z-index: 0
}

.product-cards__cards__card:hover .product-cards__cards__card__image__asset {
    transform: scale(1.1);
    transition: transform .5s cubic-bezier(.85,0,.15,1)
}

.product-cards__cards__card__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 32px 24px;
    flex: 1
}

@media (min-width: 1024px) {
    .product-cards__cards__card__content {
        height:100%;
        min-height: 287px;
        padding: 32px
    }
}

.product-cards__cards__card__content__top {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.product-cards__cards__card__content__top__title {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #202124;
    align-items: center;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    color: var(--card-color);
    gap: 8px 12px
}

@media (max-width: 1439px) {
    .product-cards__cards__card__content__top__title {
        flex-direction:column;
        align-items: flex-start
    }
}

.product-cards__cards__card__content__top__title__pill span {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 700;
    font-size: 11px;
    line-height: 24px;
    letter-spacing: .5px;
    text-transform: uppercase;
    display: block;
    padding: 2px 8px;
    background: #d2e3fc;
    border-radius: 999px;
    color: #185abc
}

.product-cards__cards__card__content__top__title__pill span.green {
    background: #ceead6;
    color: #1e8e3e
}

@media (min-width: 1440px) {
    .product-cards__cards__card__content__top__title__pill span {
        position:absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0
    }
}

.product-cards__cards__card__content__top__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    margin-top: 16px
}

@media (max-width: 325px) {
    .product-cards__cards__card__content__top__body {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        color: #3c4043
    }
}

.product-cards__cards__card__content__top__link {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    color: #1967d2;
    font-weight: 500;
    margin: 16px 0 0
}

.product-cards__cards__card__content__top__link--last {
    margin: 16px 0 30px!important
}

.product-cards__cards__card__content__tags {
    display: flex;
    flex-wrap: wrap;
    margin-top: 32px;
    gap: 16px
}

@media (max-width: 350px) {
    .product-cards__cards__card__content__tags {
        gap:2px
    }
}

.product-cards__cards__card__content__tags__tag {
    --button-text-color: #5f6368;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding: 3.5px 16px;
    border: 1px solid var(--card-color);
    border-radius: 33px
}

.product-cards__cards__card__content__tags__tag:hover,.product-cards__cards__card__content__tags__tag:focus {
    --button-text-color: #fff;
    background: var(--card-color)
}

@media (max-width: 325px) {
    .product-cards__cards__card__content__tags__tag {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        color: #3c4043;
        padding: 3.5px 14px
    }
}

.product-cards__cards__card__content__tags__tag.button {
    color: var(--button-text-color);
    margin-left: 0
}

.product-cards__button {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center
}

.product-cards__button span {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    color: #1967d2
}

@media (min-width: 600px) {
    .product-cards__button span {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .product-cards__button span {
        font-size:28px;
        line-height: 36px
    }
}

.product-cards__button span:after {
    right: -47px
}

.product-hero {
    position: relative;
    overflow: hidden;
    padding: 50px 0 70px
}

@media (min-width: 1024px) {
    .product-hero {
        padding:80px 0 90px
    }
}

@media (min-width: 2560px) {
    .product-hero:before,.product-hero:after {
        content:"";
        height: 100%;
        width: 300px;
        z-index: 10;
        background: linear-gradient(90deg,#fff 30.9%,#fff0 92.67%)
    }
}

@media (min-width: 2570px) {
    .product-hero:before,.product-hero:after {
        width:20vw
    }
}

@media (min-width: 2660px) {
    .product-hero:before,.product-hero:after {
        width:40vw
    }
}

@media (min-width: 2560px) {
    .product-hero:before {
        position:absolute;
        top: 0;
        right: 0;
        transform: rotate(180deg)
    }
}

@media (min-width: 2560px) {
    .product-hero:after {
        position:absolute;
        top: 0;
        left: 0
    }
}

.product-hero__lottie {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    bottom: -25%
}

@media (min-width: 1440px) {
    .product-hero__lottie {
        transform:translate(-50%);
        position: absolute;
        bottom: 0;
        left: 50%;
        top: 0;
        height: 696px
    }
}

.product-hero__bg__image {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover
}

@media (min-width: 2560px) {
    .product-hero__bg__image {
        object-fit:contain
    }
}

@media (min-width: 1024px) {
    .product-hero__bg__image.mobile-only {
        display:none
    }
}

.product-hero__bg__image.laptop-only {
    display: none
}

@media (min-width: 1024px) and (max-width: 1440px) {
    .product-hero__bg__image.laptop-only {
        display:block
    }
}

.product-hero__bg__image.desktop-only {
    display: none
}

@media (min-width: 1440px) {
    .product-hero__bg__image.desktop-only {
        display:block
    }
}

.product-hero__content {
    position: relative;
    z-index: 1;
    padding: 0 28px
}

@media (min-width: 1125px) {
    .product-hero__content {
        padding:0
    }
}

@media (min-width: 1024px) {
    .product-hero__content {
        max-width:1440px;
        margin-left: auto;
        margin-right: auto
    }
}

.product-hero__animate {
    opacity: 0;
    transform: translate3d(0,35px,0);
    animation-duration: .5s;
    animation-name: fade-up;
    animation-timing-function: cubic-bezier(.65,0,.35,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal
}

.product-hero__animate:nth-child(1) {
    animation-delay: 0s
}

.product-hero__animate:nth-child(2) {
    animation-delay: .25s
}

.product-hero__animate:nth-child(3) {
    animation-delay: .5s
}

.product-hero__animate:nth-child(4) {
    animation-delay: .75s
}

.product-hero__content__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: -.25px;
    margin: 0 auto 16px;
    text-align: center
}

@media (min-width: 1024px) {
    .product-hero__content__title {
        text-align:left;
        color: #202124;
        font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) and (min-width: 600px) {
    .product-hero__content__title {
        font-size:48px;
        line-height: 56px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .product-hero__content__title {
        font-size:60px;
        line-height: 72px
    }
}

@media (min-width: 1024px) {
    .product-hero__content__title {
        max-width:1068px;
        text-align: center
    }
}

.product-hero__content__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

@media (min-width: 600px) {
    .product-hero__content__body {
        max-width:616px
    }
}

.product-hero__content__cards {
    margin: 50px auto 0;
    gap: 48px;
    display: grid;
    grid-template-columns: 1fr
}

@media (min-width: 600px) {
    .product-hero__content__cards {
        grid-template-columns:1fr 1fr;
        gap: 42px;
        max-width: 594px;
        margin: 50px auto 0
    }
}

@media (min-width: 1280px) {
    .product-hero__content__cards {
        grid-template-columns:1fr 1fr 1fr 1fr;
        margin: 80px 70px 0;
        max-width: none;
        gap: 45px
    }
}

.product-hero__content__cards__card {
    padding: 24px 32px 36px;
    background: #fff;
    box-shadow: 0 12px 34px #20345940;
    border-radius: 24px;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 276px;
    width: 100%;
    align-items: stretch;
    display: flex;
    flex-direction: column
}

@media (min-width: 375px) {
    .product-hero__content__cards__card:lang(es) {
        height:340px
    }

    .product-hero__content__cards__card:lang(es) {
        height: auto
    }
}

@media (min-width: 1024px) {
    .product-hero__content__cards__card {
        height:auto
    }

    .product-hero__content__cards__card:lang(fr) {
        height: auto
    }
}

.product-hero__content__cards__card__top__icon__asset {
    position: absolute;
    bottom: 0;
    left: 0
}

.product-hero__content__cards__card__top__title,.product-hero__content__cards__card__top__body,.product-hero__content__cards__card__link {
    margin-top: 16px
}

.product-hero__content__cards__card__top__title {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 28px;
    line-height: 36px;
    font-weight: 400;
    color: #202124
}

.product-hero__content__cards__card__top__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    max-width: 239px
}

.product-hero__content__cards__card__link {
    justify-content: flex-start;
    width: -moz-fit-content;
    width: fit-content
}

.product-hero__content__cards__card__link:hover,.product-hero__content__cards__card__link:focus {
    color: #1a73e8
}

.product-hero__content__cards__card__top__icon {
    height: 60px;
    width: 60px;
    object-fit: contain;
    object-position: bottom left
}

.resource-cards {
    position: relative;
    scroll-margin-top: 100px;
    padding-bottom: 74px
}

@media (min-width: 1024px) {
    .resource-cards--5050 .resource-cards__grid {
        margin:0 auto;
        display: grid;
        column-gap: var(--grid-column-gap);
        gap: 20px;
        max-width: none
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .resource-cards--5050 .resource-cards__grid {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .resource-cards--5050 .resource-cards__grid {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .resource-cards--5050 .resource-cards__grid {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .resource-cards--5050 .resource-cards__grid {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .resource-cards--5050 .resource-cards__grid {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .resource-cards--5050 .resource-cards__grid {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .resource-cards--5050 .resource-cards__grid {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .resource-cards--5050 .resource-cards__grid {
        --grid-column-gap: 64px
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .resource-cards--5050 .resource-cards__grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .resource-cards--5050 .resource-cards__grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .resource-cards--5050 .resource-cards__grid {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .resource-cards--5050 .resource-cards__grid {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1024px) {
    .resource-cards--5050 .resource-cards__grid__card {
        grid-column:span 6;
        margin: 0
    }

    .resource-cards--5050 .resource-cards__grid__card__wrap {
        position: relative;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start
    }

    .resource-cards--5050 .resource-cards__grid__card {
        flex: 1;
        max-width: none
    }

    .resource-cards--5050 .resource-cards__grid__card__inner {
        flex: 0 0 calc(100% - 197px);
        order: 1;
        z-index: 0;
        background: none;
        padding: 32px 24px 32px 32px
    }

    .resource-cards--5050 .resource-cards__grid__card__inner__title {
        color: #202124;
        font-family: Google Sans,Roboto,Arial,sans-serif;
        font-size: 20px;
        line-height: 28px
    }

    .resource-cards--5050 .resource-cards__grid__card__image {
        position: absolute;
        top: 0;
        right: 0;
        width: 197px;
        height: 100%;
        max-height: none;
        border-top-left-radius: 0;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
        z-index: 1
    }

    .resource-cards--5050 .resource-cards__grid__card__image {
        height: 100%
    }

    .resource-cards--5050 .resource-cards__grid__card__image__asset {
        display: block;
        height: 100%;
        object-fit: cover
    }

    .resource-cards--5050 .resource-cards__grid__card__inner__more {
        display: none
    }

    .resource-cards--5050 .resource-cards__grid__card__inner__see {
        position: relative;
        margin-top: 26px;
        left: auto;
        bottom: auto
    }
}

@media (min-width: 1440px) {
    .resource-cards--5050 .resource-cards__grid__card {
        grid-column:span 5
    }

    .resource-cards--5050 .resource-cards__grid__card:first-child {
        grid-column-start: 2;
        grid-column-end: span 5
    }
}

.resource-cards--bg {
    padding-bottom: 97px
}

.resource-cards--grey {
    background: #f8f9fa
}

.resource-cards--no-hover .resource-cards__grid__card:hover .resource-cards__grid__card__image__asset {
    transform: initial;
    transition: initial
}

.resource-cards__stroke {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    width: 100%
}

.resource-cards__bg-image {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2
}

.resource-cards__heading {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 60px;
    text-align: center
}

@media (min-width: 600px) {
    .resource-cards__heading {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .resource-cards__heading {
        font-size:48px;
        line-height: 56px
    }
}

.resource-cards__chapter {
    text-align: center;
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    .resource-cards__chapter {
        margin-bottom:60px
    }
}

.resource-cards__chapter__line {
    background: var(--line-bg);
    height: 6px;
    width: 60px;
    border-radius: 11px;
    margin-left: auto;
    margin-right: auto
}

.resource-cards__chapter__line--yellow {
    --line-bg: #fbbc04
}

.resource-cards__chapter__line--blue {
    --line-bg: #4285f4
}

.resource-cards__chapter__line--red {
    --line-bg: #ea4335
}

.resource-cards__chapter__line--green {
    --line-bg: #34a853
}

@media (min-width: 1024px) {
    .resource-cards__chapter__line {
        width:120px;
        height: 10px;
        border-radius: 10px
    }
}

.resource-cards--smaller-heading .resource-cards__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin-top: 32px
}

@media (min-width: 600px) {
    .resource-cards--smaller-heading .resource-cards__chapter__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .resource-cards--smaller-heading .resource-cards__chapter__title {
        font-size:28px;
        line-height: 36px
    }
}

.resource-cards__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal;
    margin-top: 32px
}

@media (min-width: 600px) {
    .resource-cards__chapter__title {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .resource-cards__chapter__title {
        font-size:36px;
        line-height: 44px
    }
}

.resource-cards__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    margin-top: 24px;
    max-width: 543px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1024px) {
    .resource-cards__chapter__body {
        margin-top:16px
    }
}

.resource-cards__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 8vw;
    line-height: 1.2em;
    text-align: center;
    max-width: 569px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 600px) {
    .resource-cards__title {
        font-size:5vw;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .resource-cards__title {
        font-size:4vw
    }
}

@media (min-width: 1024px) {
    .resource-cards__title {
        color:#202124;
        font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 28px;
        line-height: 36px
    }
}

@media (min-width: 1024px) and (min-width: 600px) {
    .resource-cards__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .resource-cards__title {
        font-size:48px;
        line-height: 56px
    }
}

.resource-cards__grid {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0 24px;
    box-shadow: none!important
}

@media (min-width: 600px) {
    .resource-cards__grid {
        max-width:1344px;
        width: 100%;
        z-index: 1
    }
}

summary::-webkit-details-marker {
    display: none
}

.resource-cards__grid__card {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    box-shadow: 0 12px 34px #20345926;
    position: relative;
    width: 100%;
    margin: 10px
}

.resource-cards__grid__card:focus {
    outline: 1px solid #174ea6
}

@media (min-width: 1024px) {
    .resource-cards__grid__card {
        --height: auto;
        flex-wrap: wrap
    }
}

.resource-cards__grid__card__wrap {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-wrap: wrap;
    transform: translateZ(0);
    width: 100%
}

.resource-cards__grid__card__dialog {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    overflow: auto;
    padding-top: 60px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.resource-cards__grid__card__overlay {
    background: #ffffffe6;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.resource-cards__grid__card--expanded {
    height: auto;
    max-width: 858px
}

@media (min-width: 1024px) {
    .resource-cards__grid__card--expanded {
        min-height:795px;
        z-index: 2
    }
}

@media (min-width: 1024px) {
    .resource-cards__grid__card--expanded .resource-cards__grid__card__inner {
        border-radius:0;
        display: flex;
        flex-direction: row
    }
}

@media (min-width: 1024px) {
    .resource-cards__grid__card--expanded .resource-cards__grid__card__image {
        height:300px
    }
}

.resource-cards__grid__card--expanded .resource-cards__grid__card__bottom {
    height: auto;
    max-height: 1000px
}

.resource-cards__grid__card--expanded .resource-cards__grid__card__inner__title-wrap {
    flex: 1;
    margin-bottom: 24px
}

@media (min-width: 1024px) {
    .resource-cards__grid__card--expanded .resource-cards__grid__card__inner__title-wrap {
        flex:0 0 50%
    }
}

.resource-cards__grid__card--expanded .resource-cards__grid__card__inner__more {
    height: auto;
    opacity: 1;
    transform: translateZ(0);
    transition: all .35s cubic-bezier(.85,0,.15,1);
    transition-delay: .15s;
    visibility: visible
}

@media (min-width: 1024px) {
    .resource-cards__grid__card--expanded .resource-cards__grid__card__image__asset__expanded {
        opacity:1
    }
}

@media (min-width: 1024px) {
    .resource-cards__grid__card--expanded .resource-cards__grid__card__image__asset {
        opacity:0
    }
}

.resource-cards__grid__card--expanded .resource-cards__grid__card__inner__see {
    opacity: 0;
    pointer-events: none
}

.resource-cards__grid__card--expanded .resource-cards__grid__card__close {
    opacity: 1;
    transition: all .35s cubic-bezier(.85,0,.15,1);
    transition-delay: .15s
}

.resource-cards__grid__card__inner {
    display: flex;
    flex-direction: column;
    background-color: #f8f9fa;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    flex: 1;
    order: 2;
    padding: 32px 24px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width: 1024px) {
    .resource-cards__grid__card__inner {
        padding:32px
    }
}

.resource-cards__grid__card__inner--blue .resource-cards__grid__card__inner__eyebrow,.resource-cards__grid__card__inner--blue .resource-cards__grid__card__inner__more__subtitle {
    color: #1a73e8
}

.resource-cards__grid__card__inner--blue .resource-cards__grid__card__inner__more__stats {
    background-color: #e8f0fe
}

.resource-cards__grid__card__inner--green .resource-cards__grid__card__inner__eyebrow,.resource-cards__grid__card__inner--green .resource-cards__grid__card__inner__more__subtitle {
    color: #1e8e3e
}

.resource-cards__grid__card__inner--green .resource-cards__grid__card__inner__more__stats {
    background-color: #e6f4ea
}

.resource-cards__grid__card__inner--yellow .resource-cards__grid__card__inner__eyebrow,.resource-cards__grid__card__inner--yellow .resource-cards__grid__card__inner__more__subtitle {
    color: #ea8600
}

.resource-cards__grid__card__inner--yellow .resource-cards__grid__card__inner__more__stats {
    background-color: #fef7e0
}

.resource-cards__grid__card__inner--orange .resource-cards__grid__card__inner__eyebrow,.resource-cards__grid__card__inner--orange .resource-cards__grid__card__inner__more__subtitle {
    color: #e37400
}

.resource-cards__grid__card__inner--orange .resource-cards__grid__card__inner__more__stats {
    background-color: #fef7e0
}

.resource-cards__grid__card__inner--cyan .resource-cards__grid__card__inner__eyebrow,.resource-cards__grid__card__inner--cyan .resource-cards__grid__card__inner__more__subtitle {
    color: #098591
}

.resource-cards__grid__card__inner--cyan .resource-cards__grid__card__inner__more__stats {
    background-color: #e4f7fb
}

.resource-cards__grid__card__inner--teal .resource-cards__grid__card__inner__eyebrow,.resource-cards__grid__card__inner--teal .resource-cards__grid__card__inner__more__subtitle {
    color: #098591
}

.resource-cards__grid__card__inner--teal .resource-cards__grid__card__inner__more__stats {
    background-color: #e4f7fb
}

.resource-cards__grid__card__inner--red .resource-cards__grid__card__inner__eyebrow,.resource-cards__grid__card__inner--red .resource-cards__grid__card__inner__more__subtitle {
    color: #b31412
}

.resource-cards__grid__card__inner--red .resource-cards__grid__card__inner__more__stats {
    background-color: #fce8e6
}

.resource-cards__grid__card__inner__eyebrow {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #202124;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 14px;
    color: #1a73e8;
    text-transform: uppercase
}

@media (min-width: 600px) {
    .resource-cards__grid__card__inner__eyebrow {
        min-height:24px
    }
}

.resource-cards__grid__card__inner__eyebrow__pill {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #202124;
    line-height: 1em;
    color: #fff;
    padding: 6px 12px;
    background-color: #1967d2;
    border-radius: 999px;
    text-transform: uppercase;
    transform: translateY(-2px)
}

.resource-cards__grid__card__inner__eyebrow+.resource-cards__grid__card__inner__title {
    margin-top: 16px
}

.resource-cards__grid__card__inner__title {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043;
    color: #202124
}

.resource-cards__grid__card__image {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    border: 0;
    display: block;
    order: 1;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1
}

@media (min-width: 1024px) {
    .resource-cards__grid__card__image {
        max-height:195px
    }
}

.resource-cards__grid__card__image video {
    display: block;
    height: auto;
    width: 100%
}

.resource-cards__grid__card__image__asset {
    display: block;
    width: 100%;
    z-index: 0
}

.resource-cards__grid__card__image__asset__expanded {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 0;
    z-index: 0
}

.resource-cards__grid__card__inner__see {
    bottom: 42px;
    cursor: pointer;
    left: 24px;
    position: absolute
}

@media (min-width: 1024px) {
    .resource-cards__grid__card__inner__see {
        left:32px
    }
}

.resource-cards__grid__card__inner__see .button {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #1a73e8;
    font-weight: 400
}

.resource-cards__grid__card__inner__see .button:hover {
    color: #1a73e8
}

.resource-cards__grid__card__inner__see .button span {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit
}

.resource-cards__grid__card__close {
    -webkit-appearance: none;
    background: transparent;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate3d(24px,-24px,0);
    z-index: 1
}

.resource-cards__grid__card__close svg {
    height: 72px;
    pointer-events: none;
    width: 72px
}

.resource-cards__grid__card__close--modal {
    z-index: 6
}

.resource-cards__grid__card__inner__title-wrap {
    display: flex;
    flex-direction: column;
    flex: 0 0 100%
}

.resource-cards--no-cta .resource-cards__grid__card__inner__more {
    display: none
}

.resource-cards__grid__card__inner__more {
    display: flex;
    flex-direction: column;
    height: 80px;
    opacity: 0;
    transform: translate3d(0,30px,0);
    visibility: hidden;
    width: 100%
}

@media (min-width: 1024px) {
    .resource-cards__grid__card__inner__more {
        padding-top:30px
    }
}

.resource-cards__grid__card__inner__more__subtitle {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 24px
}

.resource-cards__grid__card__inner__more__copy {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    color: #202124;
    margin: 0 0 24px
}

.resource-cards__grid__card__inner__more__copy ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0
}

.resource-cards__grid__card__inner__more__buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.resource-cards__grid__card__inner__more__buttons .button:not(:last-child) {
    margin-bottom: 20px
}

@media (min-width: 600px) {
    .resource-cards__grid__card__inner__more__buttons {
        display:flex;
        flex-direction: row
    }

    .resource-cards__grid__card__inner__more__buttons .button:not(:last-child) {
        margin-bottom: 0
    }

    .resource-cards__grid__card__inner__more__buttons .button:not(:first-child) {
        margin-right: 40px
    }
}

.resource-cards__grid__card__inner__more__disclaimer {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    color: #202124;
    margin: 24px 0
}

.resource-cards__grid__card__bottom {
    background-color: #fff;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    height: 0;
    order: 3;
    overflow: hidden;
    width: 100%
}

.resource-cards__grid__card__bottom__inner {
    display: flex;
    flex-direction: column;
    padding: 32px 32px 16px
}

@media (min-width: 1024px) {
    .resource-cards__grid__card__bottom__inner {
        display:flex;
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap
    }
}

.resource-cards__grid__card__bottom__inner__row {
    display: flex;
    flex-direction: column;
    flex: 1
}

@media (min-width: 1024px) {
    .resource-cards__grid__card__bottom__inner__row {
        align-items:center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }
}

.resource-cards__grid__card__bottom__inner__label {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #80868b;
    margin-bottom: 16px
}

@media (min-width: 1024px) {
    .resource-cards__grid__card__bottom__inner__label {
        margin-top:7px;
        margin-right: 36px
    }
}

.resource-cards__grid__card__inner__more__stats {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    color: #202124;
    margin-bottom: 24px;
    padding: 20px;
    display: flex;
    flex-direction: row
}

.resource-cards__grid__card__inner__more__stats .stat-figure {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal
}

@media (min-width: 600px) {
    .resource-cards__grid__card__inner__more__stats .stat-figure {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .resource-cards__grid__card__inner__more__stats .stat-figure {
        font-size:36px;
        line-height: 44px
    }
}

.resource-cards__grid__card__inner__more__stats__stat {
    display: flex;
    flex-direction: column
}

.resource-cards__grid__card__inner__more__stats__stat:not(:last-child) {
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .resource-cards__grid__card__inner__more__stats__stat:not(:last-child) {
        margin-bottom:0;
        margin-right: 20px
    }
}

.resource-cards__toggle {
    margin-top: 74px
}

.resource-cards__toggle .resource-cards__toggle__more {
    display: flex
}

.resource-cards__toggle .resource-cards__toggle__less {
    display: none
}

.resource-cards__toggle button {
    border: none
}

.resource-cards__toggle--expanded .resource-cards__toggle__more {
    display: none
}

.resource-cards__toggle--expanded .resource-cards__toggle__less {
    display: flex
}

.resource-cards__toggle__more,.resource-cards__toggle__more [icon],.resource-cards__toggle__less,.resource-cards__toggle__less [icon] {
    display: flex;
    align-items: center;
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    width: fit-content;
    margin: 0 auto;
    color: #1967d2;
    cursor: pointer
}

@media (min-width: 600px) {
    .resource-cards__toggle__more,.resource-cards__toggle__more [icon],.resource-cards__toggle__less,.resource-cards__toggle__less [icon] {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .resource-cards__toggle__more,.resource-cards__toggle__more [icon],.resource-cards__toggle__less,.resource-cards__toggle__less [icon] {
        font-size:28px;
        line-height: 36px
    }
}

.resource-cards__toggle__more span:after,.resource-cards__toggle__less span:after {
    right: -38px
}

@media (min-width: 1024px) {
    .resource-cards__toggle__more span:after,.resource-cards__toggle__less span:after {
        right:-47.5px
    }
}

.resource-cards__grid__card,.sf-resource-card {
    margin: 10px 0
}

@media (min-width: 600px) {
    .resource-cards__grid__card,.sf-resource-card {
        max-width:calc(50% - 20px);
        margin: 10px
    }
}

@media (min-width: 1024px) {
    .resource-cards__grid__card,.sf-resource-card {
        max-width:calc(33.3% - 20px)
    }
}

.trust-center-resource-card .resource-cards__grid__card__image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    background-color: #e9eaee
}

.trust-center-resource-card .resource-cards__grid__card__image img {
    width: 100%;
    height: 120px;
    object-fit: contain;
    filter: drop-shadow(0px 10px 5px rgba(0,0,0,.15))
}

.resource-hero {
    margin: 0 auto;
    padding: 0!important;
    max-width: 2560px!important;
    position: relative
}

@media (max-width: 599px) {
    .resource-hero {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .resource-hero {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .resource-hero {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .resource-hero {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

.resource-hero__heading {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 40px min(5vw,72px)
}

.resource-hero__heading__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -.25px;
    margin: 0 0 20px;
    text-align: center
}

@media (min-width: 600px) {
    .resource-hero__heading__title {
        font-size:48px;
        line-height: 56px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .resource-hero__heading__title {
        font-size:60px;
        line-height: 72px
    }
}

.resource-hero__heading__subtitle {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043;
    margin: 0;
    text-align: center
}

.resource-hero__main {
    position: relative
}

.resource-hero__main__content {
    left: 50%;
    max-width: 1440px;
    padding: 0 min(5vw,72px);
    position: absolute;
    top: 0;
    transform: translate3d(-50%,0,0);
    width: 100%;
    z-index: 1
}

.resource-hero__main__chapter {
    display: flex;
    flex-direction: column;
    padding: 0 30px;
    z-index: 1
}

@media (min-width: 1024px) {
    .resource-hero__main__chapter {
        padding:0
    }
}

.resource-hero__main__chapter .chapter__item {
    opacity: 0;
    transform: translate3d(0,35px,0);
    animation-duration: .5s;
    animation-name: fade-up;
    animation-timing-function: cubic-bezier(.65,0,.35,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal
}

.resource-hero__main__chapter .chapter__item:nth-child(1) {
    animation-delay: 0s
}

.resource-hero__main__chapter .chapter__item:nth-child(2) {
    animation-delay: .25s
}

.resource-hero__main__chapter .chapter__item:nth-child(3) {
    animation-delay: .5s
}

.resource-hero__main__chapter .chapter__item:nth-child(4) {
    animation-delay: .75s
}

.resource-hero__main__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 8vw;
    line-height: 1.2em;
    margin-left: auto;
    margin-right: auto;
    max-width: 602px;
    padding-top: 57px;
    text-align: center
}

@media (min-width: 600px) {
    .resource-hero__main__chapter__title {
        font-size:5vw;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .resource-hero__main__chapter__title {
        font-size:4vw
    }
}

@media (min-width: 600px) {
    .resource-hero__main__chapter__title {
        color:#202124;
        font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -.25px;
        padding-top: 83px;
        margin-left: initial;
        margin-right: initial;
        text-align: left
    }
}

@media (min-width: 600px) and (min-width: 600px) {
    .resource-hero__main__chapter__title {
        font-size:48px;
        line-height: 56px;
        letter-spacing: -.5px
    }
}

@media (min-width: 600px) and (min-width: 1024px) {
    .resource-hero__main__chapter__title {
        font-size:60px;
        line-height: 72px
    }
}

.resource-hero__main__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043;
    margin-top: 20px
}

.resource-hero__main__chapter__buttons {
    margin-left: auto;
    margin-right: auto;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    margin-top: 20px;
    gap: 12px
}

@media (min-width: 600px) {
    .resource-hero__main__chapter__buttons {
        margin-left:initial;
        margin-right: initial
    }
}

.resource-hero__main__bg {
    line-height: 0;
    position: relative;
    margin: 0 auto;
    max-width: 1920px;
    width: 100%;
    z-index: 0
}

.resource-hero__main__bg img,.resource-hero__main__bg video {
    height: 528px;
    object-fit: cover;
    object-position: center;
    width: 100%
}

@media (max-width: 1023px) {
    .resource-hero__main__bg img,.resource-hero__main__bg video {
        height:261px
    }
}

.resource-hero--customer-stories .resource-hero__heading__subtitle {
    max-width: 700px
}

.resource-sort {
    margin-top: 40px;
    position: relative;
    z-index: 20
}

.resource-sort__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 60px
}

@media (min-width: 600px) {
    .resource-sort__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .resource-sort__title {
        font-size:48px;
        line-height: 56px
    }
}

.resource-sort__controls {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 1024px) {
    .resource-sort__controls {
        display:flex;
        flex-direction: row
    }
}

.resource-sort__controls-item {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width: 600px) {
    .resource-sort__controls-item {
        display:flex;
        flex-direction: row
    }
}

@media (min-width: 481px) {
    .resource-sort__controls-item {
        width:initial
    }
}

.resource-sort__controls-item:first-child {
    margin-bottom: 16px;
    z-index: 2
}

@media (min-width: 1024px) {
    .resource-sort__controls-item:first-child {
        margin-bottom:0;
        margin-right: 16px
    }
}

.resource-sort__controls-item__text {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    white-space: nowrap;
    margin-bottom: 10px
}

@media (min-width: 600px) {
    .resource-sort__controls-item__text {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .resource-sort__controls-item__text {
        font-size:28px;
        line-height: 36px
    }
}

@media (min-width: 600px) {
    .resource-sort__controls-item__text {
        margin-bottom:0;
        margin-right: 10px
    }
}

.section-break-singlecolumn {
    text-align: center
}

.section-break-singlecolumn--grey {
    background: #f8f9fa
}

.section-break-singlecolumn__grid {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap)
}

@media (max-width: 599px) {
    .section-break-singlecolumn__grid {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .section-break-singlecolumn__grid {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .section-break-singlecolumn__grid {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .section-break-singlecolumn__grid {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .section-break-singlecolumn__grid {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .section-break-singlecolumn__grid {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .section-break-singlecolumn__grid {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .section-break-singlecolumn__grid {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .section-break-singlecolumn__grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .section-break-singlecolumn__grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .section-break-singlecolumn__grid {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .section-break-singlecolumn__grid {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (max-width: 1023px) {
    .section-break-singlecolumn__grid__item {
        grid-column-start:1;
        grid-column-end: span 4
    }
}

@media (min-width: 1024px) {
    .section-break-singlecolumn__grid__item {
        grid-column-start:3;
        grid-column-end: span 8
    }
}

.section-break-singlecolumn__grid__item__line {
    background: #4285f4;
    border-radius: 11px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px
}

@media (max-width: 1023px) {
    .section-break-singlecolumn__grid__item__line {
        width:60px;
        height: 6px
    }
}

@media (min-width: 1024px) {
    .section-break-singlecolumn__grid__item__line {
        height:10px;
        width: 120px
    }
}

.section-break-singlecolumn__grid__item__line--green {
    background: #34a853
}

.section-break-singlecolumn__grid__item__line--red {
    background: #ea4335
}

.section-break-singlecolumn__grid__item__line--yellow {
    background: #fbbc04
}

.section-break-singlecolumn__grid__item__icon {
    margin-bottom: 24px
}

.section-break-singlecolumn__grid__item__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 24px
}

@media (min-width: 600px) {
    .section-break-singlecolumn__grid__item__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .section-break-singlecolumn__grid__item__title {
        font-size:48px;
        line-height: 56px
    }
}

.section-break-singlecolumn__grid__item__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043
}

.section-break-singlecolumn__grid__item__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px
}

.section-break-singlecolumn__grid__item__button+.section-break-singlecolumn__grid__item__button {
    margin-left: 10px
}

.sf-card {
    width: 100%;
    z-index: 1
}

.sf-hero {
    position: relative;
    padding: 80px 0;
    width: 100%
}

@media (min-width: 481px) {
    .sf-hero {
        min-height:800px
    }
}

.sf-hero__stroke {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    top: 800px;
    overflow: hidden;
    width: 100%;
    pointer-events: none
}

@media (min-width: 1024px) {
    .sf-hero__stroke {
        width:inherit
    }

    .sf-hero__stroke img {
        min-width: 2560px
    }
}

.sf-hero__wrap {
    grid-column-start: 1;
    grid-column-end: span 12;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column
}

@media (min-width: 1024px) {
    .sf-hero__wrap {
        grid-column-start:2;
        grid-column-end: span 10;
        padding: 0 72px
    }
}

.sf-hero__grid {
    flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 60px auto 0;
    padding: 0 24px;
    position: relative
}

@media (min-width: 600px) {
    .sf-hero__grid {
        max-width:1344px;
        width: 100%;
        z-index: 1
    }
}

.sf-hero__expandable {
    padding-top: 100px;
    position: relative;
    overflow: hidden
}

@media (min-width: 1024px) {
    .sf-hero__expandable {
        padding-bottom:100px
    }
}

@media (min-width: 1024px) {
    .sf-hero__expandable .container {
        max-width:inherit
    }
}

.sf-hero__expandable__background {
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: translate3d(-50%,0,0);
    width: 100%;
    z-index: -1
}

@media (min-width: 1024px) {
    .sf-hero__expandable__background {
        width:inherit
    }
}

.sf-hero__expandable__background.sf-hero__expandable__background--retail {
    top: 150px
}

.sf-hero__expandable__background.sf-hero__expandable__background--retail .sf-hero__expandable__background__asset {
    object-position: top center
}

.sf-hero__expandable__background.sf-hero__expandable__background--transportation {
    top: 100px
}

.sf-hero__expandable__background.sf-hero__expandable__background--transportation .sf-hero__expandable__background__asset {
    object-position: top center
}

.sf-hero__expandable__background.sf-hero__expandable__background--financial .sf-hero__expandable__background__asset {
    object-position: top right
}

.sf-hero__expandable__background.sf-hero__expandable__background--quick-builder {
    top: 300px
}

@media (min-width: 1024px) {
    .sf-hero__expandable__background.sf-hero__expandable__background--quick-builder {
        top:150px
    }
}

.sf-hero__expandable__background.sf-hero__expandable__background--real-estate {
    top: 300px
}

@media (min-width: 1024px) {
    .sf-hero__expandable__background.sf-hero__expandable__background--real-estate {
        top:100px
    }
}

.sf-hero__expandable__background.sf-hero__expandable__background--real-estate .sf-hero__expandable__background__asset {
    object-position: top center
}

.sf-hero__expandable__background__asset {
    display: block;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;
    object-position: right center;
    width: 100%
}

@media (min-width: 1024px) {
    .sf-hero__expandable__background__asset {
        max-width:initial;
        width: initial
    }
}

.sf-hero__expandable__heading {
    padding: 0 30px;
    margin: 0 auto;
    max-width: 590px;
    width: 100%
}

.sf-hero__expandable__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 16px
}

@media (min-width: 600px) {
    .sf-hero__expandable__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .sf-hero__expandable__title {
        font-size:48px;
        line-height: 56px
    }
}

.sf-hero__expandable__subtitle {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043;
    text-align: center
}

.sf-hero__expandable__grid {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 60px
}

@media (min-width: 1024px) {
    .sf-hero__expandable__grid {
        display:flex;
        flex-direction: row;
        align-items: stretch;
        width: 100%
    }
}

.single-column__chapter {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    gap: 16px
}

@media (max-width: 599px) {
    .single-column__chapter {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .single-column__chapter {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .single-column__chapter {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .single-column__chapter {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .single-column__chapter {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .single-column__chapter {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .single-column__chapter {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .single-column__chapter {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .single-column__chapter {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .single-column__chapter {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .single-column__chapter {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .single-column__chapter {
        grid-template-columns:repeat(12,1fr)
    }
}

.single-column__chapter__title,.single-column__chapter__subtitle {
    grid-column-start: 1;
    grid-column-end: span 4;
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -.25px;
    text-align: center
}

@media (min-width: 600px) {
    .single-column__chapter__title,.single-column__chapter__subtitle {
        font-size:48px;
        line-height: 56px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .single-column__chapter__title,.single-column__chapter__subtitle {
        font-size:60px;
        line-height: 72px
    }
}

@media (min-width: 1024px) {
    .single-column__chapter__title,.single-column__chapter__subtitle {
        grid-column-start:3;
        grid-column-end: span 8
    }
}

.single-column__chapter__icon {
    margin-bottom: 12px
}

@media (min-width: 1024px) {
    .single-column__chapter__icon {
        margin-bottom:28px
    }
}

.single-column__chapter__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -.25px
}

@media (min-width: 600px) {
    .single-column__chapter__title {
        font-size:48px;
        line-height: 56px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .single-column__chapter__title {
        font-size:60px;
        line-height: 72px
    }
}

.single-column__chapter__subtitle {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px
}

@media (min-width: 600px) {
    .single-column__chapter__subtitle {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .single-column__chapter__subtitle {
        font-size:48px;
        line-height: 56px
    }
}

.single-column__chapter__body {
    grid-column-start: 1;
    grid-column-end: span 4;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043;
    text-align: center
}

@media (min-width: 1024px) {
    .single-column__chapter__body {
        grid-column-start:3;
        grid-column-end: span 8
    }
}

.single-column__chapter__icon,.single-column__chapter__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column: 1/-1
}

.single-column__chapter__buttons {
    margin-top: 10px
}

.single-column--blog-listing .single-column__chapter__body {
    max-width: 696px;
    margin: 0 auto
}

.single-column--india-hero .single-column__chapter__title {
    grid-column: 1/-1!important
}

.single-column--india-hero .single-column__chapter__body {
    max-width: 610px;
    margin: 0 auto
}

.single-column--india-pricing .single-column__chapter__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    grid-column: 1/-1!important
}

@media (min-width: 600px) {
    .single-column--india-pricing .single-column__chapter__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .single-column--india-pricing .single-column__chapter__title {
        font-size:48px;
        line-height: 56px
    }
}

.single-column--india-pricing .single-column__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043;
    max-width: 785px
}

.spacer--small {
    height: 20px
}

.spacer--medium {
    height: 60px
}

.spacer--large {
    height: 48px
}

@media (min-width: 1024px) {
    .spacer--large {
        height:100px
    }
}

@media (max-width: 599px) {
    .spacer--mobile-zero {
        height:0
    }
}

@media (min-width: 1024px) {
    .spacer--desktop-zero {
        height:0
    }
}

.spacer--grey {
    background: #f8f9fa
}

.spacer--blue {
    background: #1a73e8
}

.stats {
    position: relative;
    min-height: 268px;
    z-index: 3
}

@media (min-width: 1024px) {
    .stats {
        margin:0 auto
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .stats {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .stats {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .stats {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .stats {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .stats {
        padding:80px 0
    }
}

.stats__stats-card {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 40px;
    padding: 40px 60px
}

@media (min-width: 600px) and (max-width: 1023px) {
    .stats__stats-card {
        background:none;
        margin: 0 auto;
        display: grid;
        column-gap: var(--grid-column-gap);
        padding: 80px 0
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (max-width: 599px) {
    .stats__stats-card {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (min-width: 600px) and (max-width: 1023px) {
    .stats__stats-card {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (min-width: 1024px) and (max-width: 1439px) {
    .stats__stats-card {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (min-width: 1440px) {
    .stats__stats-card {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (max-width: 599px) {
    .stats__stats-card {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (min-width: 600px) and (max-width: 1023px) {
    .stats__stats-card {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (min-width: 1024px) and (max-width: 1439px) {
    .stats__stats-card {
        --grid-column-gap: 44px
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (min-width: 1440px) {
    .stats__stats-card {
        --grid-column-gap: 64px
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (max-width: 599px) {
    .stats__stats-card {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (min-width: 600px) and (max-width: 1023px) {
    .stats__stats-card {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (min-width: 1024px) and (max-width: 1439px) {
    .stats__stats-card {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (min-width: 1440px) {
    .stats__stats-card {
        grid-template-columns:repeat(12,1fr)
    }
}

.stats__stats-card:lang(en) {
    column-gap: 80px
}

@media (min-width: 1024px) {
    .stats__stats-card {
        display:flex;
        flex-direction: row;
        justify-content: center;
        padding: 40px 60px
    }
}

.stats__stat {
    text-align: center
}

@media (min-width: 600px) and (max-width: 1023px) {
    .stats__stat {
        grid-column:span 2
    }
}

.stats__stat__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #1967d2;
    margin-bottom: 17px
}

.stats__stat__title .stat-figure {
    display: block;
    font-size: 50px;
    line-height: 60px
}

@media (min-width: 600px) and (max-width: 1023px) {
    .stats__stat__title .stat-figure {
        font-size:60px;
        line-height: 70px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .stats__stat__title .stat-figure {
        font-size:55px;
        line-height: 65px
    }
}

@media (min-width: 1440px) {
    .stats__stat__title .stat-figure {
        font-size:70px;
        line-height: 80px
    }

    .stats__stat__title .stat-figure:lang(es-419) {
        font-size: 50px;
        line-height: 60px
    }
}

.stats__stat__title .stat-figure>span {
    font-size: 70px;
    line-height: 55px
}

@media (min-width: 600px) and (max-width: 1023px) {
    .stats__stat__title .stat-figure>span {
        font-size:90px;
        line-height: 70px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .stats__stat__title .stat-figure>span {
        font-size:80px;
        line-height: 65px
    }
}

@media (min-width: 1440px) {
    .stats__stat__title .stat-figure>span {
        font-size:100px;
        line-height: 80px
    }

    .stats__stat__title .stat-figure>span:lang(es-419) {
        font-size: 70px;
        line-height: 50px
    }
}

.stats__stroke {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    object-position: bottom center;
    overflow: hidden;
    width: 100%;
    max-width: 100vw;
    pointer-events: none
}

.stats__stroke img {
    object-position: center;
    left: 50%;
    position: relative;
    transform: translate(-50%);
    width: 2560px
}

@media (min-width: 1024px) {
    .stats__stroke {
        width:auto
    }

    .stats__stroke img {
        min-width: 2560px
    }
}

@media (min-width: 1024px) {
    .stats--stroke-spacer {
        margin-bottom:80px
    }

    .stats--stroke-spacer .stats__stroke {
        margin-top: 80px
    }
}

.tabset {
    position: relative;
    z-index: 3;
    overflow: hidden
}

.tabset__tabs__content {
    display: grid;
    grid-template-columns: 1fr
}

@media (max-width: 1023px) {
    .tabset__tabs__content {
        grid-column-start:1;
        grid-column-end: span 4;
        grid-gap: 36px
    }
}

@media (min-width: 1024px) {
    .tabset__tabs__content {
        grid-column-start:1;
        grid-column-end: span 6;
        grid-gap: 24px
    }

    .tabset--reverse .tabset__tabs__content {
        grid-column-start: 7;
        grid-column-end: span 5
    }
}

@media (min-width: 1440px) {
    .tabset__tabs__content {
        grid-column-start:2;
        grid-column-end: span 5;
        padding-right: var(--grid-column-gap)
    }

    .tabset--reverse .tabset__tabs__content {
        grid-column-start: 7;
        grid-column-end: span 5;
        padding-left: var(--grid-column-gap);
        padding-right: 0
    }
}

@media (max-width: 1023px) {
    .tabset__tabs__content__title {
        color:#202124;
        font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 28px;
        line-height: 36px
    }
}

@media (max-width: 1023px) and (min-width: 600px) {
    .tabset__tabs__content__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (max-width: 1023px) and (min-width: 1024px) {
    .tabset__tabs__content__title {
        font-size:48px;
        line-height: 56px
    }
}

@media (min-width: 1024px) {
    .tabset__tabs__content__title {
        color:#202124;
        font-family: Google Sans,Roboto,Arial,sans-serif;
        font-size: 24px;
        line-height: 32px;
        font-weight: 400;
        font-style: normal;
        margin-bottom: 60px
    }
}

@media (min-width: 1024px) and (min-width: 600px) {
    .tabset__tabs__content__title {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .tabset__tabs__content__title {
        font-size:36px;
        line-height: 44px
    }
}

.tabset__tabs__images {
    position: relative
}

@media (min-width: 1024px) {
    .tabset__tabs__images {
        grid-column-start:7;
        grid-column-end: span 6
    }

    .tabset--reverse .tabset__tabs__images {
        grid-column-start: 1;
        grid-column-end: span 6;
        order: -1
    }
}

@media (min-width: 1440px) {
    .tabset--reverse .tabset__tabs__images {
        grid-column-start:2;
        grid-column-end: span 5;
        order: -1
    }
}

.tabset__tabs__images__image {
    opacity: 0;
    position: absolute
}

@media (min-width: 1024px) {
    .tabset__tabs__images__image {
        width:100%
    }
}

.tabset__tabs__images__image img {
    max-width: none;
    width: 100%
}

.tabset__tabs__images__image.--inactive {
    animation-duration: .5s;
    animation-timing-function: cubic-bezier(.65,0,.35,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal;
    animation-name: fade-out
}

.tabset__tabs__images__image.--active {
    animation-duration: .5s;
    animation-timing-function: cubic-bezier(.65,0,.35,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal;
    animation-name: fade-in
}

.tabset__tab {
    display: block;
    position: relative;
    padding-left: 12px;
    text-decoration: none;
    cursor: pointer
}

@media (max-width: 1439px) {
    .tabset__tab {
        margin-left:10px
    }
}

@media (min-width: 1024px) {
    .tabset__tab {
        padding-left:24px
    }
}

.tabset__tab .tabset__tab__mobile-image,.tabset__tab .tabset__tab__content {
    overflow: hidden;
    transition: .5s height cubic-bezier(.65,0,.35,1)
}

.tabset__tab.--inactive .tabset__tab__content {
    animation-duration: .5s;
    animation-timing-function: cubic-bezier(.65,0,.35,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal;
    animation-name: fade-out
}

.tabset__tab.--inactive+.tabset__tab__mobile-image {
    animation-duration: .5s;
    animation-timing-function: cubic-bezier(.65,0,.35,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal;
    animation-name: fade-out;
    display: none
}

.tabset__tab.--active .tabset__tab__track: after {
    transform:scaleY(var(--tab-progress, 0%))
}

.tabset__tab.--active .tabset__tab__content {
    animation-duration: .5s;
    animation-timing-function: cubic-bezier(.65,0,.35,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal;
    animation-name: fade-in;
    height: var(--tab-height, "auto")!important;
}

.tabset__tab.--active .tabset__tab__chapter__title {
    color: #1a73e8
}

.tabset__tab.--active+.tabset__tab__mobile-image {
    animation-duration: .5s;
    animation-timing-function: cubic-bezier(.65,0,.35,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal;
    animation-name: fade-in
}

.tabset__tab__track {
    position: absolute;
    top: 0;
    left: -8px;
    width: 4px;
    height: 100%;
    background: #f1f3f4
}

@media (min-width: 1024px) {
    .tabset__tab__track {
        left:0
    }
}

.tabset__tab__track:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleY(0);
    transition: var(--tab-transition);
    transform-origin: top center;
    background: #1a73e8
}

.tabset__tab__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px
}

@media (min-width: 600px) {
    .tabset__tab__chapter__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .tabset__tab__chapter__title {
        font-size:28px;
        line-height: 36px
    }
}

@media (max-width: 1023px) {
    .tabset__tab__chapter__subtitle {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        color: #3c4043
    }
}

@media (min-width: 1024px) {
    .tabset__tab__chapter__subtitle {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: .1px;
        color: #3c4043
    }
}

@media (max-width: 1023px) {
    .tabset__tab__chapter__body {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        color: #3c4043
    }
}

@media (min-width: 1024px) {
    .tabset__tab__chapter__body {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: .1px;
        color: #3c4043;
        margin-top: 8px
    }
}

.tabset__tab__chapter__body:last-child {
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .tabset__tab__mobile-image {
        display:none
    }
}

.tabset__tab__chapter__image {
    width: 100%;
    height: auto
}

@media (min-width: 1024px) {
    .tabset__tab__chapter__image {
        margin-top:24px
    }
}

.tabset__button {
    margin-top: 24px
}

.testimonials-carousel--flush-top .testimonials-carousel__main__inner {
    padding-top: 0
}

.testimonials-carousel__main {
    margin: 0 auto;
    overflow: visible
}

@media (max-width: 599px) {
    .testimonials-carousel__main {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .testimonials-carousel__main {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .testimonials-carousel__main {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .testimonials-carousel__main {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .testimonials-carousel__main {
        max-width:319px;
        padding: 0
    }
}

.testimonials-carousel__main__inner {
    padding-top: 60px;
    position: relative
}

.testimonials-carousel__main__slides {
    display: flex;
    width: 100%;
    overflow: visible;
    overflow-scrolling: touch;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-stop:always;scrollbar-width: none;
    will-change: scroll-position;
    padding-top: 60px;
    margin-top: -60px;
    outline: 0;
    box-shadow: none!important
}

@media (pointer: coarse) {
    .swiping .testimonials-carousel__main__slides {
        scroll-snap-type:x mandatory
    }
}

.testimonials-carousel__main__slides::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    background: transparent
}

.testimonials-carousel__main__slides:before {
    content: "";
    background: linear-gradient(124.32deg,#265cde 36.2%,#4385f4 100%);
    border-radius: 24px;
    box-shadow: 0 12px 34px #20345940;
    height: calc(100% - 60px);
    left: 0;
    position: absolute;
    top: 60px;
    width: 100%
}

.testimonials-carousel__main__slides__slide {
    box-sizing: border-box;
    scroll-snap-align: center;
    flex: 0 0 100%;
    position: relative;
    min-height: 960px;
    border-radius: 24px;
    transition: transform .5s ease
}

@media (min-width: 1024px) {
    .testimonials-carousel__main__slides__slide {
        min-height:533px
    }
}

.testimonials-carousel__main__slides__slide__feature {
    --chapter-max-width: 556px;
    --container-grid-gap: 74px;
    --mobile-padding-bottom: 0px;
    --desktop-padding-left: 140px;
    --desktop-padding-right: 127px;
    height: 100%;
    padding: 63px 30px var(--mobile-padding-bottom) 30px
}

@media (min-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature {
        padding:0 var(--desktop-padding-right) 0 var(--desktop-padding-left)
    }
}

.testimonials-carousel__main__slides__slide__feature__container {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    justify-content: space-between;
    height: 100%
}

@media (min-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature__container {
        display:flex;
        flex-direction: row;
        max-width: none;
        gap: var(--container-grid-gap)
    }
}

.testimonials-carousel__main__slides__slide__feature__chapter {
    justify-content: center;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    flex-grow: 1
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .testimonials-carousel__main__slides__slide__feature__chapter {
        max-width:869px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature__chapter {
        max-width:var(--chapter-max-width);
        margin-left: 0;
        margin-right: 0
    }
}

.testimonials-carousel__main__slides__slide__feature__chapter__title {
    --quote-font-size: inherit;
    --quote-line-height: inherit;
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    position: relative;
    color: #fff;
    text-align: center
}

@media (min-width: 600px) {
    .testimonials-carousel__main__slides__slide__feature__chapter__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .testimonials-carousel__main__slides__slide__feature__chapter__title {
        font-size:28px;
        line-height: 36px
    }
}

.testimonials-carousel__main__slides__slide__feature__chapter__title:before,.testimonials-carousel__main__slides__slide__feature__chapter__title:after {
    font-size: var(--quote-font-size);
    line-height: var(--quote-line-height);
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif
}

.testimonials-carousel__main__slides__slide__feature__chapter__title:before {
    content: open-quote
}

.testimonials-carousel__main__slides__slide__feature__chapter__title:after {
    content: close-quote
}

.testimonials-carousel__main__slides__slide__feature__chapter__title:lang(de),.testimonials-carousel__main__slides__slide__feature__chapter__title:lang(es),.testimonials-carousel__main__slides__slide__feature__chapter__title:lang(it),.testimonials-carousel__main__slides__slide__feature__chapter__title:lang(fr),.testimonials-carousel__main__slides__slide__feature__chapter__title:lang(ru),.testimonials-carousel__main__slides__slide__feature__chapter__title:lang(pt-BR) {
    quotes: "\201c" "\201d" "\2018" "\2019"
}

.testimonials-carousel__main__slides__slide__feature__chapter__title:lang(ja) {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    quotes: "\300c" "\300d";
    color: #fff
}

.testimonials-carousel__main__slides__slide__feature__chapter__title:lang(ja):before,.testimonials-carousel__main__slides__slide__feature__chapter__title:lang(ja):after {
    position: relative;
    inset: 0
}

@media (min-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature__chapter__title:lang(ja) {
        --quote-font-size: 20px;
        --quote-line-height: 28px
    }
}

@media (min-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature__chapter__title {
        --quote-font-size: 70px;
        --quote-line-height: 58px;
        text-align: left
    }

    .testimonials-carousel__main__slides__slide__feature__chapter__title:before {
        position: absolute;
        top: 5px;
        left: -32px
    }

    .testimonials-carousel__main__slides__slide__feature__chapter__title:after {
        position: absolute;
        bottom: -25px
    }
}

.testimonials-carousel__main__slides__slide__feature__chapter__subtitle,.testimonials-carousel__main__slides__slide__feature__chapter__body {
    color: #fff;
    text-align: center
}

@media (min-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature__chapter__subtitle,.testimonials-carousel__main__slides__slide__feature__chapter__body {
        text-align:left
    }
}

.testimonials-carousel__main__slides__slide__feature__chapter__subtitle {
    margin-top: 30px;
    font-size: 16px;
    line-height: 18.75px;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    font-weight: 600
}

.testimonials-carousel__main__slides__slide__feature__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043;
    color: #fff;
    margin-top: 12px
}

.testimonials-carousel__main__slides__slide__feature__chapter__buttons {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    gap: 10px;
    text-align: center
}

@media (min-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature__chapter__buttons {
        display:flex;
        flex-direction: row;
        gap: 45px
    }
}

.testimonials-carousel__main__slides__slide__feature__chapter__button .button--icon:hover:after {
    background: #fff
}

.testimonials-carousel__main__slides__slide__feature__chapter__button .button--icon span {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #fff
}

.testimonials-carousel__main__slides__slide__feature__image {
    flex-shrink: 0
}

@media (max-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature__image {
        height:244px
    }
}

.testimonials-carousel__main__slides__slide__feature__image picture {
    height: 100%
}

.testimonials-carousel__main__slides__slide__feature__image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain
}

@media (max-width: 1299px) {
    .testimonials-carousel__main__slides__slide__feature__image img {
        height:100%
    }
}

.testimonials-carousel__main__dots {
    transform: translate(-50%);
    position: absolute;
    bottom: 0;
    left: 50%;
    --dots-foreground-color: #202124;
    display: flex;
    align-items: center;
    justify-content: center;
    --dots-foreground-color: #fff;
    pointer-events: all;
    padding-bottom: 41px;
    z-index: 4
}

.testimonials-carousel__main__dots .testimonials-carousel__main__dots__dot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.testimonials-carousel__main__dots .testimonials-carousel__main__dots__dot:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid var(--dots-foreground-color);
    transition: border .3s ease,background .3s ease
}

.testimonials-carousel__main__dots .testimonials-carousel__main__dots__dot--active:before {
    content: "";
    display: block;
    background: var(--dots-foreground-color)
}

@media (min-width: 1300px) {
    .testimonials-carousel__main__dots {
        padding-bottom:33px
    }
}

@media (max-width: 1299px) {
    .dots-theme--dark .testimonials-carousel__main__dots {
        --dots-foreground-color: #000
    }
}

.testimonials-carousel__main__dots__dot:focus {
    box-shadow: 0 0 0 2px var(--dots-foreground-color)
}

.testimonials-carousel__main__arrows {
    --dots-foreground-color: #202124;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 30px;
    justify-content: space-between;
    pointer-events: none;
    z-index: 4
}

.testimonials-carousel__main__arrows .testimonials-carousel__main__arrows__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -webkit-appearance: none;
    background: #fff9;
    border: 0;
    border-radius: 100%;
    cursor: pointer;
    transition: background .3s ease;
    user-select: none
}

@media (min-width: 1024px) {
    .testimonials-carousel__main__arrows .testimonials-carousel__main__arrows__arrow {
        width:64px;
        height: 64px
    }
}

.testimonials-carousel__main__arrows .testimonials-carousel__main__arrows__arrow:hover {
    background: #fff
}

.testimonials-carousel__main__arrows .testimonials-carousel__main__arrows__arrow:focus {
    background: #fff;
    box-shadow: 0 0 0 1px #1a73e8;
    outline: 1px solid #1a73e8
}

.testimonials-carousel__main__arrows .testimonials-carousel__main__arrows__arrow+.testimonials-carousel__main__arrows .testimonials-carousel__main__arrows__arrow {
    margin-left: 4px
}

.testimonials-carousel__main__arrows .testimonials-carousel__main__arrows__arrow--left svg {
    transform: scale(-1)
}

.testimonials-carousel__main__arrows .testimonials-carousel__main__arrows__arrow svg {
    height: 22px;
    width: 22px;
    pointer-events: none
}

@media (min-width: 1024px) {
    .testimonials-carousel__main__arrows .testimonials-carousel__main__arrows__arrow svg {
        height:36px;
        width: 36px
    }
}

@media (min-width: 1440px) {
    .testimonials-carousel__main__arrows .testimonials-carousel__main__arrows__arrow svg {
        height:64px;
        width: 64px
    }
}

@media (min-width: 1300px) {
    .testimonials-carousel__main__arrows {
        padding:0 15px
    }
}

.testimonials-carousel__main__arrows__arrow--left {
    transform: translate(-50%)
}

.testimonials-carousel__main__arrows__arrow--right {
    transform: translate(50%)
}

.testimonials-carousel__main__arrows__arrow {
    background: #fff9;
    pointer-events: auto
}

@media (min-width: 1300px) {
    .testimonials-carousel__main__arrows__arrow {
        transform:translate(0)
    }
}

.testimonials-carousel__logos {
    align-items: center;
    display: flex;
    gap: 50px;
    height: 50px;
    justify-content: center;
    overflow: hidden;
    margin: 60px 0 0;
    position: relative;
    width: 100%
}

@media (min-width: 1300px) {
    .testimonials-carousel__logos {
        margin-top:60px
    }
}

.testimonials-carousel__logos__wrap {
    display: flex;
    width: 100%;
    overflow: visible;
    overflow-scrolling: touch;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-stop:always;scrollbar-width: none;
    will-change: scroll-position;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

@media (pointer: coarse) {
    .swiping .testimonials-carousel__logos__wrap {
        scroll-snap-type:x mandatory
    }
}

.testimonials-carousel__logos__wrap::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    background: transparent
}

@media (min-width: 600px) {
    .testimonials-carousel__logos__wrap {
        display:flex;
        align-items: center
    }
}

.testimonials-carousel__logos__gradient {
    background: linear-gradient(270deg,#fff 0%,#fff0 100%);
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 40px
}

@media (min-width: 1300px) {
    .testimonials-carousel__logos__gradient {
        display:none
    }
}

.testimonials-carousel__logos__gradient--left {
    left: 0;
    top: 0;
    transform: scaleX(-1);
    z-index: 2
}

.testimonials-carousel__logos__gradient--right {
    right: 0;
    top: 0
}

.testimonials-carousel__logos__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    padding: 0 30px;
    transition: transform .5s ease;
    height: calc(100% - 4px)
}

.testimonials-carousel__logos__logo:first-child {
    margin-left: auto
}

.testimonials-carousel__logos__logo:last-child {
    margin-right: auto
}

.testimonials-carousel__slides__logos__logo__image {
    display: block;
    filter: grayscale(1);
    opacity: .3;
    transition: opacity .3s ease,filter .3s ease
}

.testimonials-carousel__logos__logo--active .testimonials-carousel__slides__logos__logo__image {
    filter: grayscale(0);
    opacity: 1
}

.testimonials-carousel__main__slides__slide__feature--circular {
    --chapter-max-width: 600px;
    --container-grid-gap: 55px;
    --mobile-padding-bottom: 80px
}

@media (max-width: 1299px) {
    .testimonials-carousel__main__slides__slide__feature--circular .testimonials-carousel__main__slides__slide__feature__image {
        margin-bottom:100px
    }
}

@media (min-width: 1301px) {
    .testimonials-carousel__main__slides__slide__feature--circular .testimonials-carousel__main__slides__slide__feature__image {
        width:270px
    }
}

@media (min-width: 1381px) {
    .testimonials-carousel__main__slides__slide__feature--circular .testimonials-carousel__main__slides__slide__feature__image {
        width:auto
    }
}

@media (max-width: 1299px) {
    .testimonials-carousel__main__slides__slide:only-child .testimonials-carousel__main__slides__slide__feature--circular .testimonials-carousel__main__slides__slide__feature__image {
        margin-bottom:0
    }
}

.testimonials-carousel__main__slides__slide__feature--circular img,.testimonials-carousel__main__slides__slide__feature--circular-large img {
    border-radius: 50%
}

.testimonials-carousel__main__slides__slide--no-border-radius img {
    border-radius: 0
}

.testimonials-carousel__main__slides__slide__feature--right {
    --chapter-max-width: 570px;
    --container-grid-gap: 0;
    --mobile-padding-bottom: 80px;
    padding-right: 0
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .testimonials-carousel__main__slides__slide__feature--right {
        padding-bottom:0
    }
}

@media (max-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature--right {
        padding-left:0
    }
}

@media (min-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature--right {
        padding-right:0
    }
}

@media (max-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature--right .testimonials-carousel__main__slides__slide__feature__container {
        justify-content:center
    }
}

@media (min-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature--right .testimonials-carousel__main__slides__slide__feature__chapter {
        flex:0 0 60%
    }
}

@media (max-width: 1299px) {
    .testimonials-carousel__main__slides__slide__feature--right .testimonials-carousel__main__slides__slide__feature__chapter {
        padding-left:30px;
        padding-right: 30px
    }
}

.testimonials-carousel__main__slides__slide__feature--right .testimonials-carousel__main__slides__slide__feature__image {
    display: flex;
    align-items: center;
    flex-shrink: 1;
    justify-content: center;
    width: auto;
    height: 324px;
    margin-bottom: 50px;
    margin-left: 0
}

@media (min-width: 1300px) and (max-width: 1380px) {
    .testimonials-carousel__main__slides__slide__feature--right .testimonials-carousel__main__slides__slide__feature__image {
        flex:0 0 60%;
        height: 100%;
        width: 100%;
        margin-left: -60px;
        margin-bottom: 0
    }
}

@media (min-width: 1380px) {
    .testimonials-carousel__main__slides__slide__feature--right .testimonials-carousel__main__slides__slide__feature__image {
        flex:0 0 50%;
        margin-left: 0;
        height: 100%;
        width: 100%;
        margin-bottom: 0
    }
}

@media (max-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature--align-right-mobile .testimonials-carousel__main__slides__slide__feature__image {
        justify-content:flex-end;
        width: 100%
    }
}

.testimonials-carousel__main__slides__slide__feature--right .testimonials-carousel__main__slides__slide__feature__image img {
    width: 100%;
    height: 324px;
    object-fit: contain;
    object-position: center
}

@media (min-width: 1300px) and (max-width: 1380px) {
    .testimonials-carousel__main__slides__slide__feature--right .testimonials-carousel__main__slides__slide__feature__image img {
        object-fit:cover;
        object-position: center left;
        height: 100%
    }
}

@media (min-width: 1380px) {
    .testimonials-carousel__main__slides__slide__feature--right .testimonials-carousel__main__slides__slide__feature__image img {
        object-fit:cover;
        object-position: center left;
        height: 100%
    }
}

@media (min-width: 1440px) {
    .testimonials-carousel__main__slides__slide__feature--right .testimonials-carousel__main__slides__slide__feature__image img {
        object-position:center right
    }
}

.testimonials-carousel__main__slides__slide__feature--fullbleed .testimonials-carousel__main__slides__slide__feature__image {
    display: flex;
    justify-content: center;
    width: 100%
}

@media (max-width: 1299px) {
    .testimonials-carousel__main__slides__slide__feature--fullbleed .testimonials-carousel__main__slides__slide__feature__image {
        height:324px
    }
}

@media (min-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature--fullbleed .testimonials-carousel__main__slides__slide__feature__image {
        position:absolute;
        bottom: 0;
        right: var(--desktop-padding-right);
        height: 110%;
        left: auto;
        transform: translate(0);
        width: auto;
        max-width: 28%
    }
}

@media (min-width: 1380px) {
    .testimonials-carousel__main__slides__slide__feature--fullbleed .testimonials-carousel__main__slides__slide__feature__image {
        max-width:30%
    }
}

.testimonials-carousel__main__slides__slide__feature--fullbleed .testimonials-carousel__main__slides__slide__feature__image img {
    height: 100%;
    width: auto
}

@media (min-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature--fullbleed .testimonials-carousel__main__slides__slide__feature__image img {
        margin-right:0;
        object-fit: contain;
        object-position: bottom
    }
}

.testimonials-carousel__main__slides__slide__feature--background {
    --chapter-max-width: 869px;
    padding: 0 30px
}

@media (min-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature--background {
        padding:0
    }
}

.testimonials-carousel__main__slides__slide__feature--background .testimonials-carousel__main__slides__slide__feature__container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    max-width: 869px;
    margin-left: auto;
    margin-right: auto
}

.testimonials-carousel__main__slides__slide__feature--background .testimonials-carousel__main__slides__slide__feature__image,.testimonials-carousel__main__slides__slide__feature--background .testimonials-carousel__main__slides__background img {
    display: none
}

.testimonials-carousel__main__slides__background {
    border-radius: 24px;
    height: calc(100% - 60px);
    left: 0;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: 60px;
    transition: all .3s cubic-bezier(.85,0,.15,1);
    width: 100%
}

.testimonials-carousel__main__slides__background--active {
    opacity: 1
}

.testimonials-carousel__main__slides__background img {
    z-index: 1;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top
}

.testimonials-carousel__main__slides__slide__feature--background .testimonials-carousel__main__slides__slide__feature__chapter {
    position: relative;
    z-index: 2
}

@media (min-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature--background .testimonials-carousel__main__slides__slide__feature__chapter {
        align-items:flex-start
    }
}

@media (min-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature--background .testimonials-carousel__main__slides__slide__feature__chapter__title,.testimonials-carousel__main__slides__slide__feature--background .testimonials-carousel__main__slides__slide__feature__chapter__subtitle,.testimonials-carousel__main__slides__slide__feature--background .testimonials-carousel__main__slides__slide__feature__chapter__body {
        text-align:left
    }
}

@media (min-width: 1300px) {
    .testimonials-carousel__main__slides__slide__feature--background .testimonials-carousel__main__slides__slide__feature__chapter__buttons {
        justify-content:center
    }
}

.testimonials-carousel__main__slides__slide__feature--chapter-wide {
    --chapter-max-width: 650px;
    --container-grid-gap: 37px;
    --desktop-padding-right: 108px;
    --mobile-padding-bottom: 80px
}

.text-columns.text-columns--grey {
    background: #f8f9fa
}

.text-columns--no-title .text-columns__title {
    display: none
}

.text-columns.text-columns--blue {
    background: #1a73e8
}

@media (min-width: 1024px) {
    .text-columns.text-columns--blue .text-columns__grid {
        grid-template-columns:repeat(4,1fr)!important;
        padding: 0
    }
}

.text-columns.text-columns--blue .text-columns__title,.text-columns.text-columns--blue .text-columns__grid__item__title,.text-columns.text-columns--blue .text-columns__grid__item__body {
    color: #fff
}

.text-columns.text-columns--blue .text-columns__grid__item__number {
    margin: 0 auto
}

.text-columns.text-columns--blue .text-columns__title {
    text-align: center
}

.text-columns__wrap {
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

@media (max-width: 599px) {
    .text-columns__wrap {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .text-columns__wrap {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .text-columns__wrap {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .text-columns__wrap {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

.text-columns__video {
    border-radius: 14px;
    filter: drop-shadow(0px 12px 34px rgba(32,52,89,.15));
    overflow: hidden;
    position: relative
}

@media (min-width: 1024px) {
    .text-columns__video {
        width:100%
    }
}

.text-columns__video img,.text-columns__video video {
    border-radius: 14px;
    object-fit: cover;
    width: 100%
}

.text-columns__video--desktop {
    display: none
}

@media (min-width: 1024px) {
    .text-columns__video--desktop {
        display:block
    }
}

@media (min-width: 1024px) {
    .text-columns__video--mobile {
        display:none
    }
}

.text-columns__asset {
    width: 100%
}

.text-columns__asset img {
    object-fit: cover;
    object-position: center;
    width: 100%
}

.text-columns__asset--desktop {
    display: none
}

@media (min-width: 1024px) {
    .text-columns__asset--desktop {
        display:block
    }
}

.text-columns__asset--tablet {
    display: none
}

@media (min-width: 600px) {
    .text-columns__asset--tablet {
        display:block
    }
}

@media (min-width: 1024px) {
    .text-columns__asset--tablet {
        display:none
    }
}

@media (min-width: 600px) {
    .text-columns__asset--mobile {
        display:none
    }
}

.text-columns__grid {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    grid-template-columns: repeat(1,1fr)!important;
    max-width: 100%!important;
    width: 100%
}

@media (max-width: 599px) {
    .text-columns__grid {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .text-columns__grid {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .text-columns__grid {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .text-columns__grid {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .text-columns__grid {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .text-columns__grid {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .text-columns__grid {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .text-columns__grid {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .text-columns__grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .text-columns__grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .text-columns__grid {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .text-columns__grid {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (max-width: 1023px) {
    .text-columns__grid {
        padding:0
    }
}

@media (min-width: 1024px) {
    .text-columns__grid {
        grid-template-columns:repeat(3,1fr)!important;
        padding: 0
    }
}

.text-columns__grid__item {
    display: flex;
    flex-direction: column
}

.text-columns__grid__item:not(:last-child) {
    margin-bottom: 0
}

@media (max-width: 1023px) {
    .text-columns__grid__item:not(:last-child) {
        margin-bottom:24px
    }
}

.text-columns__grid__item:last-child {
    margin-bottom: 0
}

.text-columns__grid__item:last-child .text-columns__grid__item__body {
    margin-bottom: 0
}

.text-columns__grid__item__icon img {
    display: block
}

.text-columns__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    text-align: center
}

@media (min-width: 600px) {
    .text-columns__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .text-columns__title {
        font-size:48px;
        line-height: 56px
    }
}

@media (min-width: 1024px) {
    .text-columns__title {
        text-align:left
    }
}

.text-columns__grid>.text-columns__title:first-child,.text-columns__wrap>.text-columns__title:first-child {
    margin-top: 0
}

.text-columns__grid__item__number {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    height: 80px;
    margin: 0 auto 30px;
    width: 80px
}

@media (min-width: 600px) {
    .text-columns__grid__item__number {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .text-columns__grid__item__number {
        font-size:48px;
        line-height: 56px
    }
}

.text-columns__grid__item__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    margin: 0;
    text-align: center
}

@media (min-width: 1024px) {
    .text-columns__grid__item__title {
        text-align:left
    }
}

.text-columns__grid__item__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    text-align: center;
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .text-columns__grid__item__body {
        text-align:left
    }
}

.text-columns__disclaimer {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    color: #80868b;
    margin-top: 50px;
    text-align: center;
    width: 100%
}

@media (max-width: 1023px) {
    .text-columns--reverse .text-columns__asset,.text-columns--reverse .text-columns__video {
        margin-top:48px
    }
}

.text-columns--reverse .text-columns__wrap {
    flex-direction: column-reverse
}

@media (min-width: 1024px) {
    .text-columns--reverse .text-columns__wrap {
        flex-direction:column
    }
}

.text-columns--reverse .text-columns__title {
    order: 1
}

@media (min-width: 1024px) {
    .text-columns--reverse .text-columns__title {
        order:0
    }
}

@media (max-width: 1023px) {
    .text-columns--row .text-columns__asset,.text-columns--row .text-columns__video {
        margin-top:48px
    }
}

.text-columns--row .text-columns__grid__item__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 16px
}

@media (min-width: 600px) {
    .text-columns--row .text-columns__grid__item__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .text-columns--row .text-columns__grid__item__title {
        font-size:28px;
        line-height: 36px
    }
}

.text-columns--row .text-columns__grid__item__body {
    margin: 0 0 20px
}

.text-columns--row .text-columns__wrap {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-direction: column-reverse
}

@media (max-width: 599px) {
    .text-columns--row .text-columns__wrap {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .text-columns--row .text-columns__wrap {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .text-columns--row .text-columns__wrap {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .text-columns--row .text-columns__wrap {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (min-width: 1024px) {
    .text-columns--row .text-columns__wrap {
        display:flex;
        flex-direction: row;
        align-items: center
    }
}

.text-columns--row .text-columns__video--desktop {
    margin-top: 40px
}

.text-columns--row .text-columns__grid {
    display: flex;
    flex-direction: column
}

@media (min-width: 1024px) {
    .text-columns--row .text-columns__grid {
        padding:0 0 0 26px;
        width: 52%
    }
}

.text-columns--icons .text-columns__grid__item {
    align-items: center;
    margin: 0 auto;
    max-width: 310px
}

@media (max-width: 1023px) {
    .text-columns--icons .text-columns__grid__item:not(:last-child) {
        margin-bottom:48px
    }
}

.text-columns--icons .text-columns__grid__item__title,.text-columns--icons .text-columns__grid__item__body {
    text-align: center
}

.text-columns--icons .text-columns__grid__item__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin: 20px 0 10px
}

@media (min-width: 600px) {
    .text-columns--icons .text-columns__grid__item__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .text-columns--icons .text-columns__grid__item__title {
        font-size:28px;
        line-height: 36px
    }
}

@media (min-width: 1024px) {
    .text-columns--icons .text-columns__grid__item__title {
        margin-top:30px
    }
}

.text-columns--icons .text-columns__grid__item__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043;
    margin: 0
}

.text-columns--video-dynamic-maps .text-columns__video {
    border-radius: 0;
    filter: none;
    overflow: hidden
}

@media (min-width: 1024px) {
    .text-columns--quick-builder .text-columns__video {
        border-radius:0;
        filter: none;
        overflow: hidden
    }
}

.text-columns--address-validation .text-columns__grid__item {
    max-width: 250px
}

@media (min-width: 1024px) {
    .text-columns--video-address-validation .text-columns__wrap {
        margin:0 auto;
        display: grid;
        column-gap: var(--grid-column-gap)
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .text-columns--video-address-validation .text-columns__wrap {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .text-columns--video-address-validation .text-columns__wrap {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .text-columns--video-address-validation .text-columns__wrap {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .text-columns--video-address-validation .text-columns__wrap {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .text-columns--video-address-validation .text-columns__wrap {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .text-columns--video-address-validation .text-columns__wrap {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .text-columns--video-address-validation .text-columns__wrap {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .text-columns--video-address-validation .text-columns__wrap {
        --grid-column-gap: 64px
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .text-columns--video-address-validation .text-columns__wrap {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .text-columns--video-address-validation .text-columns__wrap {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .text-columns--video-address-validation .text-columns__wrap {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .text-columns--video-address-validation .text-columns__wrap {
        grid-template-columns:repeat(12,1fr)
    }
}

.text-columns--video-address-validation .text-columns__asset {
    grid-column-start: 2;
    grid-column-end: span 5;
    max-width: 543px
}

.text-columns--video-address-validation .text-columns__grid {
    grid-column-start: 8;
    grid-column-end: span 4;
    width: 100%
}

.text-columns--impact-calculator .text-columns__title {
    text-align: center
}

.text-columns--impact-calculator .text-columns__grid__item {
    box-sizing: border-box
}

.text-columns--impact-calculator .text-columns__grid__item__title {
    margin: 40px 0 10px
}

.text-columns--impact-calculator-results .text-columns__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;
    text-align: left
}

@media (min-width: 600px) {
    .text-columns--impact-calculator-results .text-columns__title {
        color:#202124;
        font-family: Google Sans,Roboto,Arial,sans-serif;
        font-size: 24px;
        line-height: 32px;
        font-weight: 400;
        font-style: normal;
        text-align: center
    }
}

@media (min-width: 600px) and (min-width: 600px) {
    .text-columns--impact-calculator-results .text-columns__title {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 600px) and (min-width: 1024px) {
    .text-columns--impact-calculator-results .text-columns__title {
        font-size:36px;
        line-height: 44px
    }
}

@media (min-width: 1024px) {
    .text-columns--impact-calculator-results .text-columns__title {
        color:#202124;
        font-family: Google Sans,Roboto,Arial,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        line-height: 28px;
        text-align: left
    }
}

@media (min-width: 1024px) and (min-width: 600px) {
    .text-columns--impact-calculator-results .text-columns__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .text-columns--impact-calculator-results .text-columns__title {
        font-size:28px;
        line-height: 36px
    }
}

.text-columns--impact-calculator-results .text-columns__subtitle {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    margin: 0 0 30px;
    max-width: 500px;
    text-align: left
}

@media (min-width: 600px) {
    .text-columns--impact-calculator-results .text-columns__subtitle {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 18px;
        line-height: 28px;
        color: #3c4043;
        text-align: center;
        margin: 0 0 40px
    }
}

@media (min-width: 1024px) {
    .text-columns--impact-calculator-results .text-columns__subtitle {
        text-align:left
    }
}

.text-columns--impact-calculator-results .text-columns__grid__item {
    align-items: flex-start;
    text-align: left
}

@media (min-width: 600px) {
    .text-columns--impact-calculator-results .text-columns__grid__item {
        align-items:center;
        text-align: center
    }
}

@media (min-width: 1024px) {
    .text-columns--impact-calculator-results .text-columns__grid__item {
        align-items:flex-start;
        text-align: left
    }
}

.text-columns--impact-calculator-results .text-columns__grid__item:last-child .text-columns__grid__item__body {
    margin-bottom: 16px
}

.text-columns--impact-calculator-results .text-columns__grid__item__body {
    text-align: left
}

@media (min-width: 600px) {
    .text-columns--impact-calculator-results .text-columns__grid__item__body {
        text-align:center
    }
}

@media (min-width: 1024px) {
    .text-columns--impact-calculator-results .text-columns__grid__item__body {
        text-align:left
    }
}

.text-columns--container .text-columns__grid {
    max-width: 1068px!important;
    margin: auto
}

@media (min-width: 600px) and (max-width: 1023px) {
    .text-columns--data-driven-styles .text-columns__wrap {
        max-width:none!important
    }

    .text-columns--data-driven-styles .text-columns__title,.text-columns--data-driven-styles .text-columns__grid__item {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 600px) {
    .text-columns--data-driven-styles .text-columns__asset img {
        border-radius:24px
    }

    .text-columns--data-driven-styles .text-columns__wrap {
        margin: 0 auto;
        display: grid;
        column-gap: var(--grid-column-gap)
    }
}

@media (min-width: 600px) and (max-width: 599px) {
    .text-columns--data-driven-styles .text-columns__wrap {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (min-width: 600px) and (max-width: 1023px) {
    .text-columns--data-driven-styles .text-columns__wrap {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 600px) and (min-width: 1024px) and (max-width: 1439px) {
    .text-columns--data-driven-styles .text-columns__wrap {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 600px) and (min-width: 1440px) {
    .text-columns--data-driven-styles .text-columns__wrap {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (min-width: 600px) and (max-width: 599px) {
    .text-columns--data-driven-styles .text-columns__wrap {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (min-width: 600px) and (max-width: 1023px) {
    .text-columns--data-driven-styles .text-columns__wrap {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (min-width: 1024px) and (max-width: 1439px) {
    .text-columns--data-driven-styles .text-columns__wrap {
        --grid-column-gap: 44px
    }
}

@media (min-width: 600px) and (min-width: 1440px) {
    .text-columns--data-driven-styles .text-columns__wrap {
        --grid-column-gap: 64px
    }
}

@media (min-width: 600px) and (max-width: 599px) {
    .text-columns--data-driven-styles .text-columns__wrap {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (min-width: 600px) and (max-width: 1023px) {
    .text-columns--data-driven-styles .text-columns__wrap {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (min-width: 1024px) and (max-width: 1439px) {
    .text-columns--data-driven-styles .text-columns__wrap {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 600px) and (min-width: 1440px) {
    .text-columns--data-driven-styles .text-columns__wrap {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 600px) {
    .text-columns--data-driven-styles .text-columns__wrap>* {
        grid-column:1/-1
    }
}

@media (min-width: 1440px) {
    .text-columns--data-driven-styles .text-columns__wrap>* {
        grid-column:2/-2
    }
}

@media (min-width: 1024px) {
    .text-columns--placement-specific-places .text-columns__wrap {
        gap:64px
    }

    .text-columns--placement-specific-places .text-columns__wrap>* {
        width: 50%
    }
}

.text-columns--ondc {
    position: relative;
    padding: 36px 0;
    background: #e8f0fe;
    z-index: 1
}

@media (max-width: 1023px) {
    .text-columns--ondc .text-columns__wrap {
        gap:8px
    }
}

@media (min-width: 1024px) {
    .text-columns--ondc .text-columns__wrap {
        margin:0 auto;
        display: grid;
        column-gap: var(--grid-column-gap);
        grid-template-rows: repeat(2,1fr);
        align-items: center
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .text-columns--ondc .text-columns__wrap {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .text-columns--ondc .text-columns__wrap {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .text-columns--ondc .text-columns__wrap {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .text-columns--ondc .text-columns__wrap {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .text-columns--ondc .text-columns__wrap {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .text-columns--ondc .text-columns__wrap {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .text-columns--ondc .text-columns__wrap {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .text-columns--ondc .text-columns__wrap {
        --grid-column-gap: 64px
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .text-columns--ondc .text-columns__wrap {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .text-columns--ondc .text-columns__wrap {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .text-columns--ondc .text-columns__wrap {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .text-columns--ondc .text-columns__wrap {
        grid-template-columns:repeat(12,1fr)
    }
}

.text-columns--ondc .text-columns__asset {
    display: block!important
}

@media (min-width: 1024px) {
    .text-columns--ondc .text-columns__asset {
        grid-column-start:3;
        grid-column-end: span 3;
        grid-row: 1/-1
    }
}

.text-columns--ondc .text-columns__asset img {
    width: 235px;
    transform: translate(-4px)
}

@media (min-width: 1024px) {
    .text-columns--ondc .text-columns__subtitle,.text-columns--ondc .text-columns__button {
        grid-column-start:6;
        grid-column-end: span 6
    }
}

.text-columns--ondc .text-columns__button {
    margin-top: 12px
}

.text-columns--ondc .text-columns__subtitle {
    margin: 0
}

.touts {
    background: #f8f9fa
}

.touts__grid {
    column-gap: calc(var(--grid-column-gap) * 2)
}

@media (max-width: 599px) {
    .touts__grid {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .touts__grid {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .touts__grid {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .touts__grid {
        --grid-column-gap: 64px
    }
}

@media (max-width: 1439px) {
    .touts__grid {
        margin:0 auto;
        display: grid;
        column-gap: var(--grid-column-gap);
        row-gap: 48px
    }
}

@media (max-width: 1439px) and (max-width: 599px) {
    .touts__grid {
        padding:0 24px;
        max-width: 600px
    }
}

@media (max-width: 1439px) and (min-width: 600px) and (max-width: 1023px) {
    .touts__grid {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (max-width: 1439px) and (min-width: 1024px) and (max-width: 1439px) {
    .touts__grid {
        padding:0 min(5vw,72px)
    }
}

@media (max-width: 1439px) and (min-width: 1440px) {
    .touts__grid {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 1439px) and (max-width: 599px) {
    .touts__grid {
        --grid-column-gap: 24px
    }
}

@media (max-width: 1439px) and (min-width: 600px) and (max-width: 1023px) {
    .touts__grid {
        --grid-column-gap: 24px
    }
}

@media (max-width: 1439px) and (min-width: 1024px) and (max-width: 1439px) {
    .touts__grid {
        --grid-column-gap: 44px
    }
}

@media (max-width: 1439px) and (min-width: 1440px) {
    .touts__grid {
        --grid-column-gap: 64px
    }
}

@media (max-width: 1439px) and (max-width: 599px) {
    .touts__grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (max-width: 1439px) and (min-width: 600px) and (max-width: 1023px) {
    .touts__grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (max-width: 1439px) and (min-width: 1024px) and (max-width: 1439px) {
    .touts__grid {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (max-width: 1439px) and (min-width: 1440px) {
    .touts__grid {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1024px) {
    .touts__grid {
        display:flex;
        justify-content: center
    }
}

.touts__grid__tout {
    grid-column-start: 1;
    grid-column-end: span 4
}

.touts__grid__tout__icon {
    line-height: 0
}

@media (max-width: 1023px) {
    .touts__grid__tout__icon svg {
        height:30px;
        width: 30px
    }
}

.touts__grid__tout__icon+.touts__grid__tout__title {
    margin-top: 16px
}

.touts__grid__tout__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px
}

@media (min-width: 600px) {
    .touts__grid__tout__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .touts__grid__tout__title {
        font-size:28px;
        line-height: 36px
    }
}

@media (max-width: 1023px) {
    .touts__grid__tout__title {
        margin-bottom:12px
    }
}

@media (min-width: 1024px) {
    .touts__grid__tout__title {
        margin-bottom:25px
    }
}

.touts__grid__tout__body {
    max-width: 300px
}

@media (max-width: 1023px) {
    .touts__grid__tout__body {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        color: #3c4043
    }
}

@media (min-width: 1024px) {
    .touts__grid__tout__body {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 18px;
        line-height: 28px;
        color: #3c4043
    }
}

.trust-center-document__header {
    width: 100%;
    padding: 40px 0;
    background: #f8f9fa
}

@media (min-width: 1024px) {
    .trust-center-document__header {
        margin-top:var(--header-height);
        padding: 64px 0
    }
}

.trust-center-document__container {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap)
}

@media (max-width: 599px) {
    .trust-center-document__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .trust-center-document__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .trust-center-document__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .trust-center-document__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .trust-center-document__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .trust-center-document__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .trust-center-document__container {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .trust-center-document__container {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .trust-center-document__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .trust-center-document__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .trust-center-document__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .trust-center-document__container {
        grid-template-columns:repeat(12,1fr)
    }
}

.trust-center-document__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -.25px;
    display: flex;
    flex-direction: column;
    grid-column: 1/-1;
    gap: 24px
}

@media (min-width: 600px) {
    .trust-center-document__title {
        font-size:48px;
        line-height: 56px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .trust-center-document__title {
        font-size:60px;
        line-height: 72px
    }
}

@media (min-width: 1024px) {
    .trust-center-document__title {
        flex-direction:row;
        align-items: center;
        gap: 40px
    }
}

.trust-center-document__icon {
    width: var(--icon-width, 80px);
    height: 80px;
    object-fit: contain;
    filter: drop-shadow(0px 10px 5px rgba(0,0,0,.15))
}

@media (min-width: 1024px) {
    .trust-center-document__icon {
        width:var(--icon-width, 100px);
        height: 100px
    }
}

.trust-center-document__quicklinks {
    grid-column: 1/-1;
    margin: 0 0 64px
}

@media (max-width: 1023px) {
    .trust-center-document__quicklinks {
        order:2
    }
}

@media (min-width: 1024px) {
    .trust-center-document__quicklinks {
        grid-column-start:1;
        grid-column-end: span 4;
        margin: 64px 0
    }
}

.trust-center-document__quicklinks__links__link {
    display: inline-block;
    width: 100%;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    color: #1a73e8
}

@media (min-width: 1440px) {
    .trust-center-document__quicklinks__links__link {
        font-size:19px!important;
        line-height: 24px!important
    }
}

.trust-center-document__quicklinks__links__link:after {
    display: none
}

.trust-center-document__quicklinks__links__link:hover {
    text-decoration: underline;
    border-color: transparent;
    color: #1a73e8
}

.trust-center-document__quicklinks__links__link:hover span {
    text-decoration: underline
}

.trust-center-document__quicklinks__links__link span {
    width: 100%
}

@media (min-width: 1440px) {
    .trust-center-document__quicklinks__links__link span {
        font-size:19px!important;
        line-height: 24px!important
    }
}

.trust-center-document__quicklinks__links__link span:after {
    display: inline-block;
    position: relative;
    top: auto;
    right: auto;
    margin-left: 6px;
    transform: translateY(6px);
    line-height: 0
}

.trust-center-document__quicklinks__content {
    padding: 24px;
    border-radius: 24px;
    border: 1px solid #e8eaed
}

.trust-center-document__quicklinks__eyebrow {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .5px;
    margin-bottom: 24px;
    color: #80868b
}

.trust-center-document__quicklinks__links {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.trust-center-document__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043;
    grid-column: 1/-1;
    padding: 64px 0
}

@media (min-width: 1024px) {
    .trust-center-document__body {
        grid-column-start:5;
        grid-column-end: span 8
    }
}

@media (min-width: 1440px) {
    .trust-center-document__body {
        grid-column-start:5;
        grid-column-end: span 6
    }
}

.trust-center-document__body h2 {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px
}

@media (min-width: 600px) {
    .trust-center-document__body h2 {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .trust-center-document__body h2 {
        font-size:48px;
        line-height: 56px
    }
}

.trust-center-document__body h3 {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal
}

@media (min-width: 600px) {
    .trust-center-document__body h3 {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .trust-center-document__body h3 {
        font-size:36px;
        line-height: 44px
    }
}

.trust-center-document__body h4 {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px
}

@media (min-width: 600px) {
    .trust-center-document__body h4 {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .trust-center-document__body h4 {
        font-size:28px;
        line-height: 36px
    }
}

.trust-center-document__body h5,.trust-center-document__body h5 b {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px
}

.trust-center-document__body h6,.trust-center-document__body h6 b {
    color: #202124;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.trust-center-document__body h6 {
    margin-bottom: 12px
}

.trust-center-document__body p {
    margin-top: 0;
    margin-bottom: 24px
}

.trust-center-document__body ul {
    list-style: disc
}

.trust-center-document__body ul,.trust-center-document__body ol {
    margin-bottom: 24px;
    padding-left: 32px
}

.trust-center-document__body ul p,.trust-center-document__body ol p {
    margin: 0
}

.trust-center-document__body table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse
}

@media (max-width: 599px) {
    .trust-center-document__body table {
        background:repeating-linear-gradient(to bottom,#f8f9fa 0px,#f8f9fa 40px,transparent 40px,transparent 80px)
    }
}

@media (min-width: 600px) {
    .trust-center-document__body table tr:nth-child(odd) {
        background:#f8f9fa
    }
}

.trust-center-document__body table td {
    padding: 0
}

.trust-center-document__body table td p {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    margin: 0;
    padding: 8px 16px
}

.trust-center-document__body table td p:empty {
    display: none
}

@media (max-width: 599px) {
    .trust-center-document__body table {
        display:flex;
        flex-direction: column
    }
}

@media (max-width: 599px) {
    .trust-center-document__body table tr {
        display:flex;
        flex-direction: column
    }
}

.trust-center-document__body__cta {
    margin-top: 32px
}

.twocolumn-fullbleed {
    position: relative
}

@media (min-width: 1024px) {
    .twocolumn-fullbleed {
        display:flex;
        align-items: center;
        height: 575px
    }

    .twocolumn-fullbleed:lang(es) {
        height: 720px
    }
}

.twocolumn-fullbleed__image {
    display: block;
    height: 1246px;
    width: 100%;
    object-fit: cover;
    object-position: bottom center
}

@media (min-width: 1024px) {
    .twocolumn-fullbleed__image {
        position:absolute;
        top: 0;
        left: 0;
        object-position: bottom left;
        height: 575px
    }

    .twocolumn-fullbleed__image:lang(es) {
        height: 720px
    }
}

.twocolumn-fullbleed__fullbleed-image {
    display: none
}

@media (min-width: 1024px) {
    .twocolumn-fullbleed__fullbleed-image {
        position:absolute;
        bottom: 0;
        right: 0;
        display: block;
        object-position: 331px 0
    }
}

@media (min-width: 2560px) {
    .twocolumn-fullbleed__fullbleed-image {
        object-position:0 0
    }
}

.twocolumn-fullbleed__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media (min-width: 1024px) {
    .twocolumn-fullbleed__content {
        margin:0 auto;
        display: grid;
        column-gap: var(--grid-column-gap);
        position: relative
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .twocolumn-fullbleed__content {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .twocolumn-fullbleed__content {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .twocolumn-fullbleed__content {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .twocolumn-fullbleed__content {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .twocolumn-fullbleed__content {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .twocolumn-fullbleed__content {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .twocolumn-fullbleed__content {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .twocolumn-fullbleed__content {
        --grid-column-gap: 64px
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .twocolumn-fullbleed__content {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .twocolumn-fullbleed__content {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .twocolumn-fullbleed__content {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .twocolumn-fullbleed__content {
        grid-template-columns:repeat(12,1fr)
    }
}

.twocolumn-fullbleed__content__inner {
    text-align: center;
    padding: 80px 40px 0
}

@media (min-width: 600px) {
    .twocolumn-fullbleed__content__inner {
        padding:96px 35px 0 63px;
        text-align: left
    }
}

@media (min-width: 1024px) {
    .twocolumn-fullbleed__content__inner {
        padding:96px 0 117px;
        grid-column-start: 2;
        grid-column-end: span 7
    }
}

.twocolumn-fullbleed__content__inner__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 8vw;
    line-height: 1.2em
}

@media (min-width: 600px) {
    .twocolumn-fullbleed__content__inner__title {
        font-size:5vw;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .twocolumn-fullbleed__content__inner__title {
        font-size:4vw
    }
}

@media (min-width: 1024px) {
    .twocolumn-fullbleed__content__inner__title {
        color:#202124;
        font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 28px;
        line-height: 36px
    }
}

@media (min-width: 1024px) and (min-width: 600px) {
    .twocolumn-fullbleed__content__inner__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .twocolumn-fullbleed__content__inner__title {
        font-size:48px;
        line-height: 56px
    }
}

.twocolumn-fullbleed__content__inner__columns {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    gap: 40px
}

@media (min-width: 600px) {
    .twocolumn-fullbleed__content__inner__columns {
        display:flex;
        flex-direction: row;
        gap: 55px;
        margin-top: 48px
    }
}

@media (min-width: 1024px) {
    .twocolumn-fullbleed__content__inner__columns {
        margin-top:40px;
        gap: 70px
    }
}

@media (min-width: 600px) {
    .twocolumn-fullbleed__content__inner__columns__column {
        flex:1
    }
}

.twocolumn-fullbleed__content__inner__columns__column__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px
}

@media (min-width: 600px) {
    .twocolumn-fullbleed__content__inner__columns__column__title {
        max-width:239px
    }
}

.twocolumn-fullbleed__content__inner__columns__column__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043;
    margin-top: 10px
}

@media (min-width: 600px) {
    .twocolumn-fullbleed__content__inner__columns__column__body {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: .1px;
        color: #3c4043;
        margin-top: 20px
    }
}

.twocolumn-fullbleed__content__inner__title,.twocolumn-fullbleed__content__inner__columns__column__title,.twocolumn-fullbleed__content__inner__columns__column__body {
    color: #fff
}

.ts {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap)
}

@media (max-width: 599px) {
    .ts {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .ts {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .ts {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .ts {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .ts {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .ts {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .ts {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .ts {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .ts {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .ts {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .ts {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .ts {
        grid-template-columns:repeat(12,1fr)
    }
}

.ts__item {
    grid-column: 1/-1
}

.ts__item+.ts__item {
    margin-top: 20px
}

.ts__item__annotation {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    color: #3c4043;
    text-transform: capitalize
}

.ts__item__headline-1 {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -.25px
}

@media (min-width: 600px) {
    .ts__item__headline-1 {
        font-size:48px;
        line-height: 56px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .ts__item__headline-1 {
        font-size:60px;
        line-height: 72px
    }
}

.ts__item__headline-2 {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px
}

@media (min-width: 600px) {
    .ts__item__headline-2 {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .ts__item__headline-2 {
        font-size:48px;
        line-height: 56px
    }
}

.ts__item__headline-3 {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal
}

@media (min-width: 600px) {
    .ts__item__headline-3 {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .ts__item__headline-3 {
        font-size:36px;
        line-height: 44px
    }
}

.ts__item__headline-4 {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px
}

@media (min-width: 600px) {
    .ts__item__headline-4 {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .ts__item__headline-4 {
        font-size:28px;
        line-height: 36px
    }
}

.ts__item__headline-5 {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px
}

.ts__item__cta {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.ts__item__eyebrow {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #202124
}

.ts__item__card-eyebrow {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #202124
}

.ts__item__body-large {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043
}

.ts__item__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043
}

.ts__item__caption {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043
}

.ts__item__body-extra-small {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    color: #3c4043
}

.ts__item__product-pill-caption {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2px;
    color: #5f6368
}

.feature {
    padding: 60px 0
}

@media (min-width: 1024px) {
    .feature {
        padding:100px 0
    }
}

.feature--reversed .feature__container {
    direction: rtl
}

.feature--reversed .feature__container>* {
    direction: ltr
}

@media (max-width: 1023px) {
    .feature--mobile-flush-bottom {
        padding-bottom:0
    }
}

@media (max-width: 1023px) {
    .feature--mobile-cta .feature__chapter__buttons {
        display:none
    }
}

@media (min-width: 1024px) {
    .feature--mobile-cta .feature__buttons {
        display:none
    }
}

.feature--bg-grey {
    background: #f8f9fa
}

.feature__container {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    align-items: center;
    grid-row-gap: 30px
}

@media (max-width: 599px) {
    .feature__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .feature__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .feature__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .feature__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .feature__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .feature__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .feature__container {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .feature__container {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .feature__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .feature__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .feature__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .feature__container {
        grid-template-columns:repeat(12,1fr)
    }
}

.feature__image {
    grid-column: span 4
}

@media (min-width: 600px) {
    .feature__image {
        grid-column:span 8
    }
}

@media (min-width: 1024px) {
    .feature__image {
        grid-column-start:7;
        grid-column-end: span 6
    }
}

.feature__image img {
    display: block;
    margin: 0 auto;
    height: auto
}

@media (min-width: 600px) and (max-width: 1023px) {
    .feature__image img {
        max-width:400px
    }
}

@media (min-width: 1024px) {
    .feature__image img {
        width:100%
    }
}

.feature__chapter {
    grid-column: span 4
}

@media (min-width: 600px) {
    .feature__chapter {
        grid-column:span 8
    }
}

@media (min-width: 1024px) {
    .feature__chapter {
        grid-column-start:1;
        grid-column-end: span 6
    }
}

.feature__chapter__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 24px
}

@media (min-width: 600px) {
    .feature__chapter__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .feature__chapter__title {
        font-size:48px;
        line-height: 56px
    }
}

@media (min-width: 1024px) {
    .feature__chapter__title {
        color:#202124;
        font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
        font-size: 44px;
        line-height: 52px
    }
}

.feature__chapter__title-small {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 24px
}

@media (min-width: 600px) {
    .feature__chapter__title-small {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .feature__chapter__title-small {
        font-size:28px;
        line-height: 36px
    }
}

@media (min-width: 1024px) {
    .feature__chapter__title-small {
        color:#202124;
        font-family: Google Sans,Roboto,Arial,sans-serif;
        font-size: 24px;
        line-height: 32px;
        font-weight: 400;
        font-style: normal
    }
}

@media (min-width: 1024px) and (min-width: 600px) {
    .feature__chapter__title-small {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .feature__chapter__title-small {
        font-size:36px;
        line-height: 44px
    }
}

.feature__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043
}

@media (min-width: 1024px) {
    .feature__chapter__body {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 18px;
        line-height: 28px;
        color: #3c4043
    }
}

.feature__buttons,.feature__chapter__buttons {
    display: flex;
    flex-direction: row;
    margin-top: 30px
}

.feature__chapter__button+.feature__chapter__button {
    margin-left: 10px
}

.feature__buttons {
    grid-column: span 4;
    margin: 0
}

@media (min-width: 600px) {
    .feature__buttons {
        grid-column:span 8
    }
}

.feature__button+.feature__button {
    margin-left: 10px
}

.usecase-carousel {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.usecase-carousel--gradient {
    background: linear-gradient(.43deg,#f8f9fa 29.9%,#f8f9fa00 95.37%)
}

.usecase-carousel__slides {
    display: flex;
    width: 100%;
    overflow: visible;
    overflow-scrolling: touch;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-stop:always;scrollbar-width: none;
    will-change: scroll-position;
    padding: 144px 0 35px;
    z-index: 2
}

@media (pointer: coarse) {
    .swiping .usecase-carousel__slides {
        scroll-snap-type:x mandatory
    }
}

.usecase-carousel__slides::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    background: transparent
}

@media (min-width: 1024px) {
    .usecase-carousel__slides {
        padding:190px 0 107px
    }
}

@media (max-width: 1023px) {
    .usecase-carousel__slides__slide__image {
        order:3
    }
}

.usecase-carousel__slides__slide {
    box-sizing: border-box;
    scroll-snap-align: center;
    flex: 0 0 100%;
    transition: transform .5s ease
}

@media (min-width: 1024px) {
    .usecase-carousel__slides__slide {
        display:flex;
        align-items: center;
        justify-content: center;
        padding: 0 60px
    }
}

.usecase-carousel__controls {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 90%;
    height: 100%;
    max-width: 1440px;
    pointer-events: none;
    z-index: 3
}

.usecase-carousel__controls__links__wrap {
    display: flex;
    width: 100%;
    overflow: visible;
    overflow-scrolling: touch;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-stop:always;scrollbar-width: none;
    will-change: scroll-position;
    padding: 0 24px
}

@media (pointer: coarse) {
    .swiping .usecase-carousel__controls__links__wrap {
        scroll-snap-type:x mandatory
    }
}

.usecase-carousel__controls__links__wrap::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    background: transparent
}

@media (min-width: 768px) {
    .usecase-carousel__controls__links__wrap--center {
        display:flex;
        align-items: center;
        justify-content: center
    }
}

.usecase-carousel__controls__links {
    --dots-foreground-color: #202124;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px #3c40434d,0 1px 4px #3c404340;
    border-radius: 24px;
    height: 48px;
    overflow: hidden;
    justify-content: flex-start;
    width: calc(100% - 48px);
    position: absolute;
    left: 50%;
    top: 48px;
    transform: translate(-50%);
    pointer-events: all;
    position: relative
}

@media (min-width: 1024px) {
    .usecase-carousel__controls__links {
        box-shadow:none;
        border-radius: 0;
        margin-left: 0;
        width: auto
    }
}

.usecase-carousel__controls__links .usecase-carousel__controls__links__link {
    color: #202124;
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 2px solid transparent;
    color: #80868b;
    cursor: pointer;
    padding: 12px 16px;
    white-space: nowrap;
    text-align: center;
    transition: color .3s ease;
    transition: border .3s ease
}

@media (min-width: 1024px) {
    .usecase-carousel__controls__links .usecase-carousel__controls__links__link {
        display:inline;
        font-size: 24px;
        line-height: 32px;
        padding: 0;
        margin-bottom: 4px
    }
}

@media (min-width: 1024px) {
    .usecase-carousel__controls__links .usecase-carousel__controls__links__link--active {
        border-bottom:2px solid #1a73e8
    }
}

@media (min-width: 1024px) {
    .usecase-carousel__controls__links {
        position:absolute;
        left: 50%;
        top: 80px;
        transform: translate(-50%)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .usecase-carousel__controls__links .usecase-carousel__controls__links__link:lang(es) {
        font-size:16px
    }
}

@media (min-width: 1024px) {
    .usecase-carousel__controls__links .usecase-carousel__controls__links__link {
        font-family:Google Sans,Roboto,Arial,sans-serif;
        font-weight: 500;
        font-size: 22px;
        line-height: 32px;
        color: #202124;
        color: #80868b
    }

    .usecase-carousel__controls__links .usecase-carousel__controls__links__link:lang(es-419) {
        font-size: 20px
    }
}

.usecase-carousel__controls__links .usecase-carousel__controls__links__link--active {
    color: #202124
}

.usecase-carousel__controls__links__link {
    transition: all .5s ease!important
}

@media (min-width: 1024px) {
    .usecase-carousel__controls__links__link:not(:last-child) {
        margin-right:70px;
        padding-right: 0
    }
}

.usecase-carousel__controls__links__gradient {
    background: linear-gradient(270deg,#fff 0%,#fff0 100%);
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 40px
}

@media (min-width: 600px) {
    .usecase-carousel__controls__links__gradient {
        display:none
    }
}

.usecase-carousel__controls__links__gradient--left {
    left: 0;
    top: 0;
    transform: scaleX(-1)
}

.usecase-carousel__controls__links__gradient--right {
    right: 0;
    top: 0
}

.usecase-carousel__controls__arrows {
    --dots-foreground-color: #202124;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 30px
}

.usecase-carousel__controls__arrows .usecase-carousel__controls__arrows__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -webkit-appearance: none;
    background: #fff9;
    border: 0;
    border-radius: 100%;
    cursor: pointer;
    transition: background .3s ease;
    user-select: none
}

@media (min-width: 1024px) {
    .usecase-carousel__controls__arrows .usecase-carousel__controls__arrows__arrow {
        width:64px;
        height: 64px
    }
}

.usecase-carousel__controls__arrows .usecase-carousel__controls__arrows__arrow:hover {
    background: #fff
}

.usecase-carousel__controls__arrows .usecase-carousel__controls__arrows__arrow:focus {
    background: #fff;
    box-shadow: 0 0 0 1px #1a73e8;
    outline: 1px solid #1a73e8
}

.usecase-carousel__controls__arrows .usecase-carousel__controls__arrows__arrow+.usecase-carousel__controls__arrows .usecase-carousel__controls__arrows__arrow {
    margin-left: 4px
}

.usecase-carousel__controls__arrows .usecase-carousel__controls__arrows__arrow--left svg {
    transform: scale(-1)
}

.usecase-carousel__controls__arrows .usecase-carousel__controls__arrows__arrow svg {
    height: 22px;
    width: 22px;
    pointer-events: none
}

@media (min-width: 1024px) {
    .usecase-carousel__controls__arrows .usecase-carousel__controls__arrows__arrow svg {
        height:36px;
        width: 36px
    }
}

@media (min-width: 1440px) {
    .usecase-carousel__controls__arrows .usecase-carousel__controls__arrows__arrow svg {
        height:64px;
        width: 64px
    }
}

@media (max-width: 1023px) {
    .usecase-carousel__controls__arrows {
        display:none
    }
}

.usecase-carousel__controls__arrows__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: auto!important;
    z-index: 3
}

.usecase-carousel__controls__arrows__arrow--left {
    left: -32px
}

.usecase-carousel__controls__arrows__arrow--right {
    right: -32px
}

.usecase-carousel__slides__slide__chapter {
    position: relative;
    z-index: 2
}

@media (max-width: 1023px) {
    .usecase-carousel__slides__slide__chapter {
        grid-column-start:1;
        grid-column-end: span 3;
        margin-right: -var(--grid-column-gap)
    }
}

@media (min-width: 1024px) {
    .usecase-carousel__slides__slide__chapter {
        grid-column-start:1;
        grid-column-end: span 5
    }
}

@media (min-width: 1440px) {
    .usecase-carousel__slides__slide__chapter {
        grid-column-start:2;
        grid-column-end: span 4
    }
}

.usecase-carousel__slides__slide__container {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    direction: rtl;
    align-items: center;
    grid-row-gap: 30px;
    padding: 0
}

@media (max-width: 599px) {
    .usecase-carousel__slides__slide__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .usecase-carousel__slides__slide__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .usecase-carousel__slides__slide__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .usecase-carousel__slides__slide__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .usecase-carousel__slides__slide__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .usecase-carousel__slides__slide__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .usecase-carousel__slides__slide__container {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .usecase-carousel__slides__slide__container {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .usecase-carousel__slides__slide__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .usecase-carousel__slides__slide__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .usecase-carousel__slides__slide__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .usecase-carousel__slides__slide__container {
        grid-template-columns:repeat(12,1fr)
    }
}

.usecase-carousel__slides__slide__container>* {
    direction: ltr
}

@media (min-width: 1024px) {
    .usecase-carousel__slides__slide__container {
        padding:0
    }
}

@media (min-width: 1280px) {
    .usecase-carousel__slides__slide__container {
        padding:0 min(5vw,72px)
    }
}

.usecase-carousel__slides__slide__image {
    grid-column: span 4;
    padding-top: 16px
}

@media (min-width: 600px) {
    .usecase-carousel__slides__slide__image {
        grid-column:span 8;
        padding-top: 0
    }
}

@media (min-width: 1024px) {
    .usecase-carousel__slides__slide__image {
        grid-column-start:7;
        grid-column-end: span 7
    }
}

@media (min-width: 1280px) {
    .usecase-carousel__slides__slide__image {
        grid-column-start:7;
        grid-column-end: span 6
    }
}

.usecase-carousel__slides__slide__image img {
    display: block;
    border-radius: 24px;
    box-shadow: 0 12px 34px #20345940;
    height: auto;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.usecase-carousel__slides__slide__video {
    position: relative
}

.usecase-carousel__slides__slide__video__overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    z-index: 3
}

.usecase-carousel__slides__slide__video__overlay:hover {
    cursor: pointer
}

.usecase-carousel__slides__slide__video__overlay__icon {
    border-radius: initial!important;
    margin-left: auto!important;
    margin-right: auto!important
}

.usecase-carousel__slides__slide__video__overlay__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin-top: 10px;
    color: #fff
}

@media (min-width: 600px) {
    .usecase-carousel__slides__slide__video__overlay__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .usecase-carousel__slides__slide__video__overlay__title {
        font-size:28px;
        line-height: 36px
    }
}

@media (min-width: 1024px) {
    .usecase-carousel__slides__slide__video__overlay__title {
        margin-top:16px
    }
}

.usecase-carousel__slides__slide__video__overlay__duration {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    background: #000;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    margin: 8px auto 0;
    border-radius: 15px;
    padding: 1px 7px;
    display: flex;
    align-items: center;
    gap: 5px
}

@media (min-width: 1024px) {
    .usecase-carousel__slides__slide__video__overlay__duration {
        margin-top:15px
    }
}

.usecase-carousel__slides__slide__video__overlay__duration__caption {
    color: #fff
}

.usecase-carousel__slides__slide__chapter {
    grid-column: span 4
}

@media (min-width: 600px) {
    .usecase-carousel__slides__slide__chapter {
        grid-column:span 8
    }
}

@media (min-width: 1024px) {
    .usecase-carousel__slides__slide__chapter {
        grid-column-start:1;
        grid-column-end: span 6
    }
}

@media (min-width: 1440px) {
    .usecase-carousel__slides__slide__chapter {
        margin:0 72px
    }
}

.usecase-carousel__slides__slide__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 24px;
    text-align: center
}

@media (min-width: 600px) {
    .usecase-carousel__slides__slide__chapter__title {
        font-size:32px;
        line-height: 40px;
        letter-spacing: -.25px
    }
}

@media (min-width: 1024px) {
    .usecase-carousel__slides__slide__chapter__title {
        font-size:36px;
        line-height: 44px
    }
}

@media (min-width: 1024px) {
    .usecase-carousel__slides__slide__chapter__title {
        text-align:left
    }
}

@media (min-width: 1280px) {
    .usecase-carousel__slides__slide__chapter__title .no-break {
        white-space:nowrap
    }

    .usecase-carousel__slides__slide__chapter__title .no-break:lang(es-419) {
        white-space: initial
    }
}

.usecase-carousel__slides__slide__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    text-align: center
}

@media (min-width: 1024px) {
    .usecase-carousel__slides__slide__chapter__body {
        font-family:Google Sans Text,Roboto,Arial,sans-serif;
        font-size: 18px;
        line-height: 28px;
        color: #3c4043;
        text-align: left
    }
}

.usecase-carousel__slides__slide__buttons,.usecase-carousel__slides__slide__chapter__buttons {
    flex-direction: row;
    display: flex;
    justify-content: center;
    margin-top: 30px
}

@media (min-width: 1024px) {
    .usecase-carousel__slides__slide__buttons,.usecase-carousel__slides__slide__chapter__buttons {
        justify-content:flex-start
    }
}

.usecase-carousel__slides__slide__chapter__button .button {
    text-align: center
}

@media (min-width: 1024px) {
    .usecase-carousel__slides__slide__chapter__button .button {
        text-align:left
    }
}

.usecase-carousel__slides__slide__buttons {
    grid-column: span 4;
    margin: 0
}

@media (min-width: 600px) {
    .usecase-carousel__slides__slide__buttons {
        grid-column:span 8
    }
}

.usecase-carousel__ribbon-container {
    bottom: -25px;
    left: 50%;
    position: absolute;
    pointer-events: none;
    transform: translate3d(-50%,0,0);
    width: 100%;
    overflow: hidden;
    z-index: 1
}

@media (max-width: 1279px) {
    .usecase-carousel__ribbon-container {
        bottom:0
    }
}

.usecase-carousel__ribbon-container img {
    display: block;
    min-width: 1920px;
    position: relative;
    left: 50%;
    transform: translate3d(-50%,0,0)
}

@media (max-width: 1023px) {
    .usecase-carousel__ribbon-container img {
        min-width:1280px
    }
}

.usecase-carousel--india .usecase-carousel__slides__slide__image img {
    box-shadow: none
}

.usecase-hero {
    position: relative;
    overflow: hidden
}

@media (min-width: 1024px) {
    .usecase-hero {
        padding:116px 0 243px
    }
}

@media (min-width: 1024px) {
    .usecase-hero__container {
        margin:0 auto;
        display: grid;
        column-gap: var(--grid-column-gap)
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .usecase-hero__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .usecase-hero__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .usecase-hero__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .usecase-hero__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .usecase-hero__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .usecase-hero__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .usecase-hero__container {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .usecase-hero__container {
        --grid-column-gap: 64px
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .usecase-hero__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .usecase-hero__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .usecase-hero__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .usecase-hero__container {
        grid-template-columns:repeat(12,1fr)
    }
}

.usecase-hero__chapter {
    position: relative;
    padding: 60px 0 64px;
    z-index: 1;
    text-align: center
}

@media (min-width: 1024px) {
    .usecase-hero__chapter {
        grid-column:1/-1;
        padding: 0;
        --text-color: #fff;
        text-align: left;
        color: var(--text-color)
    }
}

@media (min-width: 1440px) {
    .usecase-hero__chapter {
        grid-column-start:2;
        grid-column-end: span 10
    }
}

.usecase-hero__chapter__eyebrow {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #202124;
    text-transform: uppercase
}

@media (min-width: 1024px) {
    .usecase-hero__chapter__eyebrow {
        color:#fff
    }
}

.usecase-hero__chapter .chapter__item {
    opacity: 0;
    transform: translate3d(0,35px,0);
    animation-duration: .5s;
    animation-name: fade-up;
    animation-timing-function: cubic-bezier(.65,0,.35,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal
}

.usecase-hero__chapter .chapter__item:nth-child(1) {
    animation-delay: 0s
}

.usecase-hero__chapter .chapter__item:nth-child(2) {
    animation-delay: .25s
}

.usecase-hero__chapter .chapter__item:nth-child(3) {
    animation-delay: .5s
}

.usecase-hero__chapter .chapter__item:nth-child(4) {
    animation-delay: .75s
}

.usecase-hero__chapter__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -.25px;
    margin-top: 16px
}

@media (min-width: 600px) {
    .usecase-hero__chapter__title {
        font-size:48px;
        line-height: 56px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .usecase-hero__chapter__title {
        font-size:60px;
        line-height: 72px
    }
}

@media (min-width: 1024px) {
    .usecase-hero__chapter__title {
        color:var(--text-color);
        max-width: 527px
    }
}

.usecase-hero__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043;
    margin-top: 16px;
    max-width: 431px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1024px) {
    .usecase-hero__chapter__body {
        margin-left:0;
        color: #fff
    }
}

.usecase-hero__chapter__body a {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043;
    color: var(--text-color);
    font-weight: 400;
    text-decoration: underline;
    position: relative
}

.usecase-hero__chapter__body a:after {
    position: absolute;
    right: -20px;
    content: "arrow_forward";
    font-family: Material Icons
}

.usecase-hero__chapter__buttons {
    margin-top: 16px
}

@media (min-width: 1024px) {
    .usecase-hero__chapter__buttons {
        margin-top:32px
    }
}

@media (min-width: 1024px) {
    .usecase-hero__chapter__button .button {
        --background-color: #fff;
        --background-color-hover: linear-gradient(0deg, rgba(26, 115, 232, .04), rgba(26, 115, 232, .04)), #fff;
        --background-color-focus: linear-gradient(0deg, rgba(26, 115, 232, .12), rgba(26, 115, 232, .12)), #fff;
        --background-color-active: linear-gradient(0deg, rgba(26, 115, 232, .1), rgba(26, 115, 232, .1)), #fff;
        --background-color-disabled: #f8f9fa;
        --box-shadow: 0 0 0 1px #dadce0;
        --box-shadow-hover: 0 0 0 1px #1a73e8;
        --box-shadow-focus: 0 0 0 1px #1a73e8;
        --box-shadow-focus-accessible: 0 0 0 2px #1a73e8;
        --box-shadow-active: 0 0 0 1px #1a73e8;
        --box-shadow-disabled: 0 0 0 1px #dadce0;
        --color: #1a73e8;
        --color-hover: #174ea6;
        --color-focus: #174ea6;
        --color-active: #174ea6;
        --color-disabled: #9aa0a6
    }
}

.usecase-hero__bg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top right
}

@media (min-width: 1024px) {
    .usecase-hero__bg {
        position:absolute;
        top: 0;
        left: 0
    }
}

.usecase-hero__bg__video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (min-width: 2560px) {
    .usecase-hero__bg__video {
        object-position:top right
    }
}

.usecase-hero__lottie lottie-player {
    position: relative;
    width: 100%!important;
    min-width: 1440px!important;
    height: auto;
    left: 50%;
    transform: translate(-50%)
}

.usecase-testimonial {
    width: 100%
}

.usecase-testimonial__grid {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    width: 100%
}

@media (max-width: 599px) {
    .usecase-testimonial__grid {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .usecase-testimonial__grid {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .usecase-testimonial__grid {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .usecase-testimonial__grid {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .usecase-testimonial__grid {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .usecase-testimonial__grid {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .usecase-testimonial__grid {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .usecase-testimonial__grid {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .usecase-testimonial__grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .usecase-testimonial__grid {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .usecase-testimonial__grid {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .usecase-testimonial__grid {
        grid-template-columns:repeat(12,1fr)
    }
}

.usecase-testimonial__image {
    grid-column-start: 2;
    grid-column-end: span 2;
    margin-bottom: 24px
}

@media (min-width: 1024px) {
    .usecase-testimonial__image {
        grid-column-start:1;
        grid-column-end: span 4;
        margin-bottom: 0;
        padding-left: 72px
    }
}

.usecase-testimonial__content {
    grid-column-start: 1;
    grid-column-end: span 4;
    flex-direction: column;
    display: flex;
    align-items: center
}

@media (min-width: 1024px) {
    .usecase-testimonial__content {
        grid-column-start:5;
        grid-column-end: span 8;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding-left: 72px
    }
}

.usecase-testimonial__content__copy-container {
    margin-bottom: 26px;
    padding: 0 24px
}

@media (min-width: 1024px) {
    .usecase-testimonial__content__copy-container {
        padding:0
    }
}

.usecase-testimonial__content__copy {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center
}

@media (min-width: 600px) {
    .usecase-testimonial__content__copy {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .usecase-testimonial__content__copy {
        font-size:28px;
        line-height: 36px
    }
}

@media (min-width: 1024px) {
    .usecase-testimonial__content__copy {
        display:inline;
        text-align: left
    }
}

.usecase-testimonial__content__copy:lang(ja) {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px
}

.usecase-testimonial__content__copy:lang(ja):before {
    display: none
}

.usecase-testimonial__content__copy:lang(ja):after {
    display: none
}

.usecase-testimonial__content__copy:lang(de),.usecase-testimonial__content__copy:lang(es),.usecase-testimonial__content__copy:lang(it),.usecase-testimonial__content__copy:lang(fr),.usecase-testimonial__content__copy:lang(ru),.usecase-testimonial__content__copy:lang(pt-BR) {
    quotes: "\201c" "\201d" "\2018" "\2019"
}

.usecase-testimonial__content__copy:before {
    content: open-quote;
    color: #1a73e8;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-size: 70px;
    left: -50px;
    line-height: 90px;
    position: absolute;
    top: -20px
}

.usecase-testimonial__content__copy:after {
    content: close-quote;
    color: #1a73e8;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-size: 70px;
    right: -50px;
    line-height: 90px;
    position: absolute;
    bottom: -50px
}

@media (min-width: 1024px) {
    .usecase-testimonial__content__copy:after {
        bottom:-40px
    }
}

.usecase-testimonial__content__label {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 1024px) {
    .usecase-testimonial__content__label {
        display:flex;
        flex-direction: row
    }
}

.usecase-testimonial__content__name {
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    margin-bottom: 8px
}

@media (min-width: 1024px) {
    .usecase-testimonial__content__name {
        margin-bottom:0;
        margin-right: 16px
    }
}

.usecase-testimonial__content__title {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043;
    text-align: center
}

.usecase-testimonial__content__button {
    margin-top: 26px
}

.whygoogle-hero__feature {
    display: grid
}

@media (max-width: 1023px) {
    .whygoogle-hero__feature {
        padding-top:60px
    }
}

.whygoogle-hero__feature .chapter__item {
    opacity: 0;
    transform: translate3d(0,35px,0);
    animation-duration: .5s;
    animation-name: fade-up;
    animation-timing-function: cubic-bezier(.65,0,.35,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal
}

.whygoogle-hero__feature .chapter__item:nth-child(1) {
    animation-delay: 0s
}

.whygoogle-hero__feature .chapter__item:nth-child(2) {
    animation-delay: .25s
}

.whygoogle-hero__feature .chapter__item:nth-child(3) {
    animation-delay: .5s
}

.whygoogle-hero__feature .chapter__item:nth-child(4) {
    animation-delay: .75s
}

.whygoogle-hero__feature__background-asset {
    line-height: 0;
    z-index: 1
}

@media (min-width: 1024px) {
    .whygoogle-hero__feature__background-asset {
        grid-column-start:1;
        grid-row-start: 1
    }
}

@media (max-width: 1023px) {
    .whygoogle-hero__feature__background-asset {
        margin-top:-40px
    }
}

.whygoogle-hero__feature__background-asset img,.whygoogle-hero__feature__background-asset video {
    height: 850px;
    object-fit: cover;
    width: 100%
}

@media (max-width: 1023px) {
    .whygoogle-hero__feature__background-asset img,.whygoogle-hero__feature__background-asset video {
        object-position:top
    }
}

@media (max-width: 599px) {
    .whygoogle-hero__feature__background-asset img,.whygoogle-hero__feature__background-asset video {
        object-fit:cover
    }
}

.whygoogle-hero__feature__container {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap);
    grid-column-start: 1;
    grid-row-start: 1;
    z-index: 2
}

@media (max-width: 599px) {
    .whygoogle-hero__feature__container {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .whygoogle-hero__feature__container {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .whygoogle-hero__feature__container {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .whygoogle-hero__feature__container {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .whygoogle-hero__feature__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .whygoogle-hero__feature__container {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .whygoogle-hero__feature__container {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .whygoogle-hero__feature__container {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .whygoogle-hero__feature__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .whygoogle-hero__feature__container {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .whygoogle-hero__feature__container {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .whygoogle-hero__feature__container {
        grid-template-columns:repeat(12,1fr)
    }
}

.whygoogle-hero__feature__chapter {
    grid-column-start: 2;
    grid-column-end: span 5;
    flex-direction: column;
    display: flex;
    justify-content: center
}

@media (min-width: 1024px) {
    .whygoogle-hero__feature__chapter {
        margin-bottom:150px
    }
}

@media (max-width: 1023px) {
    .whygoogle-hero__feature__chapter {
        grid-column-start:1;
        grid-column-end: span 4;
        text-align: center
    }
}

.whygoogle-hero__feature__chapter__title {
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -.25px;
    margin-bottom: 16px
}

@media (min-width: 600px) {
    .whygoogle-hero__feature__chapter__title {
        font-size:48px;
        line-height: 56px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .whygoogle-hero__feature__chapter__title {
        font-size:60px;
        line-height: 72px
    }
}

.whygoogle-hero__feature__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3c4043;
    margin-bottom: 32px
}

@media (max-width: 1023px) {
    .whygoogle-hero__feature__chapter__body {
        margin-bottom:24px
    }
}

.whygoogle-hero__stats {
    position: relative;
    z-index: 3
}

@media (min-width: 1024px) {
    .whygoogle-hero__stats {
        margin:0 auto;
        height: 0
    }
}

@media (min-width: 1024px) and (max-width: 599px) {
    .whygoogle-hero__stats {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 1024px) and (min-width: 600px) and (max-width: 1023px) {
    .whygoogle-hero__stats {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
    .whygoogle-hero__stats {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1024px) and (min-width: 1440px) {
    .whygoogle-hero__stats {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .whygoogle-hero__stats {
        background:linear-gradient(124deg,#265cde 36.2%,#4385f4 100%);
        padding: 80px 0
    }
}

.whygoogle-hero__stats-card {
    background: linear-gradient(124deg,#265cde 36.2%,#4385f4 100%);
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 40px;
    padding: 40px 60px
}

@media (min-width: 600px) and (max-width: 1023px) {
    .whygoogle-hero__stats-card {
        background:none;
        margin: 0 auto;
        display: grid;
        column-gap: var(--grid-column-gap);
        padding: 80px 0
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (max-width: 599px) {
    .whygoogle-hero__stats-card {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (min-width: 600px) and (max-width: 1023px) {
    .whygoogle-hero__stats-card {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (min-width: 1024px) and (max-width: 1439px) {
    .whygoogle-hero__stats-card {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (min-width: 1440px) {
    .whygoogle-hero__stats-card {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (max-width: 599px) {
    .whygoogle-hero__stats-card {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (min-width: 600px) and (max-width: 1023px) {
    .whygoogle-hero__stats-card {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (min-width: 1024px) and (max-width: 1439px) {
    .whygoogle-hero__stats-card {
        --grid-column-gap: 44px
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (min-width: 1440px) {
    .whygoogle-hero__stats-card {
        --grid-column-gap: 64px
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (max-width: 599px) {
    .whygoogle-hero__stats-card {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (min-width: 600px) and (max-width: 1023px) {
    .whygoogle-hero__stats-card {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (min-width: 1024px) and (max-width: 1439px) {
    .whygoogle-hero__stats-card {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) and (min-width: 1440px) {
    .whygoogle-hero__stats-card {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1024px) {
    .whygoogle-hero__stats-card {
        box-shadow:0 12px 34px #20345940;
        max-width: none;
        border-radius: 24px;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        padding: 40px 60px;
        transform: translateY(-50%)
    }
}

.whygoogle-hero__stats__stat {
    text-align: center
}

@media (min-width: 600px) and (max-width: 1023px) {
    .whygoogle-hero__stats__stat {
        grid-column:span 2
    }
}

.whygoogle-hero__stats__stat__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 17px
}

.whygoogle-hero__stats__stat__title .stat-figure {
    display: block;
    font-size: 50px;
    line-height: 60px
}

@media (min-width: 600px) and (max-width: 1023px) {
    .whygoogle-hero__stats__stat__title .stat-figure {
        font-size:60px;
        line-height: 70px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .whygoogle-hero__stats__stat__title .stat-figure {
        font-size:55px;
        line-height: 65px
    }
}

@media (min-width: 1440px) {
    .whygoogle-hero__stats__stat__title .stat-figure {
        font-size:70px;
        line-height: 80px
    }

    .whygoogle-hero__stats__stat__title .stat-figure:lang(es-419) {
        font-size: 50px;
        line-height: 60px
    }
}

.whygoogle-hero__stats__stat__title .stat-figure>span {
    font-size: 70px;
    line-height: 55px
}

@media (min-width: 600px) and (max-width: 1023px) {
    .whygoogle-hero__stats__stat__title .stat-figure>span {
        font-size:90px;
        line-height: 70px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .whygoogle-hero__stats__stat__title .stat-figure>span {
        font-size:80px;
        line-height: 65px
    }
}

@media (min-width: 1440px) {
    .whygoogle-hero__stats__stat__title .stat-figure>span {
        font-size:100px;
        line-height: 80px
    }

    .whygoogle-hero__stats__stat__title .stat-figure>span:lang(es-419) {
        font-size: 70px;
        line-height: 50px
    }
}

.whygoogle-hero__stats__stat__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .15px;
    color: #3c4043;
    color: #fff
}

.whygoogle-hero__carousel {
    background: #000;
    display: grid;
    position: relative
}

.whygoogle-hero__carousel__background-asset {
    max-width: 1440px;
    margin: 0 auto;
    grid-column-start: 1;
    grid-row-start: 1
}

.whygoogle-hero__carousel__background-asset img {
    object-fit: cover;
    object-position: center top;
    overflow: visible
}

@media (max-width: 599px) {
    .whygoogle-hero__carousel__background-asset img {
        height:365px;
        object-fit: cover
    }
}

.whygoogle-hero__carousel__content {
    margin: 560px auto 0;
    display: grid;
    column-gap: var(--grid-column-gap);
    grid-column-start: 1;
    grid-row-start: 1
}

@media (max-width: 599px) {
    .whygoogle-hero__carousel__content {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .whygoogle-hero__carousel__content {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .whygoogle-hero__carousel__content {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .whygoogle-hero__carousel__content {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .whygoogle-hero__carousel__content {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .whygoogle-hero__carousel__content {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .whygoogle-hero__carousel__content {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .whygoogle-hero__carousel__content {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .whygoogle-hero__carousel__content {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .whygoogle-hero__carousel__content {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .whygoogle-hero__carousel__content {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .whygoogle-hero__carousel__content {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (max-width: 1023px) {
    .whygoogle-hero__carousel__content {
        margin-top:46vw
    }
}

@media (max-width: 599px) {
    .whygoogle-hero__carousel__content {
        margin-top:300px
    }
}

.whygoogle-hero__carousel__title {
    grid-column-start: 2;
    grid-column-end: span 10;
    color: #202124;
    font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    color: #fff
}

@media (min-width: 600px) {
    .whygoogle-hero__carousel__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .whygoogle-hero__carousel__title {
        font-size:48px;
        line-height: 56px
    }
}

@media (max-width: 1023px) {
    .whygoogle-hero__carousel__title {
        grid-column-start:1;
        grid-column-end: span 4;
        text-align: center
    }
}

.whygoogle-hero__carousel__wrap {
    position: relative
}

.whygoogle-hero__carousel__slides {
    width: 100%;
    overflow: visible;
    overflow-scrolling: touch;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-stop:always;scrollbar-width: none;
    will-change: scroll-position;
    grid-column-start: 2;
    grid-column-end: span 10;
    display: flex;
    margin-bottom: 72px;
    margin-top: 40px;
    overflow: hidden
}

@media (pointer: coarse) {
    .swiping .whygoogle-hero__carousel__slides {
        scroll-snap-type:x mandatory
    }
}

.whygoogle-hero__carousel__slides::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    background: transparent
}

@media (max-width: 1023px) {
    .whygoogle-hero__carousel__slides {
        grid-column-start:1;
        grid-column-end: span 4;
        margin-bottom: 120px
    }
}

.whygoogle-hero__carousel__slides__slide {
    box-sizing: border-box;
    scroll-snap-align: center;
    flex: 0 0 100%;
    display: grid;
    grid-gap: var(--grid-column-gap);
    grid-template-columns: repeat(3,1fr);
    transition: transform .5s ease
}

@media (max-width: 1023px) {
    .whygoogle-hero__carousel__slides__slide {
        grid-template-columns:1fr;
        text-align: center
    }
}

@media (max-width: 1023px) {
    .whygoogle-hero__carousel__slides__slide__chapter {
        margin:0 40px
    }
}

.whygoogle-hero__carousel__slides__slide__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 20px
}

.whygoogle-hero__carousel__slides__slide__chapter__body {
    font-family: Google Sans Text,Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .1px;
    color: #3c4043;
    color: #fff
}

.whygoogle-hero__controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.whygoogle-hero__controls__dots {
    --dots-foreground-color: #202124;
    display: flex;
    align-items: center;
    justify-content: center;
    --dots-foreground-color: #fff;
    transform: translate(-50%);
    position: absolute;
    bottom: 30px;
    left: 50%;
    pointer-events: all;
    z-index: 2
}

.whygoogle-hero__controls__dots .whygoogle-hero__controls__dots__dot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.whygoogle-hero__controls__dots .whygoogle-hero__controls__dots__dot:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid var(--dots-foreground-color);
    transition: border .3s ease,background .3s ease
}

.whygoogle-hero__controls__dots .whygoogle-hero__controls__dots__dot--active:before {
    content: "";
    display: block;
    background: var(--dots-foreground-color)
}

.whygoogle-hero__controls__arrows {
    --dots-foreground-color: #202124;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 30px
}

.whygoogle-hero__controls__arrows .whygoogle-hero__controls__arrows__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -webkit-appearance: none;
    background: #fff9;
    border: 0;
    border-radius: 100%;
    cursor: pointer;
    transition: background .3s ease;
    user-select: none
}

@media (min-width: 1024px) {
    .whygoogle-hero__controls__arrows .whygoogle-hero__controls__arrows__arrow {
        width:64px;
        height: 64px
    }
}

.whygoogle-hero__controls__arrows .whygoogle-hero__controls__arrows__arrow:hover {
    background: #fff
}

.whygoogle-hero__controls__arrows .whygoogle-hero__controls__arrows__arrow:focus {
    background: #fff;
    box-shadow: 0 0 0 1px #1a73e8;
    outline: 1px solid #1a73e8
}

.whygoogle-hero__controls__arrows .whygoogle-hero__controls__arrows__arrow+.whygoogle-hero__controls__arrows .whygoogle-hero__controls__arrows__arrow {
    margin-left: 4px
}

.whygoogle-hero__controls__arrows .whygoogle-hero__controls__arrows__arrow--left svg {
    transform: scale(-1)
}

.whygoogle-hero__controls__arrows .whygoogle-hero__controls__arrows__arrow svg {
    height: 22px;
    width: 22px;
    pointer-events: none
}

@media (min-width: 1024px) {
    .whygoogle-hero__controls__arrows .whygoogle-hero__controls__arrows__arrow svg {
        height:36px;
        width: 36px
    }
}

@media (min-width: 1440px) {
    .whygoogle-hero__controls__arrows .whygoogle-hero__controls__arrows__arrow svg {
        height:64px;
        width: 64px
    }
}

.whygoogle-hero__controls__arrows__arrow {
    position: absolute;
    transform: translateY(-50%);
    pointer-events: all;
    top: auto;
    z-index: 3
}

@media (min-width: 1024px) {
    .whygoogle-hero__controls__arrows__arrow {
        width:64px;
        height: 64px;
        bottom: 195px
    }
}

@media (max-width: 1023px) {
    .whygoogle-hero__controls__arrows__arrow {
        bottom:30%
    }
}

.whygoogle-hero__controls__arrows__arrow--left {
    left: 10px
}

@media (min-width: 1440px) {
    .whygoogle-hero__controls__arrows__arrow--left {
        left:20px
    }
}

.whygoogle-hero__controls__arrows__arrow--right {
    right: 10px
}

@media (min-width: 1440px) {
    .whygoogle-hero__controls__arrows__arrow--right {
        right:20px
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes arrow {
    0% {
        transform: translateZ(0)
    }

    50% {
        transform: translate3d(20px,0,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes zoom {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.1)
    }
}

@keyframes fade-up {
    0% {
        opacity: 0;
        transform: translate3d(0,35px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.whygoogle-maps {
    margin: 0 auto;
    display: grid;
    column-gap: var(--grid-column-gap)
}

@media (max-width: 599px) {
    .whygoogle-maps {
        padding:0 24px;
        max-width: 600px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .whygoogle-maps {
        padding:0 min(5vw,72px);
        max-width: 600px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .whygoogle-maps {
        padding:0 min(5vw,72px)
    }
}

@media (min-width: 1440px) {
    .whygoogle-maps {
        padding:0 min(5vw,72px);
        max-width: 1440px
    }
}

@media (max-width: 599px) {
    .whygoogle-maps {
        --grid-column-gap: 24px
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .whygoogle-maps {
        --grid-column-gap: 24px
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .whygoogle-maps {
        --grid-column-gap: 44px
    }
}

@media (min-width: 1440px) {
    .whygoogle-maps {
        --grid-column-gap: 64px
    }
}

@media (max-width: 599px) {
    .whygoogle-maps {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .whygoogle-maps {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .whygoogle-maps {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (min-width: 1440px) {
    .whygoogle-maps {
        grid-template-columns:repeat(12,1fr)
    }
}

@media (max-width: 1023px) {
    .whygoogle-maps {
        grid-gap:50px
    }
}

.whygoogle-maps__content {
    justify-content: center;
    display: flex;
    flex-direction: column;
    grid-column-start: 1;
    grid-column-end: span 4
}

@media (max-width: 1023px) {
    .whygoogle-maps__content {
        text-align:center
    }
}

@media (min-width: 1024px) {
    .whygoogle-maps__content {
        grid-column-start:9;
        grid-column-end: span 4;
        grid-row-start: 1
    }
}

.whygoogle-maps__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-size: 8vw;
    line-height: 1.2em;
    margin-bottom: 40px
}

@media (min-width: 600px) {
    .whygoogle-maps__title {
        font-size:5vw;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) {
    .whygoogle-maps__title {
        font-size:4vw
    }
}

@media (min-width: 1024px) {
    .whygoogle-maps__title {
        color:#202124;
        font-family: Google Sans Display,Google Sans,Roboto,Arial,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 28px;
        line-height: 36px
    }
}

@media (min-width: 1024px) and (min-width: 600px) {
    .whygoogle-maps__title {
        font-size:40px;
        line-height: 48px;
        letter-spacing: -.5px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .whygoogle-maps__title {
        font-size:48px;
        line-height: 56px
    }
}

.whygoogle-maps__chapters {
    display: flex;
    flex-direction: column
}

.whygoogle-maps__chapters__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 16px
}

@media (min-width: 600px) {
    .whygoogle-maps__chapters__chapter__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .whygoogle-maps__chapters__chapter__title {
        font-size:28px;
        line-height: 36px
    }
}

.whygoogle-maps__chapters__chapter__body {
    margin: 0 0 20px
}

.whygoogle-maps__aside {
    grid-column-start: 1;
    grid-column-end: span 4;
    display: flex;
    align-items: center
}

@media (min-width: 1024px) {
    .whygoogle-maps__aside {
        grid-column-start:1;
        grid-column-end: span 8
    }
}

.whygoogle-maps__card {
    box-shadow: 0 12px 34px #20345940;
    max-width: none;
    border-radius: 24px;
    overflow: hidden;
    background-color: #f1f3f4;
    grid-row-start: 1;
    margin-top: min(25vw,150px);
    overflow: visible
}

@media (min-width: 1024px) {
    .whygoogle-maps__card {
        margin-top:150px;
        margin-left: 20px;
        margin-right: 20px
    }
}

.whygoogle-maps__card__asset {
    margin-top: calc(0px - min(25vw,150px))
}

@media (min-width: 1024px) {
    .whygoogle-maps__card__asset {
        margin-top:-150px
    }
}

.whygoogle-maps__card__chapter {
    margin: -40px 20px 50px
}

@media (min-width: 1024px) {
    .whygoogle-maps__card__chapter {
        margin:-80px 80px 80px
    }
}

.whygoogle-maps__card__chapter__icon {
    margin-bottom: 20px
}

.whygoogle-maps__card__chapter__title {
    color: #202124;
    font-family: Google Sans,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px
}

@media (min-width: 600px) {
    .whygoogle-maps__card__chapter__title {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .whygoogle-maps__card__chapter__title {
        font-size:28px;
        line-height: 36px
    }
}

.whygoogle-maps__card__chapter__buttons {
    margin-top: 30px
}

@media (min-width: 481px) {
    .whygoogle-maps__card__chapter__buttons {
        display:flex;
        flex-direction: row
    }
}

.whygoogle-maps__card__chapter__buttons .whygoogle-maps__card__chapter__button:first-child {
    margin-bottom: 10px
}

@media (min-width: 481px) {
    .whygoogle-maps__card__chapter__buttons .whygoogle-maps__card__chapter__button:first-child {
        margin:0 10px 0 0
    }
}

.iti {
    position: relative;
    display: inline-block
}

.iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input,.iti input[type=text],.iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px #0003;
    background-color: #fff;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width: 500px) {
    .iti__country-list {
        white-space:normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC
}

.iti__country {
    padding: 5px 10px;
    outline: none
}

.iti__dial-code {
    color: #999
}

.iti__country.iti__highlight {
    background-color: #0000000d
}

.iti__flag-box,.iti__country-name,.iti__dial-code {
    vertical-align: middle
}

.iti__flag-box,.iti__country-name {
    margin-right: 6px
}

.iti--allow-dropdown input,.iti--allow-dropdown input[type=text],.iti--allow-dropdown input[type=tel],.iti--separate-dial-code input,.iti--separate-dial-code input[type=text],.iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: #0000000d
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
    cursor: default
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: #0000000d
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.iti--container:hover {
    cursor: pointer
}

.iti-mobile .iti--container {
    inset: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px
}

.iti__flag.iti__be {
    width: 18px
}

.iti__flag.iti__ch {
    width: 15px
}

.iti__flag.iti__mc {
    width: 19px
}

.iti__flag.iti__ne {
    width: 18px
}

.iti__flag.iti__np {
    width: 13px
}

.iti__flag.iti__va {
    width: 15px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {
        background-size:5652px 15px
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0px
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0px
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px
}

.iti__flag {
    height: 15px;
    box-shadow: 0 0 1px #888;
    background-image: url(/static/images/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {
        background-image:url(/static/images/flags@2x.png)
    }
}

.iti__flag.iti__np {
    background-color: transparent
}
.hover-underline-animation {
    display: inline-block;
    position: relative;
    color: #185abc;
  }
  
  .hover-underline-animation::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #185abc;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
  }
  
  .hover-underline-animation:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }