@charset "UTF-8";
/*!
Theme Name: AppLovin
Author: AppLovin
Author URI: http://applovin.com/
Description: A modern, responsive WordPress theme designed for AppLovin's corporate website. Built to showcase AppLovin's brand, products, and services with a clean, professional aesthetic. Features include custom post types for case studies and products, integrated blog functionality, and optimized performance for global enterprise needs.
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: applovin
Tags: custom-header, custom-menu, custom-logo, editor-style, full-width-template, block-styles, pll-language-support, translation-ready, responsive-layout, accessibility-ready
*/
@import url("1.css?apiType=css&projectid=8d68d7d1-1cef-4e68-a87a-f377afc8b375");

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

*,
:after,
:before {
    box-sizing: inherit
}

html {
    box-sizing: border-box
}

@font-face {
    font-display: "U+0000,U+000D,U+0020-007E";
    font-family: TTBackwardsSansBold;
    font-style: "normal";
    font-weight: 700;
    src: url(fonts/TTBackwards/TTBackwardsSansBold_normal_normal_subset1.woff2) format("woff2"), url(fonts/TTBackwards/TTBackwardsSansBold_normal_normal_subset1.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: TTBackwardsSansBlack;
    font-style: "normal" "U+0020-0024,U+0026-003b,U+003d,U+003f-005b,U+005d-005e,U+0060-007a,U+007e,U+00a5,U+00a7,U+00ab,U+00b4,U+00b7,U+00bb,U+00c0-00cf,U+00d1-00d4,U+00d6,U+00d8-00dc,U+00e0-00ef,U+00f1-00f4,U+00f6,U+00f8-00fc,U+00ff-0103,U+0112-0115,U+012a-012d,U+014c-014f,U+0152-0153,U+016a-016d,U+0178,U+1e9e,U+2010-2011,U+2013-2014,U+2018-201a,U+201c-201e,U+2020-2021,U+2026,U+2032-2033,U+2039-203a";
    font-weight: 900;
    src: url(fonts/TTBackwards/TTBackwardsSansBlack_normal_normal_subset1.woff2) format("woff2"), url(fonts/TTBackwards/TTBackwardsSansBlack_normal_normal_subset1.woff) format("woff")
}

body,
button,
input,
optgroup,
select,
textarea {
    color: #000;
    font-family: var(--font-wt-Medium), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-size: 1rem;
    line-height: 1.5
}

h1,
h2,
h3,
h4,
h5 {
    clear: both;
    font-family: var(--font-wt-Black), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-weight: 700;
    margin-bottom: .5em;
    margin-top: 0
}

h6 {
    font-family: var(--font-wt-Light), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-weight: 300
}

h1 {
    font-size: 32px;
    font-size: 2rem;
    letter-spacing: normal;
    line-height: 1.25
}

@media only screen and (min-width:834px) {
    h1 {
        font-size: 50px;
        font-size: 3.125rem;
        letter-spacing: normal;
        line-height: 1.16
    }
}

@media only screen and (min-width:1280px) {
    h1 {
        font-size: 60px;
        font-size: 3.75rem;
        letter-spacing: normal;
        line-height: 1.15
    }
}

h2 {
    font-size: 28px;
    font-size: 1.75rem;
    letter-spacing: normal;
    line-height: 1.25
}

@media only screen and (min-width:834px) {
    h2 {
        font-size: 40px;
        font-size: 2.5rem;
        letter-spacing: normal;
        line-height: 1.15
    }
}

@media only screen and (min-width:1280px) {
    h2 {
        font-size: 50px;
        font-size: 3.125rem;
        letter-spacing: normal;
        line-height: 1.16
    }
}

h3 {
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: normal;
    line-height: 1.3333333333
}

@media only screen and (min-width:834px) {
    h3 {
        font-size: 30px;
        font-size: 1.875rem;
        letter-spacing: normal;
        line-height: 1.2666666667
    }
}

@media only screen and (min-width:1280px) {
    h3 {
        font-size: 36px;
        font-size: 2.25rem;
        letter-spacing: normal;
        line-height: 1.25
    }
}

h4 {
    font-size: 21px;
    font-size: 1.3125rem;
    letter-spacing: normal;
    line-height: 1.3333333333
}

@media only screen and (min-width:834px) {
    h4 {
        font-size: 24px;
        font-size: 1.5rem;
        letter-spacing: normal;
        line-height: 1.3333333333
    }
}

@media only screen and (min-width:1280px) {
    h4 {
        font-size: 32px;
        font-size: 2rem;
        letter-spacing: normal;
        line-height: 1.25
    }
}

h5 {
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: normal;
    line-height: 1.7777777778
}

@media only screen and (min-width:834px) {
    h5 {
        font-size: 21px;
        font-size: 1.3125rem;
        letter-spacing: normal;
        line-height: 1.3333333333
    }
}

@media only screen and (min-width:1280px) {
    h5 {
        font-size: 24px;
        font-size: 1.5rem;
        letter-spacing: normal;
        line-height: 1.3333333333
    }
}

h6 {
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: normal;
    line-height: 1.5
}

@media only screen and (min-width:834px) {
    h6 {
        font-size: 21px;
        font-size: 1.3125rem;
        letter-spacing: normal;
        line-height: 1.5238095238
    }
}

@media only screen and (min-width:1280px) {
    h6 {
        font-size: 21px;
        font-size: 1.3125rem;
        letter-spacing: normal;
        line-height: 1.5238095238
    }
}

:root {
    --font-wt-Light: "Avenir Light";
    --font-wt-Medium: "Avenir Medium";
    --font-wt-Black: "Avenir Black";
    --font-wt-Heavy: "Avenir Heavy";
    --font-wt-LightOblique: "Avenir LightOblique";
    --font-wt-HeavyOblique: "Avenir HeavyOblique";
    --font-wt-BlackOblique: "Avenir BlackOblique"
}

p {
    font-family: var(--font-wt-Light), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: normal;
    line-height: 1.6875;
    margin-bottom: 32px
}

p a {
    color: #099ac6
}

@media only screen and (min-width:640px) {
    p {
        font-size: 18px;
        font-size: 1.125rem;
        letter-spacing: normal;
        line-height: 1.5
    }
}

.p-16 {
    font-size: 16px;
    font-size: 1rem
}

.p-14,
.p-16 {
    letter-spacing: normal;
    line-height: 1.5
}

.p-14 {
    font-size: 14px;
    font-size: .875rem
}

.p-12 {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5
}

.label-14,
.p-12 {
    letter-spacing: normal
}

.label-14 {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.3571428571
}

.label-12 {
    font-size: 12px;
    font-size: .75rem;
    line-height: .75
}

.label-10,
.label-12 {
    letter-spacing: normal
}

.label-10 {
    font-size: 10px;
    font-size: .625rem;
    line-height: 1.4
}

cite,
dfn,
em,
i {
    font-style: italic
}

blockquote {
    margin: 0 1.5em
}

address {
    margin: 0 0 1.5em
}

pre {
    background: #eee;
    font-family: Courier\ 10 Pitch, courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

code,
kbd,
tt,
var {
    font-family: monaco, consolas, Andale Mono, DejaVu Sans Mono, monospace
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

ins,
mark {
    background: #fff9c0;
    text-decoration: none
}

big {
    font-size: 125%
}

li>a>strong,
li>strong,
p>a>b,
p>a>strong,
p>b,
p>strong {
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-weight: 700
}

em,
p>em {
    font-family: var(--font-wt-LightOblique), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-style: italic;
    font-weight: 400
}

.avenir-light {
    font-family: var(--font-wt-Light), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif
}

.avenir-light-oblique {
    font-family: var(--font-wt-LightOblique), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif
}

.avenir-medium {
    font-family: var(--font-wt-Medium), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif
}

.avenir-medium-oblique {
    font-family: var(--font-wt-MediumOblique), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif
}

.avenir-heavy {
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif
}

.avenir-heavy-oblique {
    font-family: var(--font-wt-HeavyOblique), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif
}

.avenir-black {
    font-family: var(--font-wt-Black), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif
}

.avenir-black-oblique {
    font-family: var(--font-wt-BlackOblique), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif
}

.backwards-bold {
    font-family: TTBackwardsSansBold, Avenir, -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif
}

.backwards-black {
    font-family: TTBackwardsSansBlack, Avenir, -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif
}

body.no-scroll {
    overflow: hidden
}

body {
    background: #fff
}

.nav-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1264px;
    padding: 0 32px;
    width: 100%
}

@media only screen and (min-width:1440px) {
    .nav-wrapper {
        margin-left: auto;
        margin-right: auto;
        max-width: 1512px;
        padding: 0 56px;
        width: 100%
    }
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

ol,
ul {
    margin: 0 0 1.5em 3em
}

ul {
    list-style: none
}

ol {
    list-style: decimal
}

li>ol,
li>ul {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

ul {
    list-style-type: disc;
    margin: 1em 0;
    padding-left: 40px
}

li {
    display: list-item;
    list-style-position: outside
}

ul>li>ul {
    margin-bottom: 0;
    margin-top: 20px
}

embed,
iframe,
img,
object {
    max-width: 100%
}

img {
    height: auto
}

figure {
    margin: 1em 0
}

.blue {
    color: #2A5DA9
}

.blue-a80 {
    color: rgba(0, 182, 224, .8)
}

.blue-a60 {
    color: rgba(0, 182, 224, .6)
}

.blue-a40 {
    color: rgba(0, 182, 224, .4)
}

.blue-a20 {
    color: rgba(0, 182, 224, .2)
}

.blue-a10 {
    color: rgba(0, 182, 224, .1)
}

.blue-a05 {
    color: rgba(0, 182, 224, .05)
}

.blue-a02 {
    color: rgba(0, 182, 224, .02)
}

.dark-blue {
    color: #099ac6
}

.dark-blue-a80 {
    color: rgba(9, 154, 198, .8)
}

.dark-blue-a60 {
    color: rgba(9, 154, 198, .6)
}

.dark-blue-a40 {
    color: rgba(9, 154, 198, .4)
}

.dark-blue-a20 {
    color: rgba(9, 154, 198, .2)
}

.dark-blue-a10 {
    color: rgba(9, 154, 198, .1)
}

.dark-blue-a05 {
    color: rgba(9, 154, 198, .05)
}

.dark-blue-a02 {
    color: rgba(9, 154, 198, .02)
}

.royal-purple {
    color: #6441e2
}

.royal-purple-a80 {
    color: rgba(100, 65, 226, .8)
}

.royal-purple-a60 {
    color: rgba(100, 65, 226, .6)
}

.royal-purple-a40 {
    color: rgba(100, 65, 226, .4)
}

.royal-purple-a20 {
    color: rgba(100, 65, 226, .2)
}

.royal-purple-a10 {
    color: rgba(100, 65, 226, .1)
}

.royal-purple-a05 {
    color: rgba(100, 65, 226, .05)
}

.royal-purple-a02 {
    color: rgba(100, 65, 226, .02)
}

.dark-royal-purple {
    color: #6628ad
}

.dark-royal-purple-a80 {
    color: rgba(102, 40, 173, .8)
}

.dark-royal-purple-a60 {
    color: rgba(102, 40, 173, .6)
}

.dark-royal-purple-a40 {
    color: rgba(102, 40, 173, .4)
}

.dark-royal-purple-a20 {
    color: rgba(102, 40, 173, .2)
}

.dark-royal-purple-a10 {
    color: rgba(102, 40, 173, .1)
}

.dark-royal-purple-a05 {
    color: rgba(102, 40, 173, .05)
}

.dark-royal-purple-a02 {
    color: rgba(102, 40, 173, .02)
}

.sea-green {
    color: #12e3a3
}

.sea-green-a80 {
    color: rgba(18, 227, 163, .8)
}

.sea-green-a60 {
    color: rgba(18, 227, 163, .6)
}

.sea-green-a40 {
    color: rgba(18, 227, 163, .4)
}

.sea-green-a20 {
    color: rgba(18, 227, 163, .2)
}

.sea-green-a10 {
    color: rgba(18, 227, 163, .1)
}

.sea-green-a05 {
    color: rgba(18, 227, 163, .05)
}

.sea-green-a02 {
    color: rgba(18, 227, 163, .02)
}

.dark-sea-green {
    color: #12afa3
}

.dark-sea-green-a80 {
    color: rgba(18, 175, 163, .8)
}

.dark-sea-green-a60 {
    color: rgba(18, 175, 163, .6)
}

.dark-sea-green-a40 {
    color: rgba(18, 175, 163, .4)
}

.dark-sea-green-a20 {
    color: rgba(18, 175, 163, .2)
}

.dark-sea-green-a10 {
    color: rgba(18, 175, 163, .1)
}

.dark-sea-green-a05 {
    color: rgba(18, 175, 163, .05)
}

.dark-sea-green-a02 {
    color: rgba(18, 175, 163, .02)
}

.tech-blue {
    color: #105ffb
}

.tech-blue-a80 {
    color: rgba(16, 95, 251, .8)
}

.tech-blue-a60 {
    color: rgba(16, 95, 251, .6)
}

.tech-blue-a40 {
    color: rgba(16, 95, 251, .4)
}

.tech-blue-a20 {
    color: rgba(16, 95, 251, .2)
}

.tech-blue-a10 {
    color: rgba(16, 95, 251, .1)
}

.tech-blue-a05 {
    color: rgba(16, 95, 251, .05)
}

.dark-tech-blue {
    color: #0071ce
}

.dark-tech-blue-a80 {
    color: rgba(0, 113, 206, .8)
}

.dark-tech-blue-a60 {
    color: rgba(0, 113, 206, .6)
}

.dark-tech-blue-a40 {
    color: rgba(0, 113, 206, .4)
}

.dark-tech-blue-a20 {
    color: rgba(0, 113, 206, .2)
}

.dark-tech-blue-a10 {
    color: rgba(0, 113, 206, .1)
}

.dark-tech-blue-a05 {
    color: rgba(0, 113, 206, .05)
}

.dark-tech-blue-a02 {
    color: rgba(0, 113, 206, .02)
}

.magenta {
    color: #fc326c
}

.magenta-a80 {
    color: rgba(252, 50, 108, .8)
}

.magenta-a60 {
    color: rgba(252, 50, 108, .6)
}

.magenta-a40 {
    color: rgba(252, 50, 108, .4)
}

.magenta-a20 {
    color: rgba(252, 50, 108, .2)
}

.magenta-a10 {
    color: rgba(252, 50, 108, .1)
}

.magenta-a05 {
    color: rgba(252, 50, 108, .05)
}

.magenta-a02 {
    color: rgba(252, 50, 108, .02)
}

.black {
    color: #000
}

.black-a80 {
    color: #333
}

.black-a60 {
    color: #666
}

.black-a40 {
    color: #999
}

.black-a20 {
    color: #ccc
}

.black-a10 {
    color: #e6e6e6
}

.black-a05 {
    color: #f2f2f2
}

.black-a02 {
    color: #fafafa
}

.white {
    color: #fff
}

.gray-500 {
    color: #181625
}

.gray-400 {
    color: #252a3a
}

.gray-300 {
    color: #afb7cf
}

.gray-200 {
    color: #eef0f6
}

.gray-100 {
    color: #f7f8fc
}

.sun-orange-dark {
    color: #ff5b3b
}

.sun-orange-bright {
    color: #ff9e1d
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    padding: 1rem .75rem
}

button span,
input[type=button] span,
input[type=reset] span,
input[type=submit] span {
    padding: .25rem .5rem 0;
    z-index: 1
}

.primary-gradient-btn {
    align-items: center;
    background: linear-gradient(104deg, #105ffb, #6c58fb 50%, #a15af0);
    border: none;
    border-radius: .5rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: box-shadow 1s ease;
    width: -moz-fit-content;
    width: fit-content
}

.primary-gradient-btn svg {
    fill: #fff;
    height: 16px;
    width: 16px;
    z-index: 1
}

.primary-gradient-btn a {
    align-items: center;
    color: #fff;
    display: flex;
    padding: 1rem .75rem;
    position: relative;
    text-decoration: none;
    z-index: 1
}

.primary-gradient-btn a span {
    line-height: 1;
    padding: .25rem .5rem 0
}

.primary-gradient-btn a:hover {
    opacity: 1
}

.primary-gradient-btn:hover {
    box-shadow: 0 12px 40px -12px rgba(16, 95, 251, .5);
    color: #fff
}

.primary-gradient-btn:hover:after {
    opacity: 1
}

.primary-gradient-btn:focus {
    outline: none
}

.primary-gradient-btn:active {
    opacity: 1
}

.primary-gradient-btn:disabled {
    opacity: .3;
    pointer-events: none
}

.primary-gradient-btn:disabled a {
    cursor: not-allowed
}

.primary-gradient-btn:disabled:after {
    opacity: 0
}

.primary-gradient-btn:after {
    background: radial-gradient(124.47% 310.63% at 83.73% 175%, #105ffb 0, #a15af0 75.77%);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .5s ease;
    width: 100%;
    z-index: 0
}

.primary-gradient-btn:active:after {
    background: linear-gradient(0deg, rgba(24, 22, 37, .2), rgba(24, 22, 37, .2)), radial-gradient(124.47% 310.63% at 83.73% 175%, #105ffb 0, #a15af0 75.77%);
    transition: opacity 1s ease
}

.primary-slate-btn {
    align-items: center;
    background-color: #181625;
    border: none;
    border-radius: .5rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: box-shadow 1s ease;
    width: -moz-fit-content;
    width: fit-content
}

.primary-slate-btn svg {
    fill: #fff;
    height: 16px;
    width: 16px;
    z-index: 1
}

.primary-slate-btn a {
    align-items: center;
    color: #fff;
    display: flex;
    padding: 1rem .75rem;
    position: relative;
    text-decoration: none;
    z-index: 1
}

.primary-slate-btn a span {
    line-height: 1;
    padding: .25rem .5rem 0
}

.primary-slate-btn a:hover {
    opacity: 1
}

.primary-slate-btn:hover {
    box-shadow: 0 12px 40px -12px rgba(16, 95, 251, .5);
    color: #fff
}

.primary-slate-btn:hover:after {
    opacity: 1
}

.primary-slate-btn:focus {
    outline: none
}

.primary-slate-btn:active {
    opacity: 1
}

.primary-slate-btn:disabled {
    opacity: .3;
    pointer-events: none
}

.primary-slate-btn:disabled a {
    cursor: not-allowed
}

.primary-slate-btn:disabled:after {
    opacity: 0
}

.primary-slate-btn:after {
    background: right -100px top 130px, linear-gradient(180deg, #181625 0, transparent 70%), radial-gradient(ellipse at top, #181625 60%, transparent 100%), radial-gradient(at right, #181625 0, transparent 90%), linear-gradient(90deg, #a15af0 50%, #105ffb 0);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .5s ease;
    width: 100%;
    z-index: 0
}

.secondary-slate-gray-btn {
    align-items: center;
    background-color: #f7f8fc;
    background: linear-gradient(#f7f8fc, #f7f8fc) padding-box, linear-gradient(90deg, rgba(161, 90, 240, .5), rgba(16, 95, 251, .5)) border-box;
    border: 2px solid #181625;
    border-radius: .5rem;
    color: #181625;
    cursor: pointer;
    display: flex;
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: box-shadow 1s ease;
    transition: all .7s ease;
    width: -moz-fit-content;
    width: fit-content
}

.secondary-slate-gray-btn svg {
    fill: #181625;
    height: 16px;
    width: 16px;
    z-index: 1
}

.secondary-slate-gray-btn a {
    align-items: center;
    color: #181625;
    display: flex;
    padding: 1rem .75rem;
    position: relative;
    text-decoration: none;
    z-index: 1
}

.secondary-slate-gray-btn a span {
    line-height: 1;
    padding: .25rem .5rem 0
}

.secondary-slate-gray-btn a:hover {
    opacity: 1
}

.secondary-slate-gray-btn:hover {
    box-shadow: 0 12px 40px -12px rgba(16, 95, 251, .5);
    color: #181625
}

.secondary-slate-gray-btn:hover:after {
    opacity: 1
}

.secondary-slate-gray-btn:focus {
    outline: none
}

.secondary-slate-gray-btn:active {
    opacity: 1
}

.secondary-slate-gray-btn:disabled {
    opacity: .3;
    pointer-events: none
}

.secondary-slate-gray-btn:disabled a {
    cursor: not-allowed
}

.secondary-slate-gray-btn:disabled:after {
    opacity: 0
}

.secondary-slate-gray-btn:after {
    background: right -100px top 130px, linear-gradient(180deg, #f7f8fc 0, transparent 70%), radial-gradient(ellipse at top, #f7f8fc 60%, transparent 100%), radial-gradient(at right, #f7f8fc 0, transparent 90%), linear-gradient(90deg, #a15af0 50%, #105ffb 0);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .5s ease;
    width: 100%;
    z-index: 0
}

.secondary-slate-gray-btn:hover {
    border: 2px solid transparent
}

.primary-white-btn {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: .5rem;
    color: #181625;
    cursor: pointer;
    display: flex;
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: box-shadow 1s ease;
    width: -moz-fit-content;
    width: fit-content
}

.primary-white-btn svg {
    fill: #181625;
    height: 16px;
    width: 16px;
    z-index: 1
}

.primary-white-btn a {
    align-items: center;
    color: #181625;
    display: flex;
    padding: 1rem .75rem;
    position: relative;
    text-decoration: none;
    z-index: 1
}

.primary-white-btn a span {
    line-height: 1;
    padding: .25rem .5rem 0
}

.primary-white-btn a:hover {
    opacity: 1
}

.primary-white-btn:hover {
    box-shadow: 0 12px 40px -12px rgba(16, 95, 251, .5);
    color: #181625
}

.primary-white-btn:hover:after {
    opacity: 1
}

.primary-white-btn:focus {
    outline: none
}

.primary-white-btn:active {
    opacity: 1
}

.primary-white-btn:disabled {
    opacity: .3;
    pointer-events: none
}

.primary-white-btn:disabled a {
    cursor: not-allowed
}

.primary-white-btn:disabled:after {
    opacity: 0
}

.primary-white-btn:after {
    background: right -100px top 130px, linear-gradient(180deg, #fff 0, transparent 70%), radial-gradient(ellipse at top, #fff 60%, transparent 100%), radial-gradient(at right, #fff 0, transparent 90%), linear-gradient(90deg, #a15af0 50%, #105ffb 0);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .5s ease;
    width: 100%;
    z-index: 0
}

.secondary-slate-btn {
    align-items: center;
    background-color: #fff;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, rgba(161, 90, 240, .5), rgba(16, 95, 251, .5)) border-box;
    border: 2px solid #181625;
    border-radius: .5rem;
    color: #181625;
    cursor: pointer;
    display: flex;
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: box-shadow 1s ease;
    transition: all .7s ease;
    width: -moz-fit-content;
    width: fit-content
}

.secondary-slate-btn svg {
    fill: #181625;
    height: 16px;
    width: 16px;
    z-index: 1
}

.secondary-slate-btn a {
    align-items: center;
    color: #181625;
    display: flex;
    padding: 1rem .75rem;
    position: relative;
    text-decoration: none;
    z-index: 1
}

.secondary-slate-btn a span {
    line-height: 1;
    padding: .25rem .5rem 0
}

.secondary-slate-btn a:hover {
    opacity: 1
}

.secondary-slate-btn:hover {
    box-shadow: 0 12px 40px -12px rgba(16, 95, 251, .5);
    color: #181625
}

.secondary-slate-btn:hover:after {
    opacity: 1
}

.secondary-slate-btn:focus {
    outline: none
}

.secondary-slate-btn:active {
    opacity: 1
}

.secondary-slate-btn:disabled {
    opacity: .3;
    pointer-events: none
}

.secondary-slate-btn:disabled a {
    cursor: not-allowed
}

.secondary-slate-btn:disabled:after {
    opacity: 0
}

.secondary-slate-btn:after {
    background: right -100px top 130px, linear-gradient(180deg, #fff 0, transparent 70%), radial-gradient(ellipse at top, #fff 60%, transparent 100%), radial-gradient(at right, #fff 0, transparent 90%), linear-gradient(90deg, #a15af0 50%, #105ffb 0);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .5s ease;
    width: 100%;
    z-index: 0
}

.secondary-slate-btn:hover {
    border: 2px solid transparent
}

.secondary-white-btn {
    align-items: center;
    background: linear-gradient(#181625, #181625) padding-box, linear-gradient(90deg, rgba(161, 90, 240, .5), rgba(16, 95, 251, .5)) border-box;
    border: 2px solid #fff;
    border-radius: .5rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: box-shadow 1s ease;
    transition: all .7s ease;
    width: -moz-fit-content;
    width: fit-content
}

.secondary-white-btn svg {
    fill: #fff;
    height: 16px;
    width: 16px;
    z-index: 1
}

.secondary-white-btn a {
    align-items: center;
    color: #fff;
    display: flex;
    padding: 1rem .75rem;
    position: relative;
    text-decoration: none;
    z-index: 1
}

.secondary-white-btn a span {
    line-height: 1;
    padding: .25rem .5rem 0
}

.secondary-white-btn a:hover {
    opacity: 1
}

.secondary-white-btn:hover {
    box-shadow: 0 12px 40px -12px rgba(16, 95, 251, .5);
    color: #fff
}

.secondary-white-btn:hover:after {
    opacity: 1
}

.secondary-white-btn:focus {
    outline: none
}

.secondary-white-btn:active {
    opacity: 1
}

.secondary-white-btn:disabled {
    opacity: .3;
    pointer-events: none
}

.secondary-white-btn:disabled a {
    cursor: not-allowed
}

.secondary-white-btn:disabled:after {
    opacity: 0
}

.secondary-white-btn:after {
    background: right -100px top 130px, linear-gradient(180deg, #181625 0, transparent 70%), radial-gradient(ellipse at top, #181625 60%, transparent 100%), radial-gradient(at right, #181625 0, transparent 90%), linear-gradient(90deg, #a15af0 50%, #105ffb 0);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .5s ease;
    width: 100%;
    z-index: 0
}

.secondary-white-btn:hover {
    border: 2px solid transparent
}

.slate-link-16 {
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    width: -moz-fit-content;
    width: fit-content
}

.slate-link-16 svg {
    fill: #181625;
    height: 16px;
    transition: transform .3s ease;
    width: 16px
}

.slate-link-16 a {
    align-items: center;
    color: #181625;
    display: flex;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: normal;
    line-height: normal;
    text-decoration: none
}

.slate-link-16 a span {
    padding: .25rem .5rem 0 0
}

.slate-link-16 a:hover {
    opacity: 1
}

.slate-link-16:hover svg {
    transform: translateX(3px)
}

.blue-link-16 {
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    width: -moz-fit-content;
    width: fit-content
}

.blue-link-16 svg {
    fill: #099ac6;
    height: 16px;
    transition: transform .3s ease;
    width: 16px
}

.blue-link-16 a {
    align-items: center;
    color: #099ac6;
    display: flex;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: normal;
    line-height: normal;
    text-decoration: none
}

.blue-link-16 a span {
    padding: .25rem .5rem 0 0
}

.blue-link-16 a:hover {
    opacity: 1
}

.blue-link-16:hover svg {
    transform: translateX(3px)
}

.white-link-16 {
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    width: -moz-fit-content;
    width: fit-content
}

.white-link-16 svg {
    fill: #fff;
    height: 16px;
    transition: transform .3s ease;
    width: 16px
}

.white-link-16 a {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: normal;
    line-height: normal;
    text-decoration: none
}

.white-link-16 a span {
    padding: .25rem .5rem 0 0
}

.white-link-16 a:hover {
    opacity: 1
}

.white-link-16:hover svg {
    transform: translateX(3px)
}

.slate-link-14 {
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    width: -moz-fit-content;
    width: fit-content
}

.slate-link-14 svg {
    fill: #181625;
    height: 14px;
    transition: transform .3s ease;
    width: 14px
}

.slate-link-14 a {
    align-items: center;
    color: #181625;
    display: flex;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: normal;
    line-height: normal;
    text-decoration: none
}

.slate-link-14 a span {
    padding: .25rem .5rem 0 0
}

.slate-link-14 a:hover {
    opacity: 1
}

.slate-link-14:hover svg {
    transform: translateX(3px)
}

.blue-link-14 {
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    width: -moz-fit-content;
    width: fit-content
}

.blue-link-14 svg {
    fill: #099ac6;
    height: 14px;
    transition: transform .3s ease;
    width: 14px
}

.blue-link-14 a {
    align-items: center;
    color: #099ac6;
    display: flex;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: normal;
    line-height: normal;
    text-decoration: none
}

.blue-link-14 a span {
    padding: .25rem .5rem 0 0
}

.blue-link-14 a:hover {
    opacity: 1
}

.blue-link-14:hover svg {
    transform: translateX(3px)
}

.white-link-14 {
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    width: -moz-fit-content;
    width: fit-content
}

.white-link-14 svg {
    fill: #fff;
    height: 14px;
    transition: transform .3s ease;
    width: 14px
}

.white-link-14 a {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: normal;
    line-height: normal;
    text-decoration: none
}

.white-link-14 a span {
    padding: .25rem .5rem 0 0
}

.white-link-14 a:hover {
    opacity: 1
}

.white-link-14:hover svg {
    transform: translateX(3px)
}

.slate-link-12 {
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    width: -moz-fit-content;
    width: fit-content
}

.slate-link-12 svg {
    fill: #181625;
    height: 12px;
    transition: transform .3s ease;
    width: 12px
}

.slate-link-12 a {
    align-items: center;
    color: #181625;
    display: flex;
    font-size: 12px;
    font-size: .75rem;
    letter-spacing: normal;
    line-height: normal;
    text-decoration: none
}

.slate-link-12 a span {
    padding: .25rem .5rem 0 0
}

.slate-link-12 a:hover {
    opacity: 1
}

.slate-link-12:hover svg {
    transform: translateX(3px)
}

.blue-link-12 {
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    width: -moz-fit-content;
    width: fit-content
}

.blue-link-12 svg {
    fill: #099ac6;
    height: 12px;
    transition: transform .3s ease;
    width: 12px
}

.blue-link-12 a {
    align-items: center;
    color: #099ac6;
    display: flex;
    font-size: 12px;
    font-size: .75rem;
    letter-spacing: normal;
    line-height: normal;
    text-decoration: none
}

.blue-link-12 a span {
    padding: .25rem .5rem 0 0
}

.blue-link-12 a:hover {
    opacity: 1
}

.blue-link-12:hover svg {
    transform: translateX(3px)
}

.white-link-12 {
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    width: -moz-fit-content;
    width: fit-content
}

.white-link-12 svg {
    fill: #fff;
    height: 12px;
    transition: transform .3s ease;
    width: 12px
}

.white-link-12 a {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-size: .75rem;
    letter-spacing: normal;
    line-height: normal;
    text-decoration: none
}

.white-link-12 a span {
    padding: .25rem .5rem 0 0
}

.white-link-12 a:hover {
    opacity: 1
}

.white-link-12:hover svg {
    transform: translateX(3px)
}

.disabled {
    opacity: .3;
    pointer-events: none
}

html[lang=ja] .primary-gradient-btn span,
html[lang=ja] .primary-slate-btn span,
html[lang=ja] .primary-white-btn span,
html[lang=ja] .secondary-slate-btn span,
html[lang=ja] .secondary-slate-gray-btn span,
html[lang=ja] .secondary-white-btn span,
html[lang=ko] .primary-gradient-btn span,
html[lang=ko] .primary-slate-btn span,
html[lang=ko] .primary-white-btn span,
html[lang=ko] .secondary-slate-btn span,
html[lang=ko] .secondary-slate-gray-btn span,
html[lang=ko] .secondary-white-btn span,
html[lang=zh-CN] .primary-gradient-btn span,
html[lang=zh-CN] .primary-slate-btn span,
html[lang=zh-CN] .primary-white-btn span,
html[lang=zh-CN] .secondary-slate-btn span,
html[lang=zh-CN] .secondary-slate-gray-btn span,
html[lang=zh-CN] .secondary-white-btn span {
    padding: 0 .5rem
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #666;
    padding: 3px
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    color: #111
}

select {
    border: 1px solid #ccc
}

textarea {
    width: 100%
}

#careers .hero-section {
    background: url(/wp-content/themes/applovin/images/illo-jobs-header-background.svg), linear-gradient(180deg, #e0e6f0, #f7f8fc);
    background-position: center 15%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

#careers .quote-section {
    background: radial-gradient(100.16% 141.42% at 0 0, #105ffb 0, #a15af0 100%)
}

#careers .internship-section .overlay {
    background: linear-gradient(180deg, rgba(24, 22, 37, .6) .5%, rgba(24, 22, 37, 0) 11%, rgba(24, 22, 37, .6) 24%, #181625 43%)
}

@media only screen and (min-width:834px) {
    #careers .internship-section .overlay {
        background: linear-gradient(180deg, rgba(24, 22, 37, .6) 7.5%, rgba(24, 22, 37, 0) 30%, rgba(24, 22, 37, .6) 46%, #181625 57%)
    }
}

@media only screen and (min-width:1024px) {
    #careers .internship-section .overlay {
        background: linear-gradient(180deg, rgba(24, 22, 37, .6) 9.55%, rgba(24, 22, 37, 0) 34.87%, rgba(24, 22, 37, .6) 55.21%, #181625 77.21%)
    }
}

#careers .video-section .overlay {
    background: linear-gradient(180deg, rgba(24, 22, 37, .6) .5%, rgba(24, 22, 37, 0) 11%, rgba(24, 22, 37, .6) 24%, #181625 43%)
}

@media only screen and (min-width:834px) {
    #careers .video-section .overlay {
        background: linear-gradient(180deg, rgba(24, 22, 37, .6) 7.5%, rgba(24, 22, 37, 0) 30%, rgba(24, 22, 37, .6) 46%, #181625 57%)
    }
}

@media only screen and (min-width:1024px) {
    #careers .video-section .overlay {
        background: linear-gradient(180deg, rgba(24, 22, 37, .6) 9.55%, rgba(24, 22, 37, 0) 34.87%, rgba(24, 22, 37, .6) 55.21%, #181625 77.21%)
    }
}

#careers .video-section .no-scroll {
    overflow: hidden
}

#careers #job-board .alert-warning p {
    color: #000
}

#careers #job-board ul {
    margin: 0;
    padding: 0
}

#careers #job-board ul li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#careers #job-board .no-job {
    text-align: center
}

#careers #job-board .job-listing {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 8px;
    padding: 20px 0;
    text-align: left;
    transition: all .2s
}

@media only screen and (min-width:834px) {
    #careers #job-board .job-listing {
        gap: 16px
    }
}

#careers #job-board .job-listing p {
    color: #999;
    display: inline-block;
    flex: 0 0 45%;
    font-size: 21px;
    font-weight: 600;
    line-height: 18px;
    margin: 0
}

#careers #job-board .job-title {
    color: #000;
    display: inline-block;
    flex: 0 0 50%;
    font-size: 18px;
    font-weight: 600;
    transition: all .2s
}

@media only screen and (min-width:834px) {
    #careers #job-board .job-title {
        font-size: 21px
    }
}

#careers #job-board .job-listing-item:before {
    border-top: 1px solid #e7e7e7;
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    width: calc(100% - 48px)
}

#careers #job-board .job-listing-item:last-child:after {
    border-top: 1px solid #e7e7e7;
    bottom: 1px;
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 48px)
}

#careers #job-board h3 {
    color: #666;
    font-family: var(--font-wt-Light), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.2em;
    margin: 64px 0 32px;
    text-align: left
}

@media only screen and (min-width:834px) {
    #careers #job-board h3 {
        font-size: 24px;
        margin: 80px 0 32px
    }
}

@media only screen and (min-width:1024px) {
    #careers #job-board h3 {
        font-size: 36px;
        margin: 96px 0 32px
    }
}

#careers #job-board .awards-pod h3 {
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 1.5em 0 0
}

#careers #job-board #job-counter {
    color: #000;
    font: 18px/1.5 var(--font-wt-Black), Avenir, -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif, medium, Helvetica Neue, Helvetica
}

#careers #job-board #job-counter span {
    font-family: var(--font-wt-Light), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif
}

#careers #job-board select {
    border-color: #efefef;
    border-width: 2px;
    font-size: 16px;
    padding: 8px
}

#careers #job-board #filter-form {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 40px
}

#careers #job-board #filter-form select {
    margin-right: 16px
}

#careers #job-board .scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden
}

#careers #job-board .arrow {
    float: right;
    rotate: 180deg
}

#careers #job-board svg {
    transition: all .3s
}

#careers #job-board .dropdown {
    padding: .5rem !important
}

#careers #job-board .wrapper-dropdown {
    align-items: center;
    background: #fff;
    border: 1px solid #eef0f6;
    border-radius: 8px;
    box-shadow: 0 2px 2px 0 rgba(16, 95, 251, .15);
    color: #000;
    cursor: pointer;
    display: flex;
    font-family: var(--font-wt-Light), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-weight: 300;
    justify-content: space-between;
    line-height: 16px;
    padding: 14px 16px;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

#careers #job-board .wrapper-dropdown .selected-display {
    align-items: center;
    display: flex;
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-size: 16px;
    font-weight: 750;
    margin: 0;
    padding-top: 5px
}

#careers #job-board .wrapper-dropdown:before {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    margin-top: -2px;
    position: absolute;
    right: 16px;
    top: 50%
}

#careers #job-board .rotated {
    transform: rotate(-180deg)
}

#careers #job-board .wrapper-dropdown .dropdown {
    background: inherit;
    border-radius: 15px;
    box-shadow: inherit;
    box-shadow: 0 4px 20px 0 rgba(16, 95, 251, .15);
    left: 0;
    list-style: none;
    margin: 0;
    opacity: 0;
    padding: 20px !important;
    padding: 0;
    position: absolute;
    right: 0;
    top: 125%;
    transform-origin: top;
    transition: .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    visibility: hidden;
    z-index: 99
}

#careers #job-board .wrapper-dropdown .dropdown li {
    line-height: 25px;
    margin: 20px 0;
    overflow: hidden;
    padding: 0 15px
}

#careers #job-board .wrapper-dropdown .dropdown li:first-child {
    margin-top: 10px
}

#careers #job-board .wrapper-dropdown .dropdown li:last-child {
    border-bottom: none;
    margin-bottom: 10px
}

#careers #job-board .wrapper-dropdown.active .dropdown {
    border-radius: 15px;
    opacity: 1;
    visibility: visible
}

#careers #job-board .job-controls-con {
    align-items: center;
    display: flex;
    justify-content: space-between
}

#careers #job-board #reset-filters {
    color: #2A5DA9;
    cursor: pointer;
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-weight: 700;
    padding-right: 35px
}

#careers #job-board #fetching-jobs p,
#careers #job-board .loading-jobs {
    text-align: center
}

@media screen and (width <=1040px) {
    #careers #job-board #filter-form {
        flex-direction: column
    }

    #careers #job-board .wrapper-dropdown {
        width: 100%
    }

    #careers #job-board .job-listing {
        align-items: flex-start;
        flex-direction: column
    }
}

#careers #job-board .disabled {
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none
}

#careers #job-board #intern-message {
    text-align: center
}

#careers #job-board .awards-pod a {
    color: #000 !important
}

#careers #job-board .disclaimer a {
    color: #2A5DA9;
    cursor: pointer;
    font-weight: 700
}

#careers #job-board .disclaimer a,
#careers #job-board section .opening a {
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif
}

#careers .awards-grid-wrap {
    display: grid;
    gap: 40px
}

#careers .awards-pod {
    margin: 0 auto 40px;
    max-width: 215px;
    width: 20%
}

#careers .awards .awards-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 0 auto
}

@media screen and (width <=640px) {
    #careers .awards .awards-container {
        align-items: center;
        flex-direction: column
    }
}

#careers .awards-pod img {
    display: inline-block;
    max-height: 120px
}

#careers .awards button {
    padding: 1rem .75rem
}

@media screen and (width <=768px) {
    #careers .awards-pod {
        max-width: 400px;
        text-align: center;
        width: 45%
    }
}

@media screen and (width <=640px) {
    #careers .awards-pod h3 {
        font-size: 14px
    }
}

#careers #awards-container {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(1, 1fr);
    margin: auto
}

@media only screen and (min-width:640px) {
    #careers #awards-container {
        grid-template-columns: repeat(2, 1fr)
    }

    #careers #awards-container>div:last-child {
        grid-column: 1/-1;
        margin: auto;
        max-width: 50%
    }
}

@media only screen and (min-width:1024px) {
    #careers #awards-container {
        gap: 48px;
        grid-template-columns: repeat(3, 1fr)
    }

    #careers #awards-container>div:last-child {
        grid-column: span 1;
        margin: 0 auto;
        max-width: none
    }
}

#audience-plus .hero-section {
    background-color: #eef0f6;
    position: relative;
    z-index: auto
}

#audience-plus .hero-section .hero-portrait-one img {
    margin: 0 auto;
    padding-top: 100px;
    width: 185px;
    z-index: 99
}

@media only screen and (min-width:640px) {
    #audience-plus .hero-section .hero-portrait-one img {
        padding-top: 200px;
        width: 277px
    }
}

@media only screen and (min-width:1024px) {
    #audience-plus .hero-section .hero-portrait-one img {
        padding-top: 100px;
        width: 370px
    }
}

#audience-plus .hero-section .hero-portrait-two {
    display: none
}

@media only screen and (min-width:640px) {
    #audience-plus .hero-section .hero-portrait-two {
        display: block;
        left: 3%;
        position: absolute;
        top: 64%;
        transform: translate(-50%, -50%);
        width: 104px
    }
}

@media only screen and (min-width:1024px) {
    #audience-plus .hero-section .hero-portrait-two {
        display: block;
        left: 8%;
        position: absolute;
        top: 58%;
        width: 139px
    }
}

#audience-plus .hero-section .hero-portrait-three {
    display: none
}

@media only screen and (min-width:640px) {
    #audience-plus .hero-section .hero-portrait-three {
        display: block;
        left: 90%;
        position: absolute;
        top: 84%;
        transform: translate(-50%, -50%);
        width: 126px
    }
}

@media only screen and (min-width:1024px) {
    #audience-plus .hero-section .hero-portrait-three {
        display: block;
        left: 88%;
        position: absolute;
        top: 80%;
        width: 168px
    }
}

#audience-plus .hero-section .hero-portrait-four {
    left: 2%;
    position: absolute;
    top: 80%;
    transform: translate(-50%, -50%);
    width: 71px
}

@media only screen and (min-width:640px) {
    #audience-plus .hero-section .hero-portrait-four {
        left: 17%;
        top: 80%;
        width: 107px
    }
}

@media only screen and (min-width:1024px) {
    #audience-plus .hero-section .hero-portrait-four {
        left: 23%;
        top: 85%;
        width: 143px
    }
}

#audience-plus .hero-section .hero-portrait-five {
    left: 96%;
    position: absolute;
    top: 70%;
    transform: translate(-50%, -50%);
    width: 59px
}

@media only screen and (min-width:640px) {
    #audience-plus .hero-section .hero-portrait-five {
        left: 80%;
        top: 66%;
        width: 87px
    }
}

@media only screen and (min-width:1024px) {
    #audience-plus .hero-section .hero-portrait-five {
        left: 78%;
        top: 57%;
        width: 117px
    }
}

#audience-plus .hero-section .square-one {
    display: none
}

@media only screen and (min-width:640px) {
    #audience-plus .hero-section .square-one {
        display: block;
        left: -1%;
        position: absolute;
        top: 85%
    }

    #audience-plus .hero-section .square-one img {
        max-width: 33px
    }
}

@media only screen and (min-width:1024px) {
    #audience-plus .hero-section .square-one {
        display: block;
        left: 4%;
        position: absolute;
        top: 81%
    }

    #audience-plus .hero-section .square-one img {
        max-width: 44px
    }
}

#audience-plus .hero-section .square-two {
    display: none
}

@media only screen and (min-width:1024px) {
    #audience-plus .hero-section .square-two {
        display: block;
        position: absolute;
        right: 0;
        top: 59%;
        transform: translate(-50%, -50%)
    }

    #audience-plus .hero-section .square-two img {
        max-width: 44px
    }
}

#audience-plus .hero-section .square-three {
    left: 86%;
    position: absolute;
    top: 80%;
    transform: translate(-50%, -50%)
}

#audience-plus .hero-section .square-three img {
    max-width: 19px;
    z-index: 99
}

@media only screen and (min-width:640px) {
    #audience-plus .hero-section .square-three {
        left: 75%;
        top: 80%
    }

    #audience-plus .hero-section .square-three img {
        max-width: 30px
    }
}

@media only screen and (min-width:1024px) {
    #audience-plus .hero-section .square-three {
        left: 72%;
        top: 75%
    }

    #audience-plus .hero-section .square-three img {
        max-width: 38px
    }
}

#audience-plus .hero-section .square-four {
    left: 5%;
    position: absolute;
    top: 68%;
    transform: translate(-50%, -50%)
}

#audience-plus .hero-section .square-four img {
    max-width: 19px;
    z-index: 99
}

@media only screen and (min-width:640px) {
    #audience-plus .hero-section .square-four {
        left: 22%;
        top: 68%
    }

    #audience-plus .hero-section .square-four img {
        max-width: 30px
    }
}

@media only screen and (min-width:1024px) {
    #audience-plus .hero-section .square-four {
        left: 27%;
        top: 59%
    }

    #audience-plus .hero-section .square-four img {
        max-width: 38px
    }
}

#audience-plus .brand-shopping-section {
    background-color: #181625;
    color: #fff;
    position: relative
}

#audience-plus .brand-shopping-section .overlay {
    background: radial-gradient(ellipse at top, rgba(118, 174, 177, .4) 25%, #181625 80%);
    height: 100%;
    left: 0;
    opacity: 75%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

#audience-plus .brand-shopping-section .gradient-pill-one {
    display: none
}

@media only screen and (min-width:834px) {
    #audience-plus .brand-shopping-section .gradient-pill-one {
        display: block;
        left: -3%;
        position: absolute;
        top: 60%
    }

    #audience-plus .brand-shopping-section .gradient-pill-one img {
        max-height: 97px;
        z-index: 1
    }
}

@media only screen and (min-width:1024px) {
    #audience-plus .brand-shopping-section .gradient-pill-one {
        left: -5%;
        top: 60%
    }

    #audience-plus .brand-shopping-section .gradient-pill-one img {
        max-height: 287px
    }
}

#audience-plus .brand-shopping-section .gradient-pill-two {
    display: none
}

@media only screen and (min-width:834px) {
    #audience-plus .brand-shopping-section .gradient-pill-two {
        display: block;
        position: absolute;
        right: -15%;
        top: -25%
    }

    #audience-plus .brand-shopping-section .gradient-pill-two img {
        max-height: 207px;
        z-index: 1
    }
}

@media only screen and (min-width:1024px) {
    #audience-plus .brand-shopping-section .gradient-pill-two {
        right: -7%;
        top: -13%
    }

    #audience-plus .brand-shopping-section .gradient-pill-two img {
        max-height: 287px
    }
}

#audience-plus .brand-shopping-section .app-one {
    display: none
}

@media only screen and (min-width:834px) {
    #audience-plus .brand-shopping-section .app-one {
        display: block;
        left: 4%;
        position: absolute;
        top: -4%
    }

    #audience-plus .brand-shopping-section .app-one img {
        max-width: 91px;
        z-index: 1
    }
}

@media only screen and (min-width:1024px) {
    #audience-plus .brand-shopping-section .app-one {
        left: 4%;
        top: -4%
    }

    #audience-plus .brand-shopping-section .app-one img {
        max-width: 144px;
        z-index: 1
    }
}

#audience-plus .brand-shopping-section .app-two {
    display: none
}

@media only screen and (min-width:834px) {
    #audience-plus .brand-shopping-section .app-two {
        display: block;
        left: 15%;
        opacity: 35%;
        position: absolute;
        top: 35%
    }

    #audience-plus .brand-shopping-section .app-two img {
        max-width: 58px;
        z-index: 1
    }
}

@media only screen and (min-width:1024px) {
    #audience-plus .brand-shopping-section .app-two {
        left: 15%;
        top: 35%
    }

    #audience-plus .brand-shopping-section .app-two img {
        max-width: 100px
    }
}

#audience-plus .brand-shopping-section .app-three {
    display: none
}

@media only screen and (min-width:834px) {
    #audience-plus .brand-shopping-section .app-three {
        display: block;
        position: absolute;
        right: 5%;
        top: 50%
    }

    #audience-plus .brand-shopping-section .app-three img {
        max-width: 103px;
        opacity: 40%;
        z-index: 1
    }
}

@media only screen and (min-width:1024px) {
    #audience-plus .brand-shopping-section .app-three {
        right: 5%;
        top: 50%
    }

    #audience-plus .brand-shopping-section .app-three img {
        max-width: 176px
    }
}

#audience-plus .brand-shopping-section .app-four {
    opacity: 30%;
    position: absolute;
    right: 55%;
    top: -20%
}

#audience-plus .brand-shopping-section .app-four img {
    max-width: 102px;
    z-index: 1
}

@media only screen and (min-width:834px) {
    #audience-plus .brand-shopping-section .app-four {
        right: 55%;
        top: -18%
    }
}

@media only screen and (min-width:1024px) {
    #audience-plus .brand-shopping-section .app-four {
        right: 55%;
        top: -22%
    }

    #audience-plus .brand-shopping-section .app-four img {
        max-width: 175px
    }
}

#audience-plus .brand-shopping-section .stats-gradient {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .08), hsla(0, 0%, 100%, .03)), linear-gradient(180deg, rgba(37, 42, 58, .6), rgba(37, 42, 58, 0))
}

#audience-plus .targeting-section {
    background-color: #f7f8fc
}

#audience-plus .creatives-section .section-title,
#audience-plus .inventory-section .section-title,
#audience-plus .targeting-section .section-title {
    color: #ff9e1d;
    font-family: var(--font-wt-Black), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-weight: 750
}

#audience-plus .inventory-section svg:hover {
    background: #000;
    border-radius: 10px
}

#audience-plus .reporting-section .section-title {
    color: #ff9e1d;
    font-family: var(--font-wt-Black), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-weight: 750
}

#audience-plus .reporting-section ul li {
    background: url(/wp-content/themes/applovin/images/light-yellowfilled.svg) no-repeat 0 0;
    background-size: 24px;
    display: inline-block;
    list-style: none;
    margin-bottom: 16px;
    padding: 0 10px 0 40px;
    vertical-align: middle;
    width: 100%
}

#audience-plus .reporting-section ul li:last-child {
    margin-bottom: 0
}

#audience-plus .footer-cta-section .section-title {
    color: #ff9e1d;
    font-family: var(--font-wt-Black), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-weight: 750
}

#audience-plus #dynamic-h2 {
    opacity: 0;
    transition: opacity 1s ease-in-out !important
}

#audience-plus #dynamic-h2.fade-in {
    opacity: 1
}

#audience-plus #dynamic-h2.fade-out {
    opacity: 0
}

#audience-plus .slick-slide {
    height: auto;
    margin-right: 40px
}

#audience-plus .slick-list {
    overflow: visible !important
}

#audience-plus .slick-arrow {
    cursor: pointer;
    height: auto;
    margin-top: 0;
    position: relative;
    width: auto
}

#audience-plus #getting-started .text-block {
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

#audience-plus #getting-started .slide-content {
    align-items: center;
    display: flex;
    height: 600px;
    justify-content: center;
    position: relative
}

#audience-plus #getting-started .image-block {
    height: 560px;
    position: sticky;
    top: 0
}

#audience-plus #getting-started .StickyAnimation {
    align-self: flex-start;
    position: relative
}

@media (width <=1024px) {
    #audience-plus #getting-started .StickyAnimation {
        display: none
    }
}

#audience-plus #getting-started .StickyAnimation__container {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#audience-plus #getting-started .StickyAnimation__content {
    position: sticky;
    top: 0
}

#audience-plus #getting-started .StickyAnimation__contentSection {
    align-items: center;
    display: flex;
    justify-content: center;
    pointer-events: none;
    position: relative
}

#audience-plus #getting-started .svg-item {
    height: auto;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 1s ease-in-out;
    width: 100%;
    z-index: 1
}

#audience-plus #getting-started .svg-item.show {
    opacity: 1;
    z-index: 2
}

#audience-plus #getting-started .svg-item.hide {
    opacity: 0
}

#audience-plus #getting-started .svg-animation-trigger {
    opacity: 0;
    transition: opacity 1s ease-in
}

#audience-plus #getting-started .svg-animation-trigger.fade-in {
    opacity: 1
}

#audience-plus #getting-started .text-container {
    opacity: 0;
    transition: opacity .8s ease-in-out
}

#audience-plus #getting-started .text-container.fade-in {
    opacity: 1
}

#audience-plus #getting-started .text-container.fade-out {
    opacity: 0
}

#audience-plus #getting-started .responsive-svg {
    opacity: 0;
    transition: opacity 1s ease-in-out
}

#audience-plus #getting-started .responsive-svg.fade-in {
    opacity: 1
}

#audience-plus #getting-started .responsive-svg.fade-out {
    opacity: 0
}

.end-card-hero {
    background: url(https://storage.googleapis.com/applovin_assets_us/images/img-hero-gradient-right.png), url(https://storage.googleapis.com/applovin_assets_us/images/img-hero-gradient-left.png), linear-gradient(180deg, #f7f8fc, #eef0f6);
    background-position: calc(100% + 248px) 400px, -855px -480px, 50%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: auto 400px, auto, cover
}

@media only screen and (min-width:834px) {
    .end-card-hero {
        background: url(https://storage.googleapis.com/applovin_assets_us/images/img-hero-gradient-right.png), url(https://storage.googleapis.com/applovin_assets_us/images/img-hero-gradient-left.png), linear-gradient(180deg, #f7f8fc, #eef0f6);
        background-position: calc(100% + 340px) 270px, -855px -490px, 50%;
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-size: auto 700px, auto, cover
    }
}

@media only screen and (min-width:1280px) {
    .end-card-hero {
        background: url(https://storage.googleapis.com/applovin_assets_us/images/img-hero-gradient-right.png), url(https://storage.googleapis.com/applovin_assets_us/images/img-hero-gradient-left.png), linear-gradient(180deg, #f7f8fc, #eef0f6);
        background-position: calc(100% + 340px) 60px, -835px -380px, 50%;
        background-repeat: no-repeat, no-repeat, no-repeat
    }
}

.orange-header-gradient {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #e59325 13.56%, #cf2556 88.31%);
    -webkit-background-clip: text;
    background-clip: text
}

.blue-header-gradient {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #617bfa 14.25%, #2a49e1 87.19%);
    -webkit-background-clip: text;
    background-clip: text
}

.sunset-gradient {
    background: linear-gradient(97deg, rgba(255, 158, 29, .1), rgba(255, 158, 29, .6)), url(/wp-content/themes/applovin/images/illo-cta-minicard-background.png);
    background-blend-mode: overlay;
    background-size: cover;
    box-shadow: 0 36px 48px -32px rgba(207, 133, 33, .25)
}

.blue-gradient-background {
    background: url(https://storage.googleapis.com/applovin_assets_us/images/img-cta-bg-blue.png);
    background-blend-mode: overlay;
    background-size: cover;
    box-shadow: 0 36px 48px -32px rgba(59, 94, 248, .25)
}

.purple-gradient-background {
    background: url(https://storage.googleapis.com/applovin_assets_us/images/img-cta-bg-purple.png);
    background-blend-mode: overlay;
    background-size: cover;
    box-shadow: 0 36px 48px -32px rgba(88, 3, 175, .25)
}

.pink-gradient {
    background: linear-gradient(97deg, rgba(252, 50, 108, .1), rgba(252, 50, 108, .6)), url(/wp-content/themes/applovin/images/illo-cta-minicard-background-pink.svg);
    background-blend-mode: overlay;
    background-size: cover;
    box-shadow: 0 36px 48px -32px rgba(169, 30, 70, .25)
}

.end-card-bg {
    background-image: url(/wp-content/themes/applovin/images/endcard-cta-background.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

#page-404 {
    background: url(/wp-content/uploads/2024/07/404-background.png), linear-gradient(180deg, #e0e6f0, #f7f8fc);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

#page-404 h1 {
    font-family: var(--font-wt-Black), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-weight: 750
}

#page-404 h3 {
    font-family: var(--font-wt-Heavy), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-weight: 700
}

#about {
    overflow: hidden
}

#about .hero-section {
    background: url(/wp-content/themes/applovin/images/illo-about-header-background.svg) no-repeat 50%, linear-gradient(180deg, #e0e6f0, #f7f8fc);
    background-size: cover
}

#about .office-section {
    align-items: center;
    background: url(/wp-content/themes/applovin/images/img_about-us_parallax-gradient-mobile.jpg) no-repeat, #181625;
    background-attachment: scroll;
    background-position: 50%;
    background-size: cover;
    display: flex;
    min-height: 600px
}

#about .office-section .gap-\[640px\] {
    gap: 340px
}

@media only screen and (min-width:834px) {
    #about .office-section {
        background: url(/wp-content/themes/applovin/images/img_about-us_parallax-gradient.jpg) no-repeat, #181625;
        background-attachment: scroll;
        background-position: 50%;
        background-size: cover
    }

    #about .office-section .gap-\[640px\] {
        gap: 400px
    }
}

@media only screen and (min-width:1024px) {
    #about .office-section {
        background-attachment: fixed;
        background-position: 50%;
        background-size: cover
    }

    #about .office-section .gap-\[640px\] {
        gap: 640px
    }
}

#about .office-section .stats-office-section {
    -webkit-mask-image: unset;
    mask-image: unset;
    overflow: visible
}

@media only screen and (min-width:834px) {
    #about .office-section .stats-office-section {
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 25%, #000 75%, transparent);
        mask-image: linear-gradient(90deg, transparent, #000 25%, #000 75%, transparent);
        overflow: hidden
    }
}

#about .office-section .growth-pods-wrap {
    animation: scroll 30s linear infinite;
    position: relative;
    width: -moz-max-content;
    width: max-content
}

#about .office-section .growth-pods-wrap .growth-pod {
    align-items: center;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, 0));
    border-radius: 24px;
    box-sizing: border-box;
    display: inline-flex;
    flex: 0 1 auto;
    margin: 0 10px;
    padding: 16px 24px;
    text-align: center
}

@media only screen and (min-width:834px) {
    #about .office-section .growth-pods-wrap .growth-pod {
        padding: 24px 32px
    }
}

#about .office-section .growth-pods-wrap .growth-pod h5 {
    font-family: TTBackwardsSansBlack, Avenir, -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-size: 2em;
    margin: 0;
    width: -moz-max-content;
    width: max-content
}

#about .office-section .growth-pods-wrap .growth-pod h6 {
    font-size: 1em;
    margin: 0;
    padding-left: 16px;
    text-align: left;
    width: -moz-max-content;
    width: max-content
}

#about .about-section {
    background: linear-gradient(180deg, #f7f8fc, #eef0f6)
}

#about .values-header-title {
    font-family: var(--font-wt-Medium), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-weight: 400
}

#about .cta-section {
    background: url(/wp-content/themes/applovin/images/illo-about-cta.png) no-repeat, #f7f8fc;
    background-position: 50%;
    background-size: cover
}

#about .purple-gradient {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #6441e2, #2A5DA9);
    -webkit-background-clip: text;
    background-clip: text
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

#leadershipPage .hero-section {
    background: url(/wp-content/themes/applovin/images/illo-leadership-header-background.svg) no-repeat 50%, linear-gradient(180deg, #e0e6f0, #f7f8fc);
    background-size: cover
}

#leadershipPage .leaders-pod .leaders-pod-image {
    position: relative
}

#leadershipPage .leaders-pod .leaders-pod-image img {
    border-radius: 16px;
    height: auto;
    width: 100%
}

#leadershipPage .leaders-pod .leaders-pod-image:before {
    background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, .2));
    border-radius: 16px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

#leadershipPage .leaders-pod .leaders-pod-text {
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 40px;
    position: absolute;
    text-align: left;
    z-index: 2
}

#leadershipPage .leaders-pod .leaders-pod-text .title,
#leadershipPage .leaders-pod .leaders-pod-text h3 {
    margin-bottom: 0
}

#leadershipPage .default-bio-text h4 {
    margin-bottom: 8px
}

#leadershipPage .default-bio-text p {
    margin-bottom: 0
}

#leadershipPage .popup {
    background-color: rgba(0, 0, 0, .4);
    display: none;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

#leadershipPage .popup-content {
    background-color: #fefefe;
    border: 1px solid #888;
    border-radius: 16px;
    height: 90%;
    left: 50%;
    max-width: 636px;
    overflow: scroll;
    padding: 48px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%
}

@media only screen and (min-width:834px) {
    #leadershipPage .popup-content {
        height: auto;
        overflow: unset
    }
}

@media only screen and (min-width:1024px) {
    #leadershipPage .popup-content {
        height: auto;
        overflow: unset
    }
}

#leadershipPage .close {
    color: #aaa;
    float: right;
    font-size: 15px;
    font-weight: 700;
    height: 10px;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 10px
}

#leadershipPage .close:focus,
#leadershipPage .close:hover {
    color: #000;
    cursor: pointer;
    text-decoration: none
}

#leadershipPage .bio-copy p {
    margin-bottom: 0
}

#leadershipPage .bio-content img {
    border-radius: 40px;
    height: 80px;
    margin-bottom: 25px;
    width: 80px
}

#leadershipPage .cta-section {
    background: url(/wp-content/themes/applovin/images/illo-leadership-cta.png) no-repeat 50%, #f7f8fc;
    background-position: bottom;
    background-size: cover;
    text-align: center
}

#caresPage {
    color: #000
}

#caresPage .hero-section {
    background: url(/wp-content/themes/applovin/images/illo-cares-header-background.svg), linear-gradient(180deg, #e0e6f0, #f7f8fc);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

#caresPage .intro {
    display: block
}

#caresPage .intro .text-intro {
    max-width: 560px;
    text-align: center
}

#caresPage .intro .text-intro p {
    font-family: var(--font-wt-Black);
    font-weight: 750;
    letter-spacing: 1px;
    margin-bottom: 0 !important;
    text-transform: uppercase
}

#caresPage .intro .text-intro h2 {
    margin: 15px 0
}

@media only screen and (min-width:1024px) {
    #caresPage .intro {
        grid-gap: 0 40px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr
    }

    #caresPage .intro .text-intro {
        align-content: center;
        text-align: left
    }
}

#caresPage .mission {
    align-content: center;
    background: url(/wp-content/themes/applovin/images/Ellipse-caroussel.svg), #f7f8fc;
    background-position: 100%;
    background-repeat: no-repeat;
    height: 900px;
    overflow: hidden;
    position: relative;
    width: 100%
}

#caresPage .mission h3 {
    margin-bottom: 40px;
    padding: 0 32px;
    text-align: center
}

#caresPage .mission h4,
#caresPage .mission p {
    margin: auto;
    max-width: 560px;
    opacity: 0;
    transition: opacity 1s ease
}

#caresPage .mission .mission-pods-wrap {
    text-align: center;
    transition: transform 1s ease-in-out
}

#caresPage .mission .mission-pod {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 1s ease-in-out;
    width: 100%
}

#caresPage .mission .mission-pod .mission-container {
    min-height: 400px;
    position: relative
}

#caresPage .mission .mission-pod .mission-pod.active {
    opacity: 1;
    position: relative;
    transform: translateY(0);
    z-index: 1
}

#caresPage .mission .mission-pod h4,
#caresPage .mission .mission-pod p {
    margin: auto;
    max-width: 560px;
    padding: 0 32px
}

#caresPage .mission .mission-pod h3,
#caresPage .mission .mission-pod h4 {
    font-family: var(--font-wt-Black);
    font-weight: 750;
    padding: 0 24px
}

#caresPage .mission .mission-pod h3 {
    margin-bottom: 8px
}

#caresPage .mission .mission-pod p {
    margin-bottom: 40px
}

#caresPage .mission .mission-pod.active {
    display: block;
    opacity: 1;
    transform: translateY(0)
}

#caresPage .mission .arrows {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 24px;
    justify-content: center;
    top: 150px
}

#caresPage .mission .arrows .chevron-rounded {
    height: 16px;
    width: 16px
}

#caresPage .mission .arrows .single-arrows {
    border: 1px solid #000;
    border-radius: 50%;
    cursor: pointer;
    padding: 8px
}

#caresPage .mission .img-mission-pod {
    border-radius: 8px;
    margin: 20px auto;
    max-width: 400px;
    opacity: 0;
    position: absolute;
    transition: opacity 1s ease;
    width: 100%
}

@media only screen and (min-width:1024px) {
    #caresPage .mission .img-mission-pod {
        border-radius: 16px
    }
}

#caresPage .mission .one .pod-one {
    left: -15px;
    max-width: 155px;
    top: -350px
}

@media only screen and (min-width:834px) {
    #caresPage .mission .one .pod-one {
        left: -80px;
        max-width: 205px
    }
}

@media only screen and (min-width:1024px) {
    #caresPage .mission .one .pod-one {
        left: -80px;
        max-width: 358px
    }
}

#caresPage .mission .one .pod-two {
    bottom: 150px;
    display: none;
    max-width: 400px;
    right: -75px
}

@media only screen and (min-width:834px) {
    #caresPage .mission .one .pod-two {
        display: block;
        max-width: 206px;
        right: -5px
    }
}

@media only screen and (min-width:1024px) {
    #caresPage .mission .one .pod-two {
        display: block;
        max-width: 380px;
        right: -75px
    }
}

#caresPage .mission .one .pod-three {
    max-width: 230px;
    right: 115px;
    top: 210px
}

@media only screen and (min-width:834px) {
    #caresPage .mission .one .pod-three {
        display: block;
        max-width: 230px
    }
}

@media only screen and (min-width:1024px) {
    #caresPage .mission .one .pod-three {
        display: block;
        max-width: 356px
    }
}

#caresPage .mission .two .pod-one {
    left: -15px;
    max-width: 155px;
    top: -350px
}

@media only screen and (min-width:834px) {
    #caresPage .mission .two .pod-one {
        left: -80px;
        max-width: 205px
    }
}

@media only screen and (min-width:1024px) {
    #caresPage .mission .two .pod-one {
        left: -80px;
        max-width: 358px
    }
}

#caresPage .mission .two .pod-two {
    bottom: 200px;
    display: none;
    max-width: 400px;
    right: -75px
}

@media only screen and (min-width:834px) {
    #caresPage .mission .two .pod-two {
        display: block;
        max-width: 206px;
        right: -5px
    }
}

@media only screen and (min-width:1024px) {
    #caresPage .mission .two .pod-two {
        display: block;
        max-width: 400px;
        right: -75px
    }
}

#caresPage .mission .two .pod-three {
    display: none;
    max-width: 230px;
    right: 115px;
    top: 160px
}

@media only screen and (min-width:834px) {
    #caresPage .mission .two .pod-three {
        display: block;
        max-width: 230px
    }
}

@media only screen and (min-width:1024px) {
    #caresPage .mission .two .pod-three {
        display: block;
        max-width: 356px
    }
}

#caresPage .mission .two .pod-four {
    left: 45px;
    max-width: 200px;
    top: 175px
}

@media only screen and (min-width:834px) {
    #caresPage .mission .two .pod-four {
        display: block;
        max-width: 230px
    }
}

@media only screen and (min-width:1024px) {
    #caresPage .mission .two .pod-four {
        display: block;
        left: 150px;
        max-width: 270px;
        top: 215px
    }
}

#caresPage .mission .three .pod-one {
    left: -15px;
    max-width: 155px;
    top: -350px
}

@media only screen and (min-width:834px) {
    #caresPage .mission .three .pod-one {
        left: -80px;
        max-width: 205px
    }
}

@media only screen and (min-width:1024px) {
    #caresPage .mission .three .pod-one {
        left: -80px;
        max-width: 358px
    }
}

#caresPage .mission .three .pod-two {
    left: 190px;
    max-width: 230px;
    top: 200px
}

@media only screen and (min-width:834px) {
    #caresPage .mission .three .pod-two {
        display: block;
        max-width: 230px
    }
}

@media only screen and (min-width:1024px) {
    #caresPage .mission .three .pod-two {
        display: block;
        max-width: 400px
    }
}

#caresPage .mission .three .pod-three {
    display: none;
    max-width: 356px;
    right: -90px;
    top: -100px
}

@media only screen and (min-width:834px) {
    #caresPage .mission .three .pod-three {
        display: block;
        max-width: 250px
    }
}

@media only screen and (min-width:1024px) {
    #caresPage .mission .three .pod-three {
        display: block;
        max-width: 356px
    }
}

#caresPage .projects h5 {
    margin-bottom: 40px;
    margin-top: 0;
    text-align: center
}

#caresPage .projects .logos-wrap {
    grid-gap: 40px 24px;
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    place-items: center center
}

#caresPage .projects .logos-wrap :last-child:nth-child(odd) {
    grid-column: 1/-1;
    justify-self: center
}

#caresPage .projects .logos-wrap img {
    max-width: 136px
}

@media only screen and (min-width:834px) {
    #caresPage .projects .logos-wrap {
        grid-gap: 40px 24px;
        display: grid;
        grid-auto-flow: dense;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
        place-items: center center
    }

    #caresPage .projects .logos-wrap img {
        max-width: 200px
    }

    #caresPage .projects .logos-wrap :last-child:nth-child(odd) {
        grid-column: unset;
        justify-self: unset
    }
}

@media only screen and (min-width:1024px) {
    #caresPage .projects .logos-wrap {
        grid-gap: 40px 48px;
        display: grid;
        grid-auto-flow: dense;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
        place-items: center center
    }

    #caresPage .projects .logos-wrap img {
        max-width: 240px
    }
}

@keyframes slideLeft {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

#caresPage .success-quote {
    background-image: url(/wp-content/themes/applovin/images/img-cares-testimonial.jpg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 24px;
    color: #fff;
    display: grid;
    gap: 48px;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    height: 50%;
    justify-content: space-between;
    padding: 32px;
    text-align: left
}

@media only screen and (min-width:834px) {
    #caresPage .success-quote {
        background-image: url(/wp-content/themes/applovin/images/img-cares-testimonial.jpg);
        background-position: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 24px;
        color: #fff;
        display: flex;
        flex-direction: column;
        gap: 48px;
        height: 100%;
        justify-content: space-between;
        padding: 32px;
        text-align: left
    }
}

@media screen and (width >=930px) {
    #caresPage .success-quote {
        border-radius: 40px;
        height: 600px;
        padding: 80px 40px 40px
    }
}

@media screen and (width >=1070px) {
    #caresPage .success-quote {
        height: 680px;
        padding: 80px 80px 40px
    }
}

#caresPage .success-quote .quote-slider {
    color: #000;
    display: flex;
    flex-direction: column;
    gap: 14px
}

@media only screen and (min-width:834px) {
    #caresPage .success-quote .quote-slider {
        color: #fff
    }
}

@media screen and (width >=930px) {
    #caresPage .success-quote .quote-slider {
        flex-direction: row;
        gap: 24px
    }
}

#caresPage .success-quote .quote-name {
    font-family: var(--font-wt-Light);
    font-weight: 700
}

#caresPage .success-quote .quote-attrib {
    margin-bottom: 0
}

#caresPage .success-quote .quote-text {
    max-width: 600px
}

#caresPage .success-quote .quote-text .partner-logo {
    margin: 0
}

#caresPage .success-quote .quote-text {
    display: none;
    opacity: 0
}

#caresPage .success-quote .quote-text.active {
    animation: slideLeft .5s ease-in-out forwards;
    display: block
}

#caresPage .success-quote .quote-speaker {
    align-items: center;
    border-radius: 24px;
    cursor: pointer;
    display: inline-flex;
    gap: 8px;
    opacity: .5;
    padding: 12px;
    transition: opacity .5s ease-in-out
}

#caresPage .success-quote .quote-speaker img {
    height: 40px;
    width: 40px
}

#caresPage .success-quote .quote-speaker.active {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: linear-gradient(92deg, hsla(0, 0%, 100%, .4) -.02%, hsla(0, 0%, 100%, 0) 99.97%);
    opacity: 1
}

#caresPage .line {
    animation: slideLeft 1s ease-in-out forwards;
    display: block;
    opacity: 0;
    transform: translateY(100%)
}

#caresPage .contact {
    background: url(/wp-content/themes/applovin/images/illo-cares-cta.png) no-repeat 50%, #f7f8fc;
    background-position: 100% 102%;
    background-size: contain;
    text-align: center
}

@media only screen and (min-width:1024px) {
    #caresPage .contact {
        background-position: 100% 110%
    }
}

#caresPage .form-wrapper {
    background-color: #fff;
    border-radius: 16px;
    height: 16600px;
    margin: auto;
    max-height: 1520px;
    max-width: 600px;
    width: 100%
}

#caresPage .form-wrapper iframe {
    height: 100%;
    padding: 60px;
    width: 100%
}

#internship .top-section {
    background: url(/wp-content/themes/applovin/images/illo-internship-header-background.svg), linear-gradient(180deg, #e0e6f0, #f7f8fc);
    background-position: center 15%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

#internship .programs-section .deck {
    font-family: TTBackwardsSansBlack;
    font-weight: 400
}

#internship .programs-section ul {
    margin-left: 0
}

#internship .programs-section ul li {
    background: url(/wp-content/themes/applovin/images/blue-tcheck_filled.svg) no-repeat 0 0;
    background-size: 24px;
    display: inline-block;
    list-style: none;
    margin-bottom: 16px;
    padding: 0 10px 0 40px;
    vertical-align: middle;
    width: 100%
}

#internship .programs-section ul li:last-child {
    margin-bottom: 0
}

#internship .internship-slider {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .4), #f7f8fc);
    border-radius: 2.5rem 2.5rem 0 0;
    position: relative;
    z-index: 1
}

@media only screen and (min-width:1024px) {
    #internship .internship-slider {
        border-radius: 4rem 4rem 0 0
    }
}

@media only screen and (min-width:1280px) {
    #internship .internship-slider {
        border-radius: 5rem 5rem 0 0
    }
}

#internship .internship-slider .deck {
    font-family: TTBackwardsSansBlack;
    font-weight: 400
}

#internship .internship-slider ul {
    margin-left: 0
}

#internship .internship-slider ul li {
    background: url(/wp-content/themes/applovin/images/green_check_filled.svg) no-repeat 0 0;
    background-size: 24px;
    display: inline-block;
    list-style: none;
    margin-bottom: 16px;
    padding: 0 10px 0 40px;
    vertical-align: middle;
    width: 100%
}

#internship .internship-slider ul li:last-child {
    margin-bottom: 0
}

#internship .internship-slider .slide-one {
    background: url(/wp-content/themes/applovin/images/internship_card_one.svg), #7b32cd;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

#internship .internship-slider .slide-one:before {
    background: linear-gradient(180deg, rgba(123, 50, 205, 0) 5.53%, #7b32cd 58.3%);
    border-radius: 0 0 15px 15px;
    bottom: 0;
    content: "";
    height: 65%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

#internship .internship-slider .slide-two {
    background: url(/wp-content/themes/applovin/images/internship_card_two.svg), #105ffb;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

#internship .internship-slider .slide-two:before {
    background: linear-gradient(180deg, rgba(16, 95, 251, 0) 5.53%, #105ffb 58.3%);
    border-radius: 0 0 15px 15px;
    bottom: 0;
    content: "";
    height: 65%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

#internship .internship-slider .slide-three {
    background: url(/wp-content/themes/applovin/images/internship_card_three.svg), #099ac6;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

#internship .internship-slider .slide-three:before {
    background: linear-gradient(180deg, rgba(16, 95, 251, 0) 5.53%, #099ac6 58.3%);
    border-radius: 0 0 15px 15px;
    bottom: 0;
    content: "";
    height: 65%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

#internship .internship-slider #slider-wrapper {
    -ms-overflow-style: none;
    overflow-x: auto;
    scrollbar-width: none
}

#internship .internship-slider #slider-wrapper::-webkit-scrollbar {
    display: none
}

#internship .internship-slider #slider-wrapper #slider:after {
    content: " "
}

@media only screen and (min-width:1024px) {
    #internship .internship-slider #slider-wrapper #slider:after {
        content: none
    }
}

#internship .testimonials-panel {
    display: none
}

#internship .testimonials-panel.active {
    display: grid
}

#internship .cta-section {
    background: url(/wp-content/themes/applovin/images/internship-cta.svg), #f7f8fc;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

#press .hero-section {
    background: linear-gradient(180deg, #e0e6f0, #f7f8fc)
}

#press .featured-news {
    background-color: #f7f8fc
}

#press .featured-news .featured-pod-wrap {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(1, 1fr);
    margin: auto
}

@media only screen and (min-width:640px) {
    #press .featured-news .featured-pod-wrap {
        grid-template-columns: repeat(2, 1fr)
    }

    #press .featured-news .featured-pod:last-child {
        grid-column: 1/-1;
        margin: auto;
        max-width: 50%
    }
}

@media only screen and (min-width:1024px) {
    #press .featured-news .featured-pod-wrap {
        grid-template-columns: repeat(3, 1fr)
    }

    #press .featured-news .featured-pod:first-child,
    #press .featured-news .featured-pod:last-child,
    #press .featured-news .featured-pod:nth-child(2) {
        grid-column: span 1
    }

    #press .featured-news .featured-pod:last-child {
        margin: 0;
        max-width: none
    }
}

#press .featured-news .featured-pod {
    border-radius: 16px;
    box-shadow: var(--color-gray-10) 0 0 10px;
    color: #000;
    display: flex;
    flex-direction: column;
    font-family: var(--font-wt-Heavy);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25em;
    max-width: 100%;
    transition: all .2s ease-in-out;
    width: 100%
}

#press .featured-news .featured-pod:after {
    bottom: 0;
    box-shadow: 0 4px 50px rgba(16, 95, 251, .25);
    content: "";
    display: block;
    height: 45%;
    left: 7.5%;
    overflow: visible;
    position: absolute;
    width: 85%
}

#press .featured-news .featured-pod:hover {
    box-shadow: var(--color-gray-10) 0 0 30px
}

#press .featured-news .featured-pod h5 {
    font-family: var(--font-wt-Heavy);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25em;
    margin: 0 auto .5em
}

#press .featured-news .featured-pod .story-link {
    border-bottom: 2px solid var(--color-sea-green-dark);
    color: var(--color-sea-green-dark);
    display: inline-block;
    font-family: var(--font-wt-Heavy);
    font-size: 14px;
    font-weight: 700;
    margin: 1em 0 0;
    opacity: 0;
    padding: 0 0 5px;
    transition: opacity .1s linear
}

#press .featured-news .featured-pod:hover .story-link {
    opacity: 1
}

#press .featured-news .featured-pod a {
    color: #000;
    display: block
}

#press .featured-news .featured-pod .featured-pod-text {
    background-color: #fff;
    border-radius: 0 0 16px 16px;
    color: #000;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    height: 100%;
    line-height: 24px;
    margin: auto 0;
    padding: 32px;
    text-align: left;
    z-index: 1
}

@media only screen and (min-width:640px) {
    #press .featured-news .featured-pod .featured-pod-text {
        padding: 40px
    }
}

#press .featured-news .featured-pod-img img {
    border-radius: 16px 16px 0 0;
    display: block
}

#press .cta-section {
    background: url(/wp-content/themes/applovin/images/illo-press-cta.svg), #f7f8fc;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

#press .press-parallax {
    background-attachment: scroll;
    background-image: url(/wp-content/themes/applovin/images/img-press-parallax.jpg);
    background-position: 60%;
    background-size: cover;
    height: 270px
}

@media only screen and (min-width:640px) {
    #press .press-parallax {
        height: 600px
    }
}

@media only screen and (min-width:1200px) {
    #press .press-parallax {
        background-attachment: fixed;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        z-index: 1
    }
}

#press .press-parallax:before {
    background-color: rgba(0, 0, 0, .2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

#press #awards-container {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(1, 1fr);
    margin: auto
}

@media only screen and (min-width:640px) {
    #press #awards-container {
        grid-template-columns: repeat(2, 1fr)
    }

    #press #awards-container>div:last-child {
        grid-column: 1/-1;
        margin: auto;
        max-width: 50%
    }
}

@media only screen and (min-width:1024px) {
    #press #awards-container {
        gap: 48px;
        grid-template-columns: repeat(3, 1fr)
    }

    #press #awards-container>div:last-child {
        grid-column: span 1;
        margin: 0 auto;
        max-width: none
    }
}

#page-home .hero {
    background: unset;
    padding: 160px 0 70px;
    text-align: center
}

#page-home .main-content {
    margin: auto;
    max-width: 640px
}

#page-home .centered-text {
    font-family: var(--font-wt-Light) !important;
    margin: auto;
    max-width: 651px
}

#page-home .centered-text strong,
#page-home .main-content h1 {
    font-family: var(--font-wt-Black) !important;
    font-weight: 750 !important
}

#page-home .mainshadow {
    height: 21px;
    width: 642px
}

#page-home .shadow {
    background: #929bba;
    border-radius: 642px;
    filter: blur(20px);
    flex-shrink: 0;
    height: 100%;
    margin-top: 70PX;
    opacity: .4;
    width: 100%
}

#page-home .mainshadow .inside {
    background: #929bba;
    border-radius: 264px;
    filter: blur(10px);
    height: 7px;
    left: 50%;
    margin: auto;
    opacity: .6;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 264px
}

#page-home .purple-gradient {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #6441e2, #2A5DA9);
    -webkit-background-clip: text;
    background-clip: text
}

#page-home .green-gradient {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #2A5DA9, #02ce90);
    -webkit-background-clip: text;
    background-clip: text
}

#page-home .green-gradien-v2 {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #2A5DA9 12.56%, #12e3a3 87.13%);
    -webkit-background-clip: text;
    background-clip: text
}

#page-home .purp-gradient {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #6441e2, #fc326c);
    -webkit-background-clip: text;
    background-clip: text
}

#page-home .purple-to-pink-gradient {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #105ffb, #a15af0 54.81%);
    -webkit-background-clip: text;
    background-clip: text
}

#page-home .access-header {
    margin: auto;
    max-width: 800px;
    text-align: left
}

#page-home .content {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center
}

#page-home video {
    border-radius: 40px;
    display: block;
    height: auto;
    width: 100%
}

#page-home .video-container {
    background-position: top;
    background-size: cover;
    height: 200vh;
    position: relative
}

#page-home .video-foreground {
    height: 100vh;
    left: 10vw;
    max-width: 100%;
    position: sticky;
    top: 0;
    transition: all .5s ease;
    width: 80vw
}

#page-home .video-foreground:before {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 40px;
    content: "";
    inset: 0;
    position: absolute;
    z-index: 99
}

#page-home .video-foreground.changed-radius:before {
    border-radius: unset
}

#page-home .video-foreground.rounded:before {
    border-radius: 40px
}

#page-home .video-foreground video {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

#page-home .video-container video {
    margin: 0 auto auto;
    max-width: unset;
    transition: height .3s ease
}

#page-home .centered-text {
    color: #fff;
    left: 50%;
    max-width: 800px;
    padding: 0 32px;
    position: absolute;
    text-align: center;
    transform: translate(-50%, -40vh);
    width: 100%;
    z-index: 2
}

#page-home .centered-text-second {
    margin-top: 40vh
}

#page-home .cta .btn-standard {
    background: linear-gradient(90deg, #105ffb, #a15af0);
    border-radius: 8px;
    padding: 16px 20px
}

#page-home .access-section {
    background: #181625;
    padding: 96px 0
}

#page-home .grid-gal {
    grid-gap: 0 80px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr
}

#page-home .counter-title {
    text-align: left
}

#page-home .access-header {
    color: #fff
}

#page-home .an-img,
#page-home .main-img {
    border-radius: 8px;
    text-align: center
}

#page-home .gallery__img img {
    border-radius: 8px
}

#page-home .main-img {
    justify-self: center
}

#page-home .an-text {
    display: flex;
    padding: 16px
}

#page-home .an-text p {
    margin: auto
}

#page-home .an-text span {
    font-family: var(--font-wt-Black) !important;
    font-weight: 750 !important
}

@media only screen and (width <=1140px) {
    #page-home .an-three {
        margin-top: -30%
    }
}

#page-home .an-three {
    margin-top: -40%
}

#page-home .video-lib a {
    background: linear-gradient(90deg, #181625, #32518d);
    border-radius: 16px;
    color: #fff;
    display: flex;
    height: 118px;
    margin: auto;
    max-width: 640px;
    padding: 16px 200px 16px 32px
}

#page-home .video-text-part {
    align-self: center
}

#page-home .video-text-part p {
    margin-bottom: 0
}

#page-home .video-lib-title {
    font-family: var(--font-wt-Heavy);
    font-weight: 700
}

#page-home .video-lib {
    margin-top: 80px;
    width: 100%
}

#page-home .video-libimg {
    max-width: 200px;
    position: absolute;
    right: -20px;
    top: -15px
}

@media only screen and (width <=1024px) {
    #page-home .video-libimg {
        right: -20px
    }
}

#page-home #app-counter {
    font-family: var(--font-wt-Heavy);
    font-weight: 700;
    position: relative;
    width: 100%
}

#page-home .slide-quote {
    -ms-overflow-style: none;
    align-items: stretch;
    display: flex;
    gap: 40px;
    margin: 0;
    overflow: scroll hidden;
    padding: 40px calc(50% - 632px) 40px calc(50% - 600px);
    position: relative;
    scrollbar-width: none
}

@media only screen and (width <=1268px) {
    #page-home .slide-quote {
        padding-left: 32px
    }
}

@media only screen and (width <=1024px) {
    #page-home .slide-quote {
        padding-left: 56px
    }
}

@media only screen and (width <=640px) {
    #page-home .slide-quote {
        padding-left: 32px
    }
}

#page-home .slide-quote-image {
    margin-bottom: 24px;
    margin-right: auto;
    max-height: 24px
}

#page-home .slide-quote-container-in:after {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff)
}

#page-home .slide-quote-container-in:before {
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
}

#page-home .slide-quote::-webkit-scrollbar {
    display: none
}

#page-home .slide-quote-solo {
    background-position: bottom !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    border-radius: 16px;
    display: flex;
    flex: 0 0 35vw;
    flex-direction: column;
    max-width: 352px;
    min-height: 520px;
    width: 352px
}

#page-home .quote-text {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 40px 40px 0;
    z-index: 2
}

#page-home .quote-text p {
    border-top: 1px solid #e6e6e6;
    color: #000 !important;
    margin-bottom: 0;
    padding-top: 24px
}

#page-home .business-header {
    max-width: 720px
}

#page-home .slide-cta {
    margin-bottom: 0;
    margin-top: 80px;
    padding: 0 32px;
    text-align: center
}

#page-home .slide-cta .promo-link {
    display: initial;
    white-space: nowrap
}

#page-home .slide-quote-solo-not-hover {
    opacity: 1
}

#page-home .change-hand {
    cursor: pointer
}

#page-home .slide-quote-solo-hover {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

#page-home .change-hand:hover .slide-quote-solo-hover {
    max-width: 352px;
    min-height: 520px !important;
    opacity: 1;
    width: 352px
}

#page-home .slide-quote-bg {
    border-radius: 0 0 16px 16px
}

#page-home .slide-quote-bg-hover {
    border-radius: 0 0 16px 16px;
    display: none
}

#page-home .slide-quote-solo:hover .slide-quote-bg {
    display: none
}

#page-home .slide-quote-solo:hover .slide-quote-bg-hover {
    display: block
}

#page-home .slide-quote .slide-quote-solo:last-child {
    margin-right: 5%
}

#page-home .scrollbar-container,
#page-home .scrollbar-container div {
    border-radius: 12px
}

#page-home .business-section {
    background: linear-gradient(180deg, #f7f8fc, #fff);
    padding: 160px 0
}

#page-home .innov-section {
    background: url(/wp-content/themes/applovin/images/innov-bgf-v2.svg), linear-gradient(180deg, #f7f8fc, #fff);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100vw, 100%;
    padding: 160px 0
}

#page-home .header-innov {
    margin: auto auto 80px;
    max-width: 800px;
    text-align: center
}

#page-home .video-innov {
    border-radius: 16px;
    margin: auto auto 40px;
    max-width: 640px
}

#page-home .header-innov h2 {
    margin: 0 0 18px
}

#page-home .header-innov p {
    margin: 0
}

#page-home .grid-innov-one {
    grid-gap: 0 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr
}

#page-home .two-grid-inn {
    background: linear-gradient(180deg, rgba(100, 65, 226, .2), rgba(252, 50, 108, 0));
    border-radius: 16px;
    padding: 40px
}

#page-home .two-grid-inn p {
    margin: 32px 0 0
}

#page-home .grid-innov-two {
    grid-gap: 0 24px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    margin-top: 40px
}

#page-home .three-grid-inn {
    background: linear-gradient(180deg, rgba(130, 155, 196, .1), rgba(130, 155, 196, 0));
    border-radius: 16px 16px 0 0;
    padding: 40px
}

#page-home .three-grid-inn .nb-grid {
    color: #6441e2;
    margin: 0
}

#page-home .innov-cta,
#page-home .three-grid-inn .nb-grid {
    font-family: var(--font-wt-Heavy) !important;
    font-weight: 700 !important
}

#page-home .innov-cta {
    color: #000;
    display: block;
    text-align: center;
    width: 100%
}

#page-home .innov-cta.promo-link:after {
    background: url(../images/iconb_arrow_links.svg) no-repeat
}

#page-home .resources-row .pods-wrap {
    display: grid;
    gap: 48px 24px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    margin: 48px auto 0
}

#page-home .home_resources_text_cell {
    grid-template-rows: auto
}

#page-home #page-home .home_resources_text_cell h6 {
    align-self: end
}

#page-home #page-home .home_resources_text_cell p {
    margin: 0 0 1em
}

#page-home .impact-section {
    background: url(https://storage.googleapis.com/applovin_assets_us/images/success-stories-cover-home.jpg), #181625;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100vw;
    overflow: hidden;
    padding-bottom: 160px;
    padding-top: 320px
}

#page-home .header-impact {
    color: #fff;
    margin: auto auto 240px;
    max-width: 800px;
    text-align: center
}

#page-home .pod-impact {
    background-color: #252a3a;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 16px;
    color: #fff;
    height: 360px;
    max-width: 320px;
    overflow: hidden;
    transition: none
}

#page-home .toppod {
    padding: 28px 28px 0
}

#page-home .pod-text {
    margin: 0
}

#page-home .mini-pod-title {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    font-family: var(--font-wt-Black) !important;
    font-weight: 750 !important;
    margin-bottom: 16px;
    padding-bottom: 16px
}

#page-home .pod-impact img {
    margin-bottom: 8px
}

#page-home .carousel {
    display: flex;
    overflow: hidden;
    width: 100%
}

#page-home .pod-impact {
    display: flex !important;
    flex-direction: column;
    flex-shrink: 0;
    margin: 0 13px;
    width: 320px !important
}

#page-home .pod-impact:hover {
    animation: fadeIt 2s ease-in-out;
    background-color: #6441e2 !important
}

@keyframes fadeIt {
    0% {
        background-color: #6441e2
    }

    to {
        background-color: unset
    }
}

#page-home .slick-track {
    align-items: stretch;
    display: flex !important
}

#page-home .slick-slide .home_resources_image {
    border-radius: unset;
    max-height: 32px
}

#page-home .slick-slide .pod-bt {
    background: linear-gradient(180deg, #252a3a 3.02%, rgba(37, 42, 58, 0) 99.75%);
    background-position: bottom !important;
    background-size: contain !important;
    margin-top: auto;
    opacity: .4;
    overflow: hidden;
    padding: 0;
    width: 100%
}

#page-home .pod-bt img {
    margin-bottom: 0
}

#page-home .pod-bt:before,
#page-home .slick-active .pod-bt:before {
    background: linear-gradient(180deg, #252a3a 3.02%, rgba(37, 42, 58, 0) 99.75%);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10
}

#page-home .pod-impact:hover .pod-bt:before {
    background: linear-gradient(180deg, #6441e2 3.02%, rgba(37, 42, 58, 0) 99.75%);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10
}

#page-home .droite,
#page-home .gauche {
    opacity: 0;
    transition: opacity 1s, transform 1s
}

#page-home .gauche {
    transform: translateX(-100%)
}

#page-home .droite {
    transform: translateX(100%)
}

#page-home .bottom-main {
    opacity: 0;
    transform: translateY(80px);
    transition: transform 1s, opacity 1s
}

#page-home .animate-in {
    opacity: 1;
    transform: translateX(0)
}

#page-home .cta {
    background-image: url(/wp-content/themes/applovin/images/h-cta.svg);
    background-position: 0 200px;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 240px 0 340px
}

#page-home .gallery__img {
    display: block;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 16px
}

#page-home .gallery_wimg {
    padding: 0
}

#page-home .gallery__img span {
    font-family: var(--font-wt-Black) !important;
    font-weight: 750 !important
}

#page-home .gallery__img p {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin-bottom: 0;
    margin-top: auto;
    text-align: center;
    width: 100%
}

#page-home .gallery__item--1 {
    grid-column: 1/2;
    grid-row: 1/3;
    padding: 0
}

#page-home .gallery__item--1 p {
    background: rgba(9, 154, 198, .1);
    border-radius: 8px;
    color: var(--primary-app-lovin-blue-dark, #099ac6);
    margin-left: auto;
    max-width: 85%
}

#page-home .gallery__item--2 {
    grid-column: 2/4;
    grid-row: 1/5
}

#page-home .gallery__item--3 {
    align-self: self-end;
    grid-column: 4/4;
    grid-row: 2/2
}

#page-home .gallery__item--4 {
    grid-column: 1/2;
    grid-row: 3/6
}

#page-home .gallery__item--5 {
    grid-column: 4/6;
    grid-row: 3/5;
    padding: 0
}

#page-home .gallery__item--5 p {
    background: rgba(16, 95, 251, .1);
    border-radius: 8px;
    color: var(--primary-tech-blue, #105ffb);
    margin-left: 0;
    max-width: 90%;
    padding: 16px
}

#page-home .gallery__item--6 {
    grid-column: 1/2;
    grid-row: 6/8;
    margin-top: 0
}

#page-home .gallery__item--7 {
    background: rgba(18, 175, 163, .1);
    border-radius: 8px;
    color: var(--primary-sea-green-dark, #12afa3);
    grid-column: 2/3;
    grid-row: 5/7;
    max-width: 110%;
    width: 100%
}

#page-home .gallery__item--8 {
    grid-column: 3/6;
    grid-row: 5/8;
    justify-self: self-end;
    width: 93%
}

#page-home .fade {
    opacity: 0;
    transition: opacity .5s ease-out
}

#page-home .centered-text-second {
    transition: opacity 1s ease-out
}

#page-home .fadesecond {
    opacity: 0;
    transition: opacity .5s ease-out
}

#page-home .is-visible,
#page-home .slick-initialized .slick-slide {
    opacity: 1
}

#page-home .access-header p {
    margin-bottom: 0
}

@media only screen and (width <=1024px) {
    #page-home .grid-acc img {
        margin: auto
    }

    #page-home .grid-gal {
        display: block;
        text-align: center
    }

    #page-home .access-header {
        margin-bottom: 80px;
        text-align: center
    }

    #page-home .access-section,
    #page-home .business-section,
    #page-home .innov-section {
        padding: 120px 0
    }

    #page-home .cta {
        padding: 200px 0 300px
    }

    #page-home .impact-section {
        padding-bottom: 120px;
        padding-top: 280px
    }

    #page-home .quote-text p {
        color: #000;
        padding-top: 20px
    }

    #page-home .slide-quote-image {
        margin-bottom: 20px
    }

    #page-home .quote-text p {
        font-size: 18px !important
    }

    #page-home .slide-quote-solo {
        border-radius: 14px;
        max-width: 352px;
        min-height: 440px;
        width: 298px
    }

    #page-home .change-hand:hover .slide-quote-solo-hover {
        max-width: 352px;
        min-height: 440px !important;
        width: 298px
    }

    #page-home .scrollbar-container {
        width: 95% !important
    }

    #page-home .header-impact {
        margin-bottom: 120px
    }

    #page-home .video-foreground {
        left: 4vw;
        margin: auto;
        top: 0;
        width: 92vw
    }

    #page-home .bottom-main {
        transition: transform .5s, opacity 1s
    }
}

@media only screen and (width <=850px) {
    #page-home .scrollbar-container {
        width: 88% !important
    }

    #page-home .grid-acc {
        display: block
    }

    #page-home .gallery__item--1 {
        grid-area: 1/1/1/4;
        height: 130px;
        max-width: 100%
    }

    #page-home .gallery__item--1 p {
        max-width: 100%
    }

    #page-home .gallery__item--4 {
        grid-area: 2/1/3/4
    }

    #page-home .gallery__item--6 {
        grid-area: 3/1/4/4;
        margin: 0;
        max-width: 100%
    }

    #page-home .gallery__item--2 {
        grid-area: 4/1/5/4
    }

    #page-home .gallery__item--3 {
        grid-area: 5/1/6/2
    }

    #page-home .gallery__item--5 {
        grid-area: 5/2/6/4
    }

    #page-home .gallery__item--5 p {
        max-width: 100%
    }

    #page-home .gallery__item--7 {
        grid-area: 6/1/7/4;
        max-width: 100%;
        width: auto
    }

    #page-home .gallery__item--8 {
        grid-area: 7/1/8/4;
        width: 100%
    }

    #page-home .gallery__img p {
        padding: 12px
    }

    #page-home .gallery__img img {
        width: 100%
    }

    #page-home .an-img,
    #page-home .gallery__img img,
    #page-home .main-img {
        border-radius: 6px
    }
}

@media only screen and (width <=764px) {
    #page-home .grid-innov-two {
        display: block
    }

    #page-home .pod-impact {
        width: 240px
    }

    #page-home .quote-text {
        padding: 27px
    }

    #page-home .slide-quote {
        gap: 24px
    }

    #page-home .cta {
        background-image: url(/wp-content/themes/applovin/images/h-cta.svg);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 100vw;
        padding: 240px 0 340px
    }

    #page-home .scrollbar-container div {
        max-width: 100%
    }

    #page-home .grid-innov-one {
        display: block
    }

    #page-home #footer {
        border-top-left-radius: 40px;
        border-top-right-radius: 40px
    }

    #page-home .resources-row .pods-wrap {
        display: block;
        max-width: 100%;
        min-width: unset
    }

    #page-home .home_resources_pod {
        margin-bottom: 24px
    }

    #page-home .mini-pod-title,
    #page-home .pod-text {
        font-size: 11px !important
    }

    #page-home .slick-initialized .slick-slide {
        max-height: 270px
    }

    #page-home .slick-slide .home_resources_image {
        border-radius: unset;
        max-height: 24px
    }

    #page-home .mini-pod-title {
        margin-bottom: 12px;
        padding-bottom: 12px
    }

    #page-home .toppod {
        padding: 21x
    }

    #page-home .video-lib {
        margin-top: 80px;
        width: 100%
    }

    #page-home .video-libimg {
        margin: auto;
        right: unset;
        top: -20px
    }

    #page-home .video-lib a {
        height: unset;
        justify-content: center;
        padding-bottom: 32PX;
        padding-right: 32px;
        padding-top: 120px
    }

    #page-home .access-section,
    #page-home .business-section,
    #page-home .innov-section {
        padding: 80px 0
    }

    #page-home .cta {
        padding: 160px 0 260px
    }

    #page-home .impact-section {
        padding-bottom: 80px;
        padding-top: 240px
    }

    #page-home .slide-quote-image {
        max-height: 20px
    }

    #page-home .quote-text p {
        font-size: 15px !important
    }

    #page-home .impact-section {
        padding-bottom: 120px;
        padding-top: 280px
    }

    #page-home .quote-text p {
        padding-top: 16px
    }

    #page-home .slide-quote-image {
        margin-bottom: 16px
    }

    #page-home .slide-quote-solo {
        border-radius: 12px;
        max-width: 352px;
        min-height: 360px;
        width: 244px
    }

    #page-home .change-hand:hover .slide-quote-solo-hover {
        max-width: 352px;
        min-height: 360px !important;
        width: 244px
    }

    #page-home .slide-cta {
        margin-top: 40px
    }

    #page-home .video-text-part {
        align-self: center;
        text-align: center
    }
}

@media only screen and (width <=500px) {
    #page-home .scrollbar-container {
        width: 85% !important
    }
}

body.page-id-5059 #footer {
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    margin-top: -100px
}

#mobile-nav-trigger span {
    padding: 0
}

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

header li {
    display: list-item;
    list-style-position: outside
}

#header .sub-menu {
    background-color: #f7f8fc;
    border-radius: 8px;
    box-shadow: 0 10px 50px 0 rgba(16, 95, 251, .15), 0 0 4px 0 rgba(24, 22, 37, .1);
    display: none;
    min-width: 180px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 35px;
    transform: translateX(-50%);
    z-index: 995
}

#header .sub-menu-on {
    display: flex;
    flex-wrap: wrap;
    opacity: 1
}

#subnav-games-wrap {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 500' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='8' y1='500' x2='8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230cf'/%3E%3Cstop offset='1' stop-color='%236554d0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg data-name='Layer 2'%3E%3Cpath style='fill:url(%23a)' d='M0 0h16v500H0z' data-name='Layer 1'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 8px 100%
}

#subnav-products-wrap.sub-menu {
    width: 600px
}

.product-menu-con {
    padding: 5px
}

.platform-resources-nav {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, 1fr)
}

.company-nav {
    display: grid;
    gap: 12px;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-template: "col1-item1 col2-item1" 1fr "col1-item2 col2-item2" 1fr/1fr 1fr
}

.col1-item1 {
    grid-area: col1-item1
}

.col1-item2 {
    grid-area: col1-item2
}

.col1-item3 {
    grid-area: col1-item3
}

.col1-item4 {
    grid-area: col1-item4
}

.col2-item1 {
    grid-area: col2-item1
}

.col2-item2 {
    grid-area: col2-item2
}

.col2-item3 {
    grid-area: col2-item3
}

.col2-item4 {
    grid-area: col2-item4
}

#subnav-products-wrap {
    left: 10.5%
}

#subnav-solutions-wrap {
    left: 50%
}

#subnav-company-wrap {
    left: 86.5%
}

.new-item-tag {
    align-items: center;
    display: flex;
    gap: 12px
}

.new-item {
    background-color: #3b5ef8;
    border-radius: 4px;
    color: #fff;
    font-family: var(--font-wt-Heavy);
    font-size: 8px;
    font-style: normal;
    font-weight: 700;
    height: 14px;
    letter-spacing: .5px;
    line-height: 1
}

.new-item:hover {
    opacity: 1
}

#subnav-company-wrap.sub-menu {
    width: 826px
}

.header-nav.parent-menu .parent-nav-on a:after,
.header-nav.parent-menu a:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' fill='none'%3E%3Cpath d='M6.049 1.53a2 2 0 0 1 2.902 0l5.306 5.594c1.209 1.274.305 3.376-1.451 3.376H2.194c-1.756 0-2.66-2.102-1.45-3.376L6.048 1.53Z' fill='%23F7F8FC'/%3E%3C/svg%3E");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -13px;
    content: "";
    display: block;
    height: 8px;
    left: 50%;
    position: absolute;
    top: 30px;
    transform: translateX(-50%);
    width: 16px;
    z-index: 998
}

.header-nav.parent-menu .parent-nav-disabled a:hover:after,
.header-nav.parent-menu .parent-nav-solo a:after {
    background-image: none
}

.header-nav.parent-menu li a:hover {
    opacity: 1
}

.header-nav.parent-menu {
    gap: 48px
}

.desktop-menu-wrap>div {
    display: flex;
    padding: 4px
}

.sub-menu>div>.production-menu {
    height: 302px;
    min-width: 592px
}

.sub-menu>div>.production-menu,
.sub-menu>div>.solutions-menu {
    background-color: #fff;
    display: grid;
    gap: 20px;
    padding: 32px;
    white-space: nowrap
}

.sub-menu>div>.menu-wrap-con-left {
    flex: 1 1 auto;
    padding: 0;
    white-space: nowrap
}

.sub-menu>div>.menu-wrap-con-left>div {
    background-color: #fff;
    border-radius: 4px;
    padding: 32px
}

.sub-menu>div>.menu-wrap-con-left>div:first-child {
    background-color: #fff;
    height: 194px;
    margin-bottom: 4px;
    padding: 32px;
    width: 412px
}

.sub-menu>div>.menu-wrap-con-left>div:nth-child(2) {
    height: 158px;
    width: 412px
}

.sub-menu .promo-link {
    border-top: 1px solid #f2f2f2;
    font-family: var(--font-wt-Black);
    font-size: 10px;
    padding-top: 20px;
    text-transform: uppercase
}

.sub-menu .promo-link:after {
    top: 0
}

.featured-resources-section {
    padding: 0;
    width: 406px
}

.featured-resources-section .featured-part-section {
    padding: 32px;
    width: 406px
}

#subnav-company-wrap.sub-menu>div>div:nth-child(2) {
    padding-bottom: 0
}

.sub-menu>div>div:first-child {
    border-radius: 4px
}

.simple-menu,
.sub-menu>div>div.simple-menu {
    display: grid;
    gap: 20px
}

.ressources-menu {
    background: #e3e7f2;
    display: inline-flex;
    flex: 0 1 auto;
    justify-content: space-between;
    padding: 14px 32px;
    width: 100%
}

.ressources-menu #company-about {
    margin: 0
}

.ressources-menu .sub-menu li.sub-icon a {
    padding: 0 0 0 30px
}

.author #main.rc-nav-page,
.blog #main.rc-nav-page,
.page-template-rc-category-page #main.rc-nav-page,
.page-template-rc-objective-page #main.rc-nav-page,
.page-template-reports-overview-page #main.rc-nav-page,
.page-template-ressource-center-overview #main.rc-nav-page,
.page-template-success-stories-overview-page #main.rc-nav-page,
.single-post #main.rc-nav-page,
.single-video #main.rc-nav-page {
    padding-top: 140px
}

#subnav-platform-wrap.sub-menu {
    min-width: 540px
}

.sub-menu h6 {
    color: #929bba;
    font-family: var(--font-wt-Black);
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 14px;
    margin: 0;
    text-transform: uppercase
}

.sub-menu ul+h6 {
    margin-top: 42px
}

.sub-menu .about-us-title div {
    color: #929bba;
    font-family: var(--font-wt-Black);
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 14px;
    margin: 0;
    margin-bottom: 8px;
    text-transform: uppercase
}

#header {
    background: #fff;
    font-size: 1em;
    line-height: 1em;
    padding: 16px 0;
    position: fixed;
    transition: all .25s cubic-bezier(.77, 0, .175, 1);
    width: 100%;
    z-index: 999
}

@media screen and (width <=1024px) {
    #header {
        position: absolute
    }
}

#header.transparent {
    background: transparent;
    border-bottom: hsla(0, 0%, 90%, 0)
}

#header-logo-wrap {
    display: flex;
    height: 32px;
    transition: height .25s cubic-bezier(.77, 0, .175, 1);
    width: 180px
}

#header-logo-wrap .logo-outline {
    fill: #000;
    transition: all .25s cubic-bezier(.77, 0, .175, 1)
}

#header.transparent #header-logo-wrap .logo-outline {
    fill: #fff
}

#header.transparent.dark-nav #header-logo-wrap .logo-outline,
#header.transparent.light #header-logo-wrap .logo-outline {
    fill: #000
}

#header-logo-wrap .logo-label {
    /* display: none */
    color: #000;
    font-size: 28px;
    line-height: 50px;
}

#header-logo-wrap>svg {
    height: auto;
    width: 100%
}

/* 默认状态 */
#logo {
  content: url('../../static/images/logo.png');
  transition: content 0.3s ease; /* 平滑切换，可选 */
}

/* 滚动状态（加了 .scrolled） */
#logo.scrolled {
  content: url('../../static/images/Lelogo.png');
}

.header-nav {
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.header-nav li {
    align-items: center;
    display: flex;
    font-family: var(--font-wt-Black);
    font-size: 12px;
    letter-spacing: 1px;
    line-height: .75em;
    padding: 0 1.2em;
    text-transform: uppercase;
    transition: all .2s ease-in-out
}

.header-nav li.account-nav {
    letter-spacing: unset;
    text-transform: none
}

.header-nav li.account-nav:nth-child(n+2) {
    margin-left: .5em
}

.header-nav li.nav-arrow-link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13.53 7.47-5-5a.754.754 0 0 0-1.06 0c-.29.29-.29.77 0 1.06l3.72 3.72H3c-.41 0-.75.34-.75.75s.34.75.75.75h8.19l-3.72 3.72c-.29.29-.29.77 0 1.06.15.15.34.22.53.22s.38-.07.53-.22l5-5c.29-.29.29-.77 0-1.06Z' fill='%23000'/%3E%3C/svg%3E");
    content: "";
    display: inline-block;
    height: 14px;
    position: relative;
    transition: transform .3s ease;
    width: 14px
}

.header-nav li.nav-arrow-link:hover:after {
    transform: translateX(3px)
}

#header.transparent .header-nav li.nav-arrow-link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13.53 7.47-5-5a.754.754 0 0 0-1.06 0c-.29.29-.29.77 0 1.06l3.72 3.72H3c-.41 0-.75.34-.75.75s.34.75.75.75h8.19l-3.72 3.72c-.29.29-.29.77 0 1.06.15.15.34.22.53.22s.38-.07.53-.22l5-5c.29-.29.29-.77 0-1.06Z' fill='%23fff'/%3E%3C/svg%3E")
}

#header.transparent.dark-logo .header-nav li.nav-arrow-link:after,
#header.transparent.light .header-nav li.nav-arrow-link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13.53 7.47-5-5a.754.754 0 0 0-1.06 0c-.29.29-.29.77 0 1.06l3.72 3.72H3c-.41 0-.75.34-.75.75s.34.75.75.75h8.19l-3.72 3.72c-.29.29-.29.77 0 1.06.15.15.34.22.53.22s.38-.07.53-.22l5-5c.29-.29.29-.77 0-1.06Z' fill='%23000'/%3E%3C/svg%3E")
}

.header-nav {
    display: flex;
    gap: 24px
}

.header-nav li {
    margin: 0;
    padding: 0
}

.header-nav li a {
    color: #000;
    padding: 0;
    padding: 8px 5px 5px;
    transition: all .2s ease-in-out
}

.header-nav li.current_page_item a,
.header-nav li.nav-parent.active>a {
    color: var(--color-al-blue)
}

.header-nav li.nav-parent>a:after {
    background-color: #000;
    clip-path: url(#nav-arrow-path);
    content: "";
    display: inline-block;
    height: 6px;
    left: 8px;
    position: relative;
    top: 0;
    transition: all .2s ease-in-out;
    width: 18px
}

#header.transparent .header-nav li.nav-parent>a:after {
    background-color: #fff
}

#header.transparent.dark-logo .header-nav li.nav-parent>a:after,
#header.transparent.dark-nav .header-nav li.nav-parent>a:after {
    background-color: #000
}

#header .header-nav>li.active>a:after,
.header-nav li.nav-parent>a:hover:after {
    background-color: var(--color-al-blue)
}

#header.transparent .header-nav li.nav-parent.active>a,
#header.transparent .header-nav>li.current_page_item>a {
    color: #fff
}

#header.transparent.dark-nav .header-nav li.current_page_item a,
#header.transparent.dark-nav .header-nav li.nav-parent.active>a {
    color: #000
}

#header.transparent .header-nav li a {
    color: #fff
}

#header.transparent .header-nav li a:hover {
    color: hsla(0, 0%, 100%, .8)
}

#header.transparent.dark-logo .header-nav li a,
#header.transparent.dark-nav .header-nav li a,
#header.transparent.light .header-nav li a {
    color: #000
}

#header.transparent.dark-logo .header-nav li a:hover,
#header.transparent.dark-nav .header-nav li a:hover,
#header.transparent.light .header-nav li a:hover {
    color: rgba(0, 0, 0, .8)
}

#header.transparent.dark-nav .header-nav li.account-nav a {
    color: #fff
}

#header.transparent.dark-nav .header-nav li.account-nav a:hover {
    color: hsla(0, 0%, 100%, .8)
}

.header-nav li.nav-outline a {
    color: #fff;
    padding: 11px 5px 7px
}

#header .sub-menu li a:hover {
    opacity: 1
}

.header-nav li.nav-outline a:hover {
    color: #fff
}

#header.transparent .header-nav .nav-outline {
    background: transparent;
    border: 1px solid #fff
}

#header.transparent.dark-logo .header-nav .nav-outline,
.header-nav .nav-outline {
    background: var(--color-al-blue-dark);
    border: 1px solid var(--color-al-blue-dark);
    border-radius: .275em
}

.sub-menu ul {
    list-style: none;
    padding: 0
}

.sub-menu ul.sub-nav-bare {
    margin-top: 0
}

.sub-menu ul.sub-nav-bare+ul.sub-nav {
    margin-top: 12px
}

#header .sub-menu li {
    -moz-column-break-inside: avoid;
    align-items: center;
    break-inside: avoid-column;
    display: flex;
    font-family: var(--font-wt-Heavy);
    font-size: 14px
}

#header .sub-menu li.sub-icon-lg {
    font-family: var(--font-wt-Medium)
}

#header .sub-menu li.sub-icon-lg strong {
    font-family: var(--font-wt-Heavy)
}

#header .sub-menu li a {
    color: #000
}

#header .sub-menu li.sub-icon a {
    padding-left: 30px
}

#company-about li.sub-icon a {
    margin-bottom: 0;
    margin-top: 0
}

#header .sub-menu li.sub-icon-lg a,
#header .sub-menu li.sub-icon.sub-icon-resources a {
    margin: 0
}

#header .sub-menu li.sub-icon-lg a {
    display: grid;
    font-family: var(--font-wt-Heavy);
    font-size: 14px;
    gap: 2px;
    line-height: 16px;
    padding: 0 0 0 40px
}

.sub-menu .sub-icon:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    width: 20px
}

.mobile-nav-wrap li.nav-appdiscovery:before,
.sub-menu li.sub-icon-appdiscovery:before {
    background-color: #f7f8fc;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61.45 61.45'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath style='fill:none' d='M30.69 12.84h30.76v35.8H30.69z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Layer 2'%3E%3Cg data-name='Layer 1'%3E%3Cpath d='M61.45 30.72a30.73 30.73 0 1 0-30.73 30.73 30.73 30.73 0 0 0 30.73-30.73' style='fill:%23fc326c'/%3E%3Cpath d='M51.18 30.72a20.46 20.46 0 1 0-20.46 20.46 20.46 20.46 0 0 0 20.46-20.46' style='fill:%23fa6846'/%3E%3Cpath d='M40.9 30.72a10.18 10.18 0 1 0-10.18 10.19A10.18 10.18 0 0 0 40.9 30.72' style='fill:%23ff9e1d'/%3E%3Cg style='opacity:.6'%3E%3Cg style='clip-path:url(%23a)'%3E%3Cpath d='M61.45 30.72a30.61 30.61 0 0 0-5.75-17.88L32.29 28.21c-2.13 1.4-2.13 3.69 0 5.09l23.38 15.35a30.6 30.6 0 0 0 5.78-17.93' style='fill:%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border-radius: 8px;
    content: "";
    display: inline-block;
    height: 32px;
    left: 0;
    position: absolute;
    transition: background-color .3s ease-in-out;
    width: 32px
}

.mobile-nav-wrap li.nav-appdiscovery:hover:before,
.sub-menu li.sub-icon-appdiscovery:hover:before {
    background-color: #f7e5eb
}

.mobile-nav-wrap li.nav-max:before,
.sub-menu li.sub-icon-max:before {
    background-color: #f7f8fc;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M30.448 17.946 17.555.778A1.931 1.931 0 0 0 16 0v45.277c.582 0 1.165.26 1.555.778l12.893 17.168c.387.518.97.777 1.552.777V18.72c-.582 0-1.165-.259-1.552-.777v.003Z' fill='%237B32CD'/%3E%3Cpath d='M14.448.778.39 19.495c-.252.336-.39.745-.39 1.168v38.806c0 1.866 2.378 2.66 3.498 1.168l10.95-14.58a1.931 1.931 0 0 1 1.555-.777V0c-.582 0-1.165.26-1.555.778Z' fill='%235803AF'/%3E%3Cpath d='M63.613 19.495 49.555.778A1.936 1.936 0 0 0 48 0v45.277c.582 0 1.165.26 1.555.778l10.95 14.579c1.12 1.491 3.498.7 3.498-1.168V20.659a1.95 1.95 0 0 0-.39-1.168v.004Z' fill='%236E5BF6'/%3E%3Cpath d='M46.448.778 33.555 17.946a1.931 1.931 0 0 1-1.555.777V64c.582 0 1.165-.259 1.555-.777l12.893-17.168c.387-.519.97-.775 1.552-.778V0c-.582 0-1.165.26-1.552.778Z' fill='%235406C6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h64v64H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border-radius: 8px;
    content: "";
    display: inline-block;
    height: 32px;
    left: 0;
    position: absolute;
    transition: background-color .3s ease-in-out;
    width: 32px
}

.mobile-nav-wrap li.nav-max:hover:before,
.sub-menu li.sub-icon-max:hover:before {
    background-color: #ece6f2
}

.mobile-nav-wrap li.nav-sparklabs:before,
.sub-menu li.sub-icon-sparklabs:before {
    background-color: #f7f8fc;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M14.513 13.987H2.007l-.046-.051A7.994 7.994 0 0 1 0 8.692C0 3.895 4.91.004 9.711.004H26.622c1.261 0 1.853 1.56.911 2.393l-13.02 11.59Z' fill='%23FF33CA'/%3E%3Cpath d='M13.484 14.008h12.505l.047.051a7.994 7.994 0 0 1 1.96 5.245c0 4.796-4.909 8.687-9.71 8.687H1.373c-1.26 0-1.853-1.56-.91-2.393l13.02-11.59Z' fill='%23DC33FF'/%3E%3Cpath d='M26.767 9.731H15.913a1.405 1.405 0 0 1-1.4-1.528l.592-6.773C15.218.133 13.577-.52 12.77.503L.268 16.283c-.638.802-.062 1.986.962 1.986h10.854c.824 0 1.472.705 1.4 1.529l-.592 6.772c-.113 1.297 1.529 1.95 2.337.927l12.5-15.78c.639-.802.067-1.986-.962-1.986Z' fill='%23AF0E91'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h28v28H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border-radius: 8px;
    content: "";
    display: inline-block;
    height: 32px;
    left: 0;
    position: absolute;
    transition: background-color .3s ease-in-out;
    width: 32px
}

.mobile-nav-wrap li.nav-sparklabs:hover:before,
.sub-menu li.sub-icon-sparklabs:hover:before {
    background-color: #f5e3f1
}

.mobile-nav-wrap li.nav-adjust:before,
.sub-menu li.sub-icon-adjust:before {
    background-color: #f7f8fc;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M14 28c7.732 0 14-6.268 14-14S21.732 0 14 0 0 6.268 0 14s6.268 14 14 14Z' fill='%23005FF7'/%3E%3Cpath d='M8.189 21.112a1.35 1.35 0 0 1-.737-.224c-.35-.233-3.45-2.346-3.91-4.904-.18-.95.047-1.933.625-2.709 1.122-1.535 3.242-1.807 6.442-.806l3.448-6.385a1.35 1.35 0 0 1 2.398.045l6.418 13.038a1.35 1.35 0 0 1-1.972 1.71 69.264 69.264 0 0 0-7.063-4.139c-.72-.36-1.378-.663-1.98-.92l-2.481 4.587a1.35 1.35 0 0 1-.86.669c-.107.026-.217.04-.328.038Zm-.844-6.541c-.572 0-.885.132-1.007.294a.757.757 0 0 0-.147.638c.125.702.852 1.542 1.577 2.21l1.523-2.815a7.603 7.603 0 0 0-1.946-.328Zm5.803-1.135c.608.265 1.247.564 1.916.897a61.03 61.03 0 0 1 3.3 1.788l-3.176-6.455-2.04 3.77Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h28v28H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border-radius: 8px;
    content: "";
    display: inline-block;
    height: 32px;
    left: 0;
    position: absolute;
    transition: background-color .3s ease-in-out;
    width: 32px
}

.mobile-nav-wrap li.nav-adjust:hover:before,
.sub-menu li.sub-icon-adjust:hover:before {
    background-color: #e7f0ff
}

.mobile-nav-wrap li.nav-alx:before,
.sub-menu li.sub-icon-alx:before {
    background-color: #f7f8fc;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.962 16.639c-5.509 0-12.534 12.054-18.02 12.054l-10.809.012a1.83 1.83 0 0 0-1.829 1.824V47.1l10.66-.012c5.474 0 12.498-11.962 18.019-11.962h14.432a2.455 2.455 0 0 0 2.245-2.448V16.639H39.962Z' fill='%230092FF'/%3E%3Cpath d='M9.316 30.529a1.83 1.83 0 0 1 1.829-1.825l10.81-.011c5.474 0 12.498-12.055 18.019-12.055h14.698V1.918c0-.82-1.111-1.917-2.465-1.917H37.034c-5.509 0-13.621 11.697-19.107 11.697H2.465A2.464 2.464 0 0 0 0 14.156v30.46a2.464 2.464 0 0 0 2.465 2.459h6.851V30.529Z' fill='%23105FFB'/%3E%3Cpath d='M62.507 16.638h-7.835v16.038c0 1.282-.995 2.332-2.245 2.448H37.995c-5.509 0-12.534 11.962-18.02 11.962l-10.658.011v14.895a1.83 1.83 0 0 0 1.828 1.825l13.402-.012c5.324 0 13.448-11.742 17.51-11.742h20.114A1.83 1.83 0 0 0 64 50.237V18.462c0-1.004-.822-1.824-1.493-1.824Z' fill='%2384DFFF'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border-radius: 8px;
    content: "";
    display: inline-block;
    height: 32px;
    left: 0;
    position: absolute;
    transition: background-color .3s ease-in-out;
    width: 32px
}

.mobile-nav-wrap li.nav-alx:hover:before,
.sub-menu li.sub-icon-alx:hover:before {
    background-color: #d4f4fb
}

.mobile-nav-wrap li.nav-array:before,
.sub-menu li.sub-icon-array:before {
    background-color: #f7f8fc;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m26.068 18.658-1.386-2.556-.496.915c-.029.052-.06.102-.092.15l-.021.031a1.945 1.945 0 0 1-.104.137l-.01.012a1.872 1.872 0 0 1-.112.12l-.017.016c-.042.04-.086.08-.132.115l-.01.007c-.095.075-.197.14-.306.193l-.003.002a2.108 2.108 0 0 1-.845.2H10.203l-.502-.926a2.157 2.157 0 0 1-.233-1.162c-.04.4.04.803.23 1.158l7.57 13.967c.696 1.284 2.438 1.284 3.134 0l5.667-10.459a2.03 2.03 0 0 0 0-1.92Z' fill='%232155AA'/%3E%3Cpath d='m30.286 0-11.35.02c-.644.002-1.24.368-1.562.962l-1.48 2.727h1.076c.645 0 1.24.366 1.564.96l6.148 11.433-.408.751.004-.006 7.578-13.963c.696-1.283-.176-2.887-1.57-2.884Z' fill='%2312E3A3'/%3E%3Cpath d='M9.698 17.07a1.959 1.959 0 0 1-.14-.33l-.016-.054a2.023 2.023 0 0 1-.081-.556c-.01-.354.073-.704.243-1.015l6.19-11.406H1.811C.418 3.709-.452 5.314.246 6.596l5.69 10.445c.324.593.92.959 1.565.959h2.701l-.501-.926-.003-.005Z' fill='%232464F2'/%3E%3Cpath d='m24.073 17.199.021-.032c.032-.048.063-.098.092-.15l.497-.915-6.148-11.434c-.324-.594-.92-.959-1.565-.959h-1.076l-6.19 11.406a2.104 2.104 0 0 0-.003 1.96l.501.925h12.333c.292-.008.58-.076.844-.2l.003-.002c.109-.053.212-.118.307-.192l.01-.008c.045-.036.09-.074.131-.115l.017-.016c.039-.038.076-.078.112-.12l.01-.012c.037-.043.071-.09.104-.136Z' fill='%23357EE1'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border-radius: 8px;
    content: "";
    display: inline-block;
    height: 32px;
    left: 0;
    position: absolute;
    transition: background-color .3s ease-in-out;
    width: 32px
}

.mobile-nav-wrap li.nav-array:hover:before,
.sub-menu li.sub-icon-array:hover:before {
    background-color: #d6f6ea
}

.mobile-nav-wrap li.nav-wurl:before,
.sub-menu li.sub-icon-wurl:before {
    background-color: #f7f8fc;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjM5IDE5LjA2M2g0Ljc2NEwyNCA0Ljg3NWgtNC45NDlMMTQuMzkgMTkuMDYzWiIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik0xNC4zOSA0Ljg3NUg5LjY3NmwyLjM1NyA3LjE3MiAyLjM1Ny03LjE3MloiIGZpbGw9IiM5OTFCQjAiLz48cGF0aCBkPSJtNy4zMzIgMTEuOTMtMi4zNyA3LjEzM0wwIDQuODc1aDUuMDE0bDIuMzE4IDcuMDU1WiIgZmlsbD0iIzFBQ0I1NiIvPjxwYXRoIGQ9Im0xNi43NDYgMTEuOTY5LTIuMzU2IDcuMDk0LTIuMzU3LTcuMDE2IDIuMzU3LTcuMTcyIDIuMzU2IDcuMDk0WiIgZmlsbD0iIzAwNENGRiIvPjxwYXRoIGQ9Ik00Ljk2MyAxOS4wNjNoNC43NjVsMi4zMDUtNy4wMTYtMi4zNTctNy4xNzItNC43MTMgMTQuMTg4WiIgZmlsbD0iI0ZGMTc1NSIvPjwvc3ZnPg==");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border-radius: 8px;
    content: "";
    display: inline-block;
    height: 32px;
    left: 0;
    position: absolute;
    transition: background-color .3s ease-in-out;
    width: 32px
}

.mobile-nav-wrap li.nav-wurl:hover:before,
.sub-menu li.sub-icon-wurl:hover:before {
    background-color: #ece6f2
}

.mobile-nav-wrap li.nav-audience:before,
.sub-menu li.sub-icon-audience:before {
    background-color: #f7f8fc;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.128 21.708V5.483c0-3.344 2.97-5.91 6.278-5.424l35.75 5.245v16.404H12.129Z' fill='%23AF0E91'/%3E%3Cpath d='M10.208 23.375h48.118V10.213c0-3.5-3.52-5.904-6.78-4.63L10.208 21.727v1.648Z' fill='%23FC326C'/%3E%3Cpath d='M10.65 64h47.657A5.693 5.693 0 0 0 64 58.307V27.401a5.693 5.693 0 0 0-5.693-5.693H10.65A5.693 5.693 0 0 0 4.957 27.4v30.906A5.69 5.69 0 0 0 10.65 64Z' fill='%23FF9E1D'/%3E%3Cpath d='M3.77 39.516h25.577v-7.542H3.77A3.77 3.77 0 0 0 0 35.744a3.773 3.773 0 0 0 3.77 3.772Z' fill='%23FCDB9B'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border-radius: 8px;
    content: "";
    display: inline-block;
    height: 32px;
    left: 0;
    position: absolute;
    transition: background-color .3s ease-in-out;
    width: 32px
}

.mobile-nav-wrap li.nav-audience:hover:before,
.sub-menu li.sub-icon-audience:hover:before {
    background-color: hsla(40, 94%, 80%, .5)
}

.mobile-nav-wrap li.nav-axon:before,
.sub-menu li.sub-icon-axon:before {
    background-color: #f7f8fc;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='M7.99 9.943a13.806 13.806 0 0 0-2.242.18L3.08 14.71c1.547-.81 3.228-1.157 4.917-1.155 1.693-.002 3.374.342 4.926 1.158l-2.665-4.584a13.939 13.939 0 0 0-2.27-.186Z' fill='url(%23a)'/%3E%3Cpath d='M10.259 10.129c1.662.273 3.268.841 4.749 1.662 1.425.79 1.166 2.386.163 3.036l-.17.097c-.511.257-1.179.28-1.902-.117l-.175-.094-2.666-4.584Z' fill='url(%23b)'/%3E%3Cpath d='M5.748 10.122a14.646 14.646 0 0 0-4.756 1.669c-1.414.784-1.17 2.364-.184 3.022l.212.122c.51.247 1.168.263 1.88-.128l.18-.097 2.668-4.588Z' fill='url(%23c)'/%3E%3Cpath d='M9.56 3.568a1.774 1.774 0 0 0 .028-1.734l6.163 10.6c.071.122.126.25.166.38-.131-.388-.422-.753-.909-1.023a14.755 14.755 0 0 0-4.749-1.662L8.002 6.247 9.559 3.57Z' fill='url(%23d)'/%3E%3Cpath d='M8.001 6.247 6.444 3.568a1.774 1.774 0 0 1-.03-1.734l-6.162 10.6a1.71 1.71 0 0 0-.141.305c.142-.36.425-.695.88-.948a14.628 14.628 0 0 1 4.757-1.669L8 6.247Z' fill='url(%23e)'/%3E%3Cpath d='M9.588 1.834c.283.526.293 1.18-.029 1.734L8.002 6.247 6.444 3.568a1.773 1.773 0 0 1-.029-1.734l.03-.051A1.799 1.799 0 0 1 8.001.89c.62 0 1.224.32 1.557.893l.03.051Z' fill='url(%23f)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='12.924' y1='12.328' x2='3.081' y2='12.328' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230D7CFF'/%3E%3Cstop offset='.5' stop-color='%232A3EFA'/%3E%3Cstop offset='1' stop-color='%232F1AD5'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='15.075' y1='14.882' x2='12.016' y2='9.508' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2323D8FF'/%3E%3Cstop offset='1' stop-color='%230274FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='4.073' y1='9.444' x2='.817' y2='15.131' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233E42FF'/%3E%3Cstop offset='1' stop-color='%235342FB'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='8.172' y1='2.887' x2='14.306' y2='13.725' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233A26ED'/%3E%3Cstop offset='.5' stop-color='%233953FF'/%3E%3Cstop offset='.8' stop-color='%231E90FF'/%3E%3Cstop offset='1' stop-color='%2319B6FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='7.867' y1='2.88' x2='1.912' y2='13.311' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23029AFF'/%3E%3Cstop offset='.2' stop-color='%230185FF'/%3E%3Cstop offset='.5' stop-color='%230847FF'/%3E%3Cstop offset='1' stop-color='%23480FE9'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='9.092' y1='1.245' x2='6.957' y2='4.449' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2301E6FF'/%3E%3Cstop offset='1' stop-color='%231093FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border-radius: 8px;
    content: "";
    display: inline-block;
    height: 32px;
    left: 0;
    position: absolute;
    transition: background-color .3s ease-in-out;
    width: 32px
}

.mobile-nav-wrap li.nav-axon:hover:before,
.sub-menu li.sub-icon-axon:hover:before {
    background-color: #f0f2ff
}

.sub-menu li.sub-icon-rewards:before {
    background-image: url(images/logo_rewardsplus_icon.svg)
}

.mobile-nav-wrap li.menu-increase:before,
.sub-nav li.menu-increase:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath d='m11.663 5.7 3.112-3.112h-.012a.332.332 0 0 1 .462 0L18.338 5.7c.212.2.062.55-.225.55h-1.076v9.375c0 .345-.28.625-.625.625H13.6a.625.625 0 0 1-.625-.625V6.25h-1.087c-.288 0-.425-.35-.225-.55Z' fill='%23AFB7CF'/%3E%3Cpath d='M8.6 7.5h2.812c.345 0 .625.28.625.625v7.5c0 .345-.28.625-.625.625H8.6a.625.625 0 0 1-.625-.625v-7.5c0-.345.28-.625.625-.625ZM3.6 10h2.812c.345 0 .625.28.625.625v5c0 .345-.28.625-.625.625H3.6a.625.625 0 0 1-.625-.625v-5c0-.345.28-.625.625-.625Z' fill='%23AFB7CF'/%3E%3C/svg%3E");
    transition: background-image .3s ease-in-out
}

.mobile-nav-wrap li.menu-increase:hover:before,
.sub-nav li.menu-increase:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath d='m11.663 5.7 3.112-3.112h-.012a.332.332 0 0 1 .462 0L18.338 5.7c.212.2.062.55-.225.55h-1.076v9.375c0 .345-.28.625-.625.625H13.6a.625.625 0 0 1-.625-.625V6.25h-1.087c-.288 0-.425-.35-.225-.55Z' fill='url(%23a)'/%3E%3Cpath d='M8.6 7.5h2.812c.345 0 .625.28.625.625v7.5c0 .345-.28.625-.625.625H8.6a.625.625 0 0 1-.625-.625v-7.5c0-.345.28-.625.625-.625Z' fill='url(%23b)'/%3E%3Cpath d='M3.6 10h2.812c.345 0 .625.28.625.625v5c0 .345-.28.625-.625.625H3.6a.625.625 0 0 1-.625-.625v-5c0-.345.28-.625.625-.625Z' fill='url(%23c)'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 14 -15.7377 0 11 2)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 14 -15.7377 0 11 2)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 14 -15.7377 0 11 2)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E")
}

.mobile-nav-wrap li.menu-scale:before,
.sub-nav li.menu-scale:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath d='M10 8.437a1.563 1.563 0 1 0 0 3.127 1.563 1.563 0 0 0 0-3.127Z' fill='%23AFB7CF'/%3E%3Cpath d='m17.8 9.112-1.188-1.387a1.385 1.385 0 0 1-.325-.775l-.15-1.825a1.354 1.354 0 0 0-1.25-1.25l-1.825-.15a1.35 1.35 0 0 1-.775-.325L10.9 2.212a1.364 1.364 0 0 0-1.775 0L7.737 3.4c-.225.187-.487.3-.775.325l-1.825.15c-.675.05-1.2.587-1.25 1.25l-.15 1.825a1.35 1.35 0 0 1-.325.775L2.225 9.112a1.364 1.364 0 0 0 0 1.775l1.187 1.388c.188.225.3.487.325.775l.15 1.825c.05.675.588 1.2 1.25 1.25l1.825.15c.288.025.563.137.775.325l1.388 1.187a1.364 1.364 0 0 0 1.775 0l1.387-1.187c.225-.188.488-.3.775-.325l1.825-.15c.675-.05 1.2-.588 1.25-1.25l.15-1.825a1.35 1.35 0 0 1 .325-.775l1.188-1.388a1.364 1.364 0 0 0 0-1.775ZM13.712 10.2c-.7 1.362-2.1 2.3-3.7 2.3s-3-.938-3.7-2.313a.524.524 0 0 1-.05-.187c0-.05.025-.138.05-.2.7-1.363 2.1-2.3 3.7-2.3s3 .937 3.7 2.3c.025.062.05.15.05.2 0 .05-.025.137-.05.2Z' fill='%23AFB7CF'/%3E%3C/svg%3E");
    transition: background-image .3s ease-in-out
}

.mobile-nav-wrap li.menu-scale:hover:before,
.sub-nav li.menu-scale:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath d='M10 8.437a1.563 1.563 0 1 0 0 3.127 1.563 1.563 0 0 0 0-3.127Z' fill='url(%23a)'/%3E%3Cpath d='m17.8 9.112-1.188-1.387a1.385 1.385 0 0 1-.325-.775l-.15-1.825a1.354 1.354 0 0 0-1.25-1.25l-1.825-.15a1.35 1.35 0 0 1-.775-.325L10.9 2.212a1.364 1.364 0 0 0-1.775 0L7.737 3.4c-.225.187-.487.3-.775.325l-1.825.15c-.675.05-1.2.587-1.25 1.25l-.15 1.825a1.35 1.35 0 0 1-.325.775L2.225 9.112a1.364 1.364 0 0 0 0 1.775l1.187 1.388c.188.225.3.487.325.775l.15 1.825c.05.675.588 1.2 1.25 1.25l1.825.15c.288.025.563.137.775.325l1.388 1.187a1.364 1.364 0 0 0 1.775 0l1.387-1.187c.225-.188.488-.3.775-.325l1.825-.15c.675-.05 1.2-.588 1.25-1.25l.15-1.825a1.35 1.35 0 0 1 .325-.775l1.188-1.388a1.364 1.364 0 0 0 0-1.775ZM13.712 10.2c-.7 1.362-2.1 2.3-3.7 2.3s-3-.938-3.7-2.313a.524.524 0 0 1-.05-.187c0-.05.025-.138.05-.2.7-1.363 2.1-2.3 3.7-2.3s3 .937 3.7 2.3c.025.062.05.15.05.2 0 .05-.025.137-.05.2Z' fill='url(%23b)'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='rotate(90 4.51 5.81) scale(16.5193)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='rotate(90 4.51 5.81) scale(16.5193)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E")
}

.mobile-nav-wrap li.menu-aquire:before,
.sub-nav li.menu-aquire:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath d='M12.41 3.198a.781.781 0 1 0-1.445-.597l-.95 2.3a.781.781 0 0 0 1.445.597l.95-2.3ZM15.49 5.615a.781.781 0 0 0-1.105-1.105l-1.763 1.763a.781.781 0 0 0 1.105 1.104l1.763-1.762ZM17.822 8.014a.781.781 0 0 1-.424 1.02l-2.3.95a.781.781 0 0 1-.596-1.444l2.3-.95a.781.781 0 0 1 1.02.424ZM11.325 10.437c.25-.25.637-.25.887 0v.013l1.763 1.762c.25.25.25.638 0 .888l-3.088 3.087a5 5 0 0 1-7.4-.362c-1.662-2.013-1.362-5.013.488-6.863l2.937-2.937c.25-.25.638-.25.888 0l1.762 1.762c.25.25.25.638 0 .888l-3.087 3.087a1.245 1.245 0 0 0 0 1.763 1.245 1.245 0 0 0 1.762 0l3.088-3.088Z' fill='%23AFB7CF'/%3E%3C/svg%3E");
    transition: background-image .3s ease-in-out
}

.mobile-nav-wrap li.menu-aquire:hover:before,
.sub-nav li.menu-aquire:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath d='M12.41 3.198a.781.781 0 1 0-1.445-.597l-.95 2.3a.781.781 0 0 0 1.445.597l.95-2.3Z' fill='url(%23a)'/%3E%3Cpath d='M15.49 5.615a.781.781 0 0 0-1.105-1.105l-1.763 1.763a.781.781 0 0 0 1.105 1.104l1.763-1.762Z' fill='url(%23b)'/%3E%3Cpath d='M17.822 8.014a.781.781 0 0 1-.424 1.02l-2.3.95a.781.781 0 0 1-.596-1.444l2.3-.95a.781.781 0 0 1 1.02.424Z' fill='url(%23c)'/%3E%3Cpath d='M11.325 10.437c.25-.25.637-.25.887 0v.013l1.763 1.762c.25.25.25.638 0 .888l-3.088 3.087a5 5 0 0 1-7.4-.362c-1.662-2.013-1.362-5.013.488-6.863l2.937-2.937c.25-.25.638-.25.888 0l1.762 1.762c.25.25.25.638 0 .888l-3.087 3.087a1.245 1.245 0 0 0 0 1.763 1.245 1.245 0 0 0 1.762 0l3.088-3.088Z' fill='url(%23d)'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 15.8091 -15.7588 0 10.434 1.56)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 15.8091 -15.7588 0 10.434 1.56)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 15.8091 -15.7588 0 10.434 1.56)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 15.8091 -15.7588 0 10.434 1.56)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E")
}

.mobile-nav-wrap li.menu-increase-iap:before,
.sub-nav li.menu-increase-iap:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath d='m17.863 7.862-3.387-3.375a2.52 2.52 0 0 0-1.763-.725H7.288c-.662 0-1.3.263-1.762.725L2.138 7.862a1.26 1.26 0 0 0 0 1.775l6.975 6.975a1.245 1.245 0 0 0 1.763 0l6.975-6.975a1.26 1.26 0 0 0 0-1.775h.012Zm-4.862.888h-1.125L10.3 15.037c-.075.313-.525.313-.613 0L8.113 8.75H6.988c-.275 0-.412-.338-.225-.538l2.775-2.775c.25-.25.638-.25.888 0L13.2 8.212c.2.2.062.538-.225.538H13Z' fill='%23AFB7CF'/%3E%3C/svg%3E");
    transition: background-image .3s ease-in-out
}

.mobile-nav-wrap li.menu-increase-iap:hover:before,
.sub-nav li.menu-increase-iap:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath d='m17.863 7.862-3.387-3.375a2.52 2.52 0 0 0-1.763-.725H7.288c-.662 0-1.3.263-1.762.725L2.138 7.862a1.26 1.26 0 0 0 0 1.775l6.975 6.975a1.245 1.245 0 0 0 1.763 0l6.975-6.975a1.26 1.26 0 0 0 0-1.775h.012Zm-4.862.888h-1.125L10.3 15.037c-.075.313-.525.313-.613 0L8.113 8.75H6.988c-.275 0-.412-.338-.225-.538l2.775-2.775c.25-.25.638-.25.888 0L13.2 8.212c.2.2.062.538-.225.538H13Z' fill='url(%23a)'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 13.4502 -16.7356 0 10.307 3.287)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E")
}

.mobile-nav-wrap li.menu-expand:before,
.sub-nav li.menu-expand:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m11.5 2.5 6 6a2.121 2.121 0 0 1 0 3l-6 6a2.121 2.121 0 0 1-3 0l-6-6a2.121 2.121 0 0 1 0-3l6-6a2.121 2.121 0 0 1 3 0ZM7.562 7.564a.801.801 0 0 1 0 1.125l-.53.53h5.936l-.53-.53a.801.801 0 0 1 0-1.125.801.801 0 0 1 1.125 0l1.875 1.875a.801.801 0 0 1 0 1.125l-1.875 1.875a.801.801 0 0 1-1.126 0 .801.801 0 0 1 0-1.125l.533-.532H7.03l.532.532a.801.801 0 0 1 0 1.125.801.801 0 0 1-1.125 0l-1.875-1.875a.801.801 0 0 1 0-1.125l1.875-1.875a.801.801 0 0 1 1.125 0Z' fill='%23AFB7CF'/%3E%3C/svg%3E");
    transition: background-image .3s ease-in-out
}

.mobile-nav-wrap li.menu-expand:hover:before,
.sub-nav li.menu-expand:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m11.5 2.5 6 6a2.121 2.121 0 0 1 0 3l-6 6a2.121 2.121 0 0 1-3 0l-6-6a2.121 2.121 0 0 1 0-3l6-6a2.121 2.121 0 0 1 3 0ZM7.562 7.564a.801.801 0 0 1 0 1.125l-.53.53h5.936l-.53-.53a.801.801 0 0 1 0-1.125.801.801 0 0 1 1.125 0l1.875 1.875a.801.801 0 0 1 0 1.125l-1.875 1.875a.801.801 0 0 1-1.126 0 .801.801 0 0 1 0-1.125l.533-.532H7.03l.532.532a.801.801 0 0 1 0 1.125.801.801 0 0 1-1.125 0l-1.875-1.875a.801.801 0 0 1 0-1.125l1.875-1.875a.801.801 0 0 1 1.125 0Z' fill='url(%23a)'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='rotate(90 4.507 5.802) scale(16.5312)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E")
}

.mobile-nav-wrap li.menu-partners:before,
.sub-nav li.sub-icon-partners:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.35 7.688A1.29 1.29 0 0 0 7 8.9c.1.438.425.787.85.938.475.15.975.037 1.325-.313L10.35 8.35a1.245 1.245 0 0 1 1.763 0l4.412 4.412c.238.238.55.363.888.363h1.012a.31.31 0 0 0 .313-.313V7.189a.31.31 0 0 0-.313-.313H16.75a1.29 1.29 0 0 1-.887-.362l-1.4-1.4a2.479 2.479 0 0 0-1.763-.738h-1.537c-.338 0-.65.138-.888.362L7.338 7.675l.012.013Z' fill='%23AFB7CF'/%3E%3Cpath d='M11.475 9.013a.302.302 0 0 0-.438 0l-1.175 1.175c-.6.6-1.475.812-2.287.537A2.259 2.259 0 0 1 6.1 9.113a2.194 2.194 0 0 1 .6-2.1L8.812 4.9c.2-.2.063-.537-.224-.537h-1.3c-.663 0-1.3.262-1.763.737l-1.4 1.4c-.237.238-.55.363-.888.363H1.562a.31.31 0 0 0-.312.312V12.8a.31.31 0 0 0 .313.313h1.674c.338 0 .65.137.888.362l2.313 2.313c.587.587 1.55.587 2.137 0l.188-.188.187.188c.588.587 1.55.587 2.138 0l.187-.188.188.188c.587.587 1.55.587 2.137 0l2.125-2.125a.302.302 0 0 0 0-.438L11.5 9l-.025.013Z' fill='%23AFB7CF'/%3E%3C/svg%3E");
    transition: background-image .3s ease-in-out
}

.mobile-nav-wrap li.menu-partners:hover:before,
.sub-nav li.sub-icon-partners:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.35 7.688A1.29 1.29 0 0 0 7 8.9c.1.438.425.787.85.938.475.15.975.037 1.325-.313L10.35 8.35a1.245 1.245 0 0 1 1.763 0l4.412 4.412c.238.238.55.363.888.363h1.012a.31.31 0 0 0 .313-.313V7.189a.31.31 0 0 0-.313-.313H16.75a1.29 1.29 0 0 1-.887-.362l-1.4-1.4a2.479 2.479 0 0 0-1.763-.738h-1.537c-.338 0-.65.138-.888.362L7.338 7.675l.012.013Z' fill='url(%23a)'/%3E%3Cpath d='M11.475 9.013a.302.302 0 0 0-.438 0l-1.175 1.175c-.6.6-1.475.812-2.287.537A2.259 2.259 0 0 1 6.1 9.113a2.194 2.194 0 0 1 .6-2.1L8.812 4.9c.2-.2.063-.537-.224-.537h-1.3c-.663 0-1.3.262-1.763.737l-1.4 1.4c-.237.238-.55.363-.888.363H1.562a.31.31 0 0 0-.312.312V12.8a.31.31 0 0 0 .313.313h1.674c.338 0 .65.137.888.362l2.313 2.313c.587.587 1.55.587 2.137 0l.188-.188.187.188c.588.587 1.55.587 2.138 0l.187-.188.188.188c.587.587 1.55.587 2.137 0l2.125-2.125a.302.302 0 0 0 0-.438L11.5 9l-.025.013Z' fill='url(%23b)'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 8.9053 -11.98 0 13.076 4.06)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 12.0762 -14.8273 0 8.811 3.937)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E")
}

.mobile-nav-wrap li.menu-press:before,
.sub-nav li.sub-icon-press:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 2.5H5c-.688 0-1.25.563-1.25 1.25V15c0 1.375 1.125 2.5 2.5 2.5h9.688a.31.31 0 0 0 .312-.313V3.75c0-.688-.563-1.25-1.25-1.25ZM5.625 5.15c0-.35.275-.625.625-.625h2.188c.35 0 .624.275.624.625v2.188c0 .35-.274.625-.624.625H6.25a.619.619 0 0 1-.625-.625V5.15Zm5.775 7.813H6.087a.475.475 0 1 1 0-.95H11.4a.475.475 0 1 1 0 .95Zm2.5-2.5H6.087a.475.475 0 1 1 0-.95H13.9a.475.475 0 1 1 0 .95Zm0-2.5h-3.438a.475.475 0 1 1 0-.95H13.9a.475.475 0 1 1 0 .95Zm0-2.5h-3.438a.475.475 0 1 1 0-.95H13.9a.475.475 0 1 1 0 .95Z' fill='%23AFB7CF'/%3E%3C/svg%3E");
    transition: background-image .3s ease-in-out
}

.mobile-nav-wrap li.menu-press:hover:before,
.sub-nav li.sub-icon-press:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 2.5H5c-.688 0-1.25.563-1.25 1.25V15c0 1.375 1.125 2.5 2.5 2.5h9.688a.31.31 0 0 0 .312-.313V3.75c0-.688-.563-1.25-1.25-1.25ZM5.625 5.15c0-.35.275-.625.625-.625h2.188c.35 0 .624.275.624.625v2.188c0 .35-.274.625-.624.625H6.25a.619.619 0 0 1-.625-.625V5.15Zm5.775 7.813H6.087a.475.475 0 1 1 0-.95H11.4a.475.475 0 1 1 0 .95Zm2.5-2.5H6.087a.475.475 0 1 1 0-.95H13.9a.475.475 0 1 1 0 .95Zm0-2.5h-3.438a.475.475 0 1 1 0-.95H13.9a.475.475 0 1 1 0 .95Zm0-2.5h-3.438a.475.475 0 1 1 0-.95H13.9a.475.475 0 1 1 0 .95Z' fill='url(%23a)'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 15.2662 -12.7219 0 10.238 1.961)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E")
}

.mobile-nav-wrap li.menu-jobs:before,
.sub-nav li.sub-icon-jobs:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.25 5h-2.5V3.75c0-.688-.563-1.25-1.25-1.25h-5c-.688 0-1.25.563-1.25 1.25V5h-2.5c-.688 0-1.25.563-1.25 1.25V15c0 .688.563 1.25 1.25 1.25h12.5c.688 0 1.25-.563 1.25-1.25V6.25c0-.688-.563-1.25-1.25-1.25Zm-8.438-.938h4.375V5H7.814v-.938Zm2.975 10.625H9.226a.475.475 0 1 1 0-.95h1.563a.475.475 0 1 1 0 .95Zm3.75-2.187H5.476a.475.475 0 1 1 0-.95h9.063a.475.475 0 1 1 0 .95Z' fill='%23AFB7CF'/%3E%3C/svg%3E");
    transition: background-image .3s ease-in-out
}

.mobile-nav-wrap li.menu-jobs:hover:before,
.sub-nav li.sub-icon-jobs:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.25 5h-2.5V3.75c0-.688-.563-1.25-1.25-1.25h-5c-.688 0-1.25.563-1.25 1.25V5h-2.5c-.688 0-1.25.563-1.25 1.25V15c0 .688.563 1.25 1.25 1.25h12.5c.688 0 1.25-.563 1.25-1.25V6.25c0-.688-.563-1.25-1.25-1.25Zm-8.438-.938h4.375V5H7.814v-.938Zm2.975 10.625H9.226a.475.475 0 1 1 0-.95h1.563a.475.475 0 1 1 0 .95Zm3.75-2.187H5.476a.475.475 0 1 1 0-.95h9.063a.475.475 0 1 1 0 .95Z' fill='url(%23a)'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 13.994 -15.2662 0 10.285 2.006)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E")
}

.mobile-nav-wrap li.menu-about:before,
.sub-nav li.sub-icon-about:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.5 12.5V6.25c0-1.375 1.125-2.5 2.5-2.5h10.012c1.375 0 2.5 1.125 2.5 2.5v6.25c0 1.375-1.125 2.5-2.5 2.5h-1.987c-.338 0-.65.125-.888.363L10.45 17.05a.619.619 0 0 1-.887 0l-1.688-1.688A1.29 1.29 0 0 0 6.987 15H5a2.507 2.507 0 0 1-2.5-2.5Zm7.5-5a.937.937 0 1 0 0-1.875.937.937 0 0 0 0 1.875Zm.625 1.563a.625.625 0 1 0-1.25 0V12.5a.625.625 0 1 0 1.25 0V9.062Z' fill='%23AFB7CF'/%3E%3C/svg%3E");
    transition: background-image .3s ease-in-out
}

.mobile-nav-wrap li.menu-about:hover:before,
.sub-nav li.sub-icon-about:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.5 12.5V6.25c0-1.375 1.125-2.5 2.5-2.5h10.012c1.375 0 2.5 1.125 2.5 2.5v6.25c0 1.375-1.125 2.5-2.5 2.5h-1.987c-.338 0-.65.125-.888.363L10.45 17.05a.619.619 0 0 1-.887 0l-1.688-1.688A1.29 1.29 0 0 0 6.987 15H5a2.507 2.507 0 0 1-2.5-2.5Zm7.5-5a.937.937 0 1 0 0-1.875.937.937 0 0 0 0 1.875Zm.625 1.563a.625.625 0 1 0-1.25 0V12.5a.625.625 0 1 0 1.25 0V9.062Z' fill='url(%23a)'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 13.7269 -15.2789 0 10.291 3.265)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E")
}

.mobile-nav-wrap li.menu-success:before,
.sub-nav li.sub-icon-success:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.613 2.5h-3.962c-.475 0-.9.263-1.113.688L9.926 6.425l-1.45 2.913c.487-.175 1-.275 1.537-.275 1.413 0 2.675.637 3.538 1.624.15.176.425.15.525-.05l3.387-6.775a.94.94 0 0 0-.837-1.362h-.013ZM10 17.5a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5ZM8.474 3.2l.863 1.725.012.012a.635.635 0 0 1 0 .563l-2.537 5.062a.508.508 0 0 1-.9 0l-3.35-6.687a.94.94 0 0 1 .837-1.363h3.963c.462 0 .9.263 1.112.688Z' fill='%23AFB7CF'/%3E%3C/svg%3E");
    transition: background-image .3s ease-in-out
}

.mobile-nav-wrap li.menu-success:hover:before,
.sub-nav li.sub-icon-success:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.613 2.5h-3.962c-.475 0-.9.263-1.113.688L9.926 6.425l-1.45 2.913c.487-.175 1-.275 1.537-.275 1.413 0 2.675.637 3.538 1.624.15.176.425.15.525-.05l3.387-6.775a.94.94 0 0 0-.837-1.362h-.013ZM10 17.5a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5ZM8.474 3.2l.863 1.725.012.012a.635.635 0 0 1 0 .563l-2.537 5.062a.508.508 0 0 1-.9 0l-3.35-6.687a.94.94 0 0 1 .837-1.363h3.963c.462 0 .9.263 1.112.688Z' fill='url(%23a)'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 15.2662 -15.3712 0 10.3 1.961)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E")
}

.mobile-nav-wrap li.menu-blog:before,
.sub-nav li.sub-icon-blog:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.875 8.325v5.425c0 .688-.563 1.25-1.25 1.25H6.137c-.337 0-.65.137-.887.363l-1.6 1.6c-.2.2-.525.062-.525-.226V6.25c0-.688.563-1.25 1.25-1.25h6.675c.275 0 .412.338.225.537L9.462 7.35A3.452 3.452 0 0 0 8.45 9.8v1.45c0 .512.425.938.938.938h1.45c.912 0 1.8-.363 2.45-1.013l3.062-3.063c.2-.2.537-.062.537.226l-.012-.013Z' fill='%23AFB7CF'/%3E%3Cpath d='m17.688 5.438-5.075 5.075a2.508 2.508 0 0 1-1.775.737h-1.15a.31.31 0 0 1-.313-.312v-1.15c0-.663.262-1.3.738-1.775l5.075-5.075a.625.625 0 0 1 .437-.175c.162 0 .325.062.438.175l1.625 1.625a.626.626 0 0 1 0 .875Z' fill='%23AFB7CF'/%3E%3C/svg%3E");
    transition: background-image .3s ease-in-out
}

.mobile-nav-wrap li.menu-blog:hover:before,
.sub-nav li.sub-icon-blog:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.875 8.325v5.425c0 .688-.563 1.25-1.25 1.25H6.137c-.337 0-.65.137-.887.363l-1.6 1.6c-.2.2-.525.062-.525-.226V6.25c0-.688.563-1.25 1.25-1.25h6.675c.275 0 .412.338.225.537L9.462 7.35A3.452 3.452 0 0 0 8.45 9.8v1.45c0 .512.425.938.938.938h1.45c.912 0 1.8-.363 2.45-1.013l3.062-3.063c.2-.2.537-.062.537.226l-.012-.013Z' fill='url(%23a)'/%3E%3Cpath d='m17.688 5.438-5.075 5.075a2.508 2.508 0 0 1-1.775.737h-1.15a.31.31 0 0 1-.313-.312v-1.15c0-.663.262-1.3.738-1.775l5.075-5.075a.625.625 0 0 1 .437-.175c.162 0 .325.062.438.175l1.625 1.625a.626.626 0 0 1 0 .875Z' fill='url(%23b)'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 12.271 -14.0068 0 10.268 4.567)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 8.63814 -8.64132 0 13.782 2.458)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E")
}

.mobile-nav-wrap li.menu-video:before,
.sub-nav li.sub-icon-video:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.25 3.75H3.75c-.688 0-1.25.563-1.25 1.25v10c0 .688.563 1.25 1.25 1.25h12.5c.688 0 1.25-.563 1.25-1.25V5c0-.688-.563-1.25-1.25-1.25Zm-4.037 6.738L8.938 12.3a.55.55 0 0 1-.813-.488V8.175a.55.55 0 0 1 .813-.488L12.212 9.5a.552.552 0 0 1 0 .963v.025Z' fill='%23AFB7CF'/%3E%3C/svg%3E");
    transition: background-image .3s ease-in-out
}

.mobile-nav-wrap li.menu-video:hover:before,
.sub-nav li.sub-icon-video:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.25 3.75H3.75c-.688 0-1.25.563-1.25 1.25v10c0 .688.563 1.25 1.25 1.25h12.5c.688 0 1.25-.563 1.25-1.25V5c0-.688-.563-1.25-1.25-1.25Zm-4.037 6.738L8.938 12.3a.55.55 0 0 1-.813-.488V8.175a.55.55 0 0 1 .813-.488L12.212 9.5a.552.552 0 0 1 0 .963v.025Z' fill='url(%23a)'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 12.7219 -15.2662 0 10.285 3.301)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E")
}

.mobile-nav-wrap li.menu-guides:before,
.sub-nav li.sub-icon-guides-reports:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 5.638c0-.4-.188-.788-.525-.988-1.775-1.075-3.988-1.162-5.85-.287-.412.2-.65.637-.65 1.1v7.825a.475.475 0 1 1-.95 0V5.463c0-.463-.238-.9-.65-1.1-1.862-.875-4.075-.788-5.85.287-.337.213-.525.6-.525 1v9.5c0 .463.487.75.9.538a6.284 6.284 0 0 1 5.987.162c.363.213.825.225 1.188 0a6.274 6.274 0 0 1 6-.175c.413.213.913-.075.913-.537v-9.5h.012Z' fill='%23AFB7CF'/%3E%3C/svg%3E");
    transition: background-image .3s ease-in-out
}

.mobile-nav-wrap li.menu-guides:hover:before,
.sub-nav li.sub-icon-guides-reports:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 5.638c0-.4-.188-.788-.525-.988-1.775-1.075-3.988-1.162-5.85-.287-.412.2-.65.637-.65 1.1v7.825a.475.475 0 1 1-.95 0V5.463c0-.463-.238-.9-.65-1.1-1.862-.875-4.075-.788-5.85.287-.337.213-.525.6-.525 1v9.5c0 .463.487.75.9.538a6.284 6.284 0 0 1 5.987.162c.363.213.825.225 1.188 0a6.274 6.274 0 0 1 6-.175c.413.213.913-.075.913-.537v-9.5h.012Z' fill='url(%23a)'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 12.4632 -15.2662 0 10.285 3.329)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E")
}

.mobile-nav-wrap li.menu-glossary:before,
.sub-nav li.sub-icon-glossary:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.751 2.5h-8.75c-.688 0-1.25.563-1.25 1.25v12.5c0 .688.562 1.25 1.25 1.25h8.75c1.375 0 2.5-1.125 2.5-2.5V5c0-1.375-1.125-2.5-2.5-2.5Zm-4.913 7.588L7.501 8.75l-1.338 1.338c-.2.2-.537.062-.537-.225V4.988c0-.35.275-.626.625-.626h2.5c.35 0 .625.276.625.625v4.876c0 .274-.338.412-.538.225Z' fill='%23AFB7CF'/%3E%3C/svg%3E");
    transition: background-image .3s ease-in-out
}

.mobile-nav-wrap li.menu-glossary:hover:before,
.sub-nav li.sub-icon-glossary:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.751 2.5h-8.75c-.688 0-1.25.563-1.25 1.25v12.5c0 .688.562 1.25 1.25 1.25h8.75c1.375 0 2.5-1.125 2.5-2.5V5c0-1.375-1.125-2.5-2.5-2.5Zm-4.913 7.588L7.501 8.75l-1.338 1.338c-.2.2-.537.062-.537-.225V4.988c0-.35.275-.626.625-.626h2.5c.35 0 .625.276.625.625v4.876c0 .274-.338.412-.538.225Z' fill='url(%23a)'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 15.2662 -12.7219 0 10.238 1.961)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E")
}

.mobile-nav-wrap li.menu-event:before,
.sub-nav li.sub-icon-event:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.25 4.375h-2.5V3.75a.619.619 0 0 0-.625-.625h-1.25a.619.619 0 0 0-.625.625v.625h-2.5V3.75a.619.619 0 0 0-.625-.625h-1.25a.619.619 0 0 0-.625.625v.625h-2.5c-.688 0-1.25.563-1.25 1.25v10c0 .688.563 1.25 1.25 1.25h12.5c.688 0 1.25-.563 1.25-1.25v-10c0-.688-.563-1.25-1.25-1.25Zm-5 11.25v-3.75c0-.688.563-1.25 1.25-1.25h3.75l-5 5Zm3.275-7.813H5.462a.475.475 0 1 1 0-.95h9.063a.475.475 0 1 1 0 .95Z' fill='%23AFB7CF'/%3E%3C/svg%3E");
    transition: background-image .3s ease-in-out
}

.mobile-nav-wrap li.menu-event:hover:before,
.sub-nav li.sub-icon-event:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.25 4.375h-2.5V3.75a.619.619 0 0 0-.625-.625h-1.25a.619.619 0 0 0-.625.625v.625h-2.5V3.75a.619.619 0 0 0-.625-.625h-1.25a.619.619 0 0 0-.625.625v.625h-2.5c-.688 0-1.25.563-1.25 1.25v10c0 .688.563 1.25 1.25 1.25h12.5c.688 0 1.25-.563 1.25-1.25v-10c0-.688-.563-1.25-1.25-1.25Zm-5 11.25v-3.75c0-.688.563-1.25 1.25-1.25h3.75l-5 5Zm3.275-7.813H5.462a.475.475 0 1 1 0-.95h9.063a.475.475 0 1 1 0 .95Z' fill='url(%23a)'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 13.994 -15.2662 0 10.285 2.631)'%3E%3Cstop stop-color='%23105FFB'/%3E%3Cstop offset='1' stop-color='%23A15AF0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E")
}

.nav-feature-pod-wrap {
    display: grid;
    gap: 8px
}

.nav-feature-pod-wrap a {
    border-radius: 4px;
    display: flex;
    flex-direction: row
}

.nav-feature-pod-wrap>div img {
    border-radius: 4px;
    height: 80px;
    margin: 0;
    opacity: 1;
    transition: all .2s linear;
    width: 142px;
    z-index: 10
}

.nav-feature-pod-wrap>div h6 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-family: var(--font-wt-Heavy);
    font-size: 12px;
    letter-spacing: 0;
    margin: 0;
    overflow: hidden;
    text-align: left;
    text-transform: none
}

.wrappe-title {
    background-color: #fff;
    border-radius: 0 6px 6px 0;
    padding: 16px;
    width: 100%
}

.nav-feature-pod-wrap>div a:hover h6 {
    color: inherit
}

.nav-feature-pod-wrap>div a:hover img {
    opacity: 1
}

.nav-feature-pod-wrap a {
    color: #000 !important
}

.nav-feature-pod-wrap a:hover {
    box-shadow: 0 4px 12px 0 rgba(16, 95, 251, .2);
    opacity: 1;
    transition: .3s ease-in-out
}

@media screen and (width <=782px) {

    .admin-bar #mobile-nav-container,
    .admin-bar #mobile-nav-trigger {
        margin-top: 46px
    }
}

.admin-bar #mobile-nav-container,
.admin-bar #mobile-nav-trigger {
    margin-top: 32px
}

#mobile-nav-container {
    background-color: var(--color-modern-gray-100);
    height: 100%;
    margin: 0;
    max-width: 400px;
    min-width: 300px;
    overflow: auto;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: all .2s;
    visibility: visible;
    width: 100%;
    z-index: 99998
}

#mobile-nav-container::-webkit-scrollbar {
    width: 0
}

#mobile-nav-header {
    background-color: #fff;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    text-align: left;
    transition: background-color .5s, border-color .5s, color .5s
}

#mobile-nav-secondary-wrap {
    color: #000;
    display: block;
    font-size: 16px;
    padding: 0 5%;
    text-align: center;
    word-break: break-word
}

.mobile-products-menu .sub-menu {
    display: grid;
    gap: 24px
}

.mobile-products-menu .sub-menu>li>a {
    display: grid;
    gap: 2px;
    padding-bottom: 0;
    padding-left: 44px;
    padding-top: 2px
}

.mobile-menu-list li a,
.mobile-products-menu .sub-menu>li>a {
    font-family: var(--font-wt-Heavy);
    font-size: 14px;
    height: auto;
    text-transform: capitalize
}

.mobile-menu-list li a {
    padding-left: 32px
}

.mobile-menu-list .sub-menu {
    display: grid;
    gap: 12px
}

#menu-responsive-nav>li>a {
    background: #fff;
    border-bottom: 0 solid var(--color-gray-80);
    color: #000;
    display: block;
    font-family: var(--font-wt-Heavy);
    font-size: 18px;
    letter-spacing: 0;
    overflow: hidden;
    padding: 0 32px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: background-color .5s, border-color .5s, .5s;
    width: 100%
}

#menu-responsive-nav.responsive-primary>li>a {
    align-items: center;
    display: flex;
    justify-content: space-between;
    transition: initial
}

#menu-responsive-nav.responsive-primary>li>a>svg {
    float: right;
    rotate: 180deg;
    transition: all .3s
}

#menu-responsive-nav.responsive-primary>li>a.active>svg {
    transform: rotate(-180deg)
}

.responsive-secondary li>a {
    font-family: var(--font-wt-Heavy);
    font-size: 14px;
    height: auto;
    text-transform: capitalize
}

#menu-responsive-nav .no-icons .sub-menu {
    margin-bottom: 1em
}

#menu-responsive-nav .no-icons .sub-menu li {
    margin-bottom: 12px
}

#menu-responsive-nav,
#menu-responsive-nav .sub-menu,
.responsive-primary,
.responsive-secondary {
    margin: 0;
    padding: 0;
    width: 100%
}

#menu-responsive-nav .sub-menu {
    overflow: hidden
}

#menu-responsive-nav .menu-item-has-children>.sub-menu {
    height: 0;
    margin: 0;
    opacity: 0
}

#menu-responsive-nav .menu-item-has-children a.active~.sub-menu {
    height: auto;
    opacity: 1;
    padding: 20px 32px 0;
    transition: opacity .8s ease
}

#menu-responsive-nav {
    display: grid;
    gap: 32px;
    padding-bottom: 40px;
    padding-top: 20px
}

.responsive-secondary {
    line-height: 1.75em;
    list-style-type: none;
    margin: .75em 0 1.5em
}

.responsive-primary a,
.responsive-secondary a {
    color: #000
}

.responsive-primary li,
.responsive-secondary li {
    list-style: none;
    margin: 0;
    width: 100%
}

#mobile-nav-trigger {
    background-color: transparent;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    display: none;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding: 10px 5px;
    right: 32px;
    text-decoration: none;
    top: 0;
    transition: transform .5s, background-color .5s
}

#mobile-nav-trigger .mobile-nav-icon-inner,
#mobile-nav-trigger .mobile-nav-icon-inner:after,
#mobile-nav-trigger .mobile-nav-icon-inner:before {
    background-color: #000;
    border-radius: 4px;
    display: block;
    height: 2px;
    position: absolute;
    width: 17px
}

#header.transparent #mobile-nav-trigger .mobile-nav-icon-inner,
#header.transparent #mobile-nav-trigger .mobile-nav-icon-inner:after,
#header.transparent #mobile-nav-trigger .mobile-nav-icon-inner:before {
    background-color: #fff
}

#header.transparent.light #mobile-nav-trigger .mobile-nav-icon-inner,
#header.transparent.light #mobile-nav-trigger .mobile-nav-icon-inner:after,
#header.transparent.light #mobile-nav-trigger .mobile-nav-icon-inner:before {
    background-color: #000
}

#mobile-nav-trigger .mobile-nav-icon-inner:after,
#mobile-nav-trigger .mobile-nav-icon-inner:before {
    content: ""
}

#mobile-nav-trigger .mobile-nav-icon-inner:before {
    top: 6px
}

#mobile-nav-trigger .mobile-nav-icon-inner:after {
    bottom: 6px
}

#mobile-nav-trigger.active .mobile-nav-icon-inner,
#mobile-nav-trigger.active .mobile-nav-icon-inner:after,
#mobile-nav-trigger.active .mobile-nav-icon-inner:before {
    background-color: #000
}

#mobile-nav-trigger .mobile-nav-icon-wrap {
    color: #000;
    display: inline-block;
    pointer-events: none;
    position: relative;
    vertical-align: super;
    width: 17px
}

.products-menu ul {
    -moz-column-count: 2;
    column-count: 2
}

.flexline-menu {
    width: 100%
}

.flexline-menu,
.flexline-menu ul {
    display: inline-flex
}

.flexline-menu ul li {
    border-left: 1px solid #e6e6e6;
    margin-left: 16px;
    margin-top: 0;
    padding-left: 16px
}

.flexline-menu ul li:first-child {
    border-left: none;
    margin-left: 0;
    padding-left: 20px
}

.flexline-menu h6 {
    margin-bottom: 0
}

@media screen and (width <=1024px) {

    #mobile-nav-container,
    #mobile-nav-trigger {
        display: block
    }

    .header-nav {
        display: none
    }
}

#mobile-nav-primary {
    padding-bottom: 1.25em
}

#mobile-nav-primary,
html:not(.responsive-menu-open) body.dark .mobile-nav-icon-inner,
html:not(.responsive-menu-open) body.dark .mobile-nav-icon-inner:after,
html:not(.responsive-menu-open) body.dark .mobile-nav-icon-inner:before,
html:not(.responsive-menu-open) body.darknav .mobile-nav-icon-inner,
html:not(.responsive-menu-open) body.darknav .mobile-nav-icon-inner:after,
html:not(.responsive-menu-open) body.darknav .mobile-nav-icon-inner:before {
    background-color: #fff
}

#mobile-nav-container {
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 0 20px 0 transparent;
    transition: all .5s
}

#mobile-nav-container.active {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .25);
    transform: translateX(0)
}

#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a {
    border: 0
}

.mobile-nav-header-logo {
    height: 28px;
    margin: initial;
    max-width: 100%;
    width: auto
}

#mobile-nav-primary-wrap {
    background-color: #fff
}

#mobile-nav-secondary-wrap {
    display: grid;
    gap: 40px;
    padding: 40px 32px
}

#mobile-nav-secondary-wrap .lang-switcher li:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 14px;
    left: 0;
    margin: 0 1em 0 0;
    padding: 0;
    position: absolute;
    top: 6px;
    width: 21px
}

#mobile-nav-secondary-wrap .lang-switcher li a {
    line-height: normal;
    padding: 6px 20px 4px 40px
}

.menu-description {
    color: var(--color-gray-60);
    display: block;
    font-family: var(--font-wt-Light);
    font-size: 12px;
    line-height: 12px;
    margin: 0;
    text-transform: none
}

#platform-products {
    display: grid;
    gap: 28px;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-template: "col1-item1 col2-item1" 1fr "col1-item2 col2-item2" 1fr "col1-item3 col2-item3" 1fr "col1-item4 col2-item4" 1fr/1fr 1fr
}

#mobile-nav-container a {
    outline: none
}

#mobile-nav-container #responsive-menu-additional-content {
    padding: 10%
}

#responsive-supplemental-menu {
    line-height: 1.75em;
    list-style-type: none;
    margin: 0 0 2em
}

.mobile-nav-wrap li.nav-second:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    width: 20px
}

.mobile-nav-wrap li.nav-rewards:before {
    background-image: url(images/logo_rewardsplus_icon.svg)
}

.responsive-supplemental-menu-title {
    color: var(--color-gray-40);
    font-family: var(--font-wt-Black);
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase
}

#responsive-supplemental-menu a {
    color: #000
}

.log-section {
    margin-top: 0;
    padding-left: 32px;
    padding-right: 32px
}

#responsive-login-signup {
    border-top: 1px solid #e6e6e6;
    display: flex;
    list-style-type: none;
    margin-top: 0;
    padding: 20px 0 0
}

#responsive-login-signup li {
    flex: 0 1 4em
}

#responsive-login-signup li.button {
    flex: 0 1 6em
}

#responsive-login-signup a {
    color: #000;
    font-family: var(--font-wt-Black);
    font-size: 13px;
    padding: .25em 0;
    text-transform: capitalize
}

#responsive-login-signup .sign-arrow a:after {
    background: url(images/link-icon-arrow-black-2019.svg) no-repeat;
    content: "";
    display: inline-block;
    height: .75em;
    left: .5em;
    position: relative;
    width: 1em
}

#responsive-login-signup li.button a {
    background-color: var(--color-al-blue-dark);
    border-radius: .275em;
    color: #fff;
    padding: .75em 1.2em .5em
}

.mobile-promo-link {
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    font-family: var(--font-wt-Black);
    font-size: 10px;
    gap: 6px;
    line-height: normal;
    margin-bottom: 8px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-top: 8px;
    text-transform: uppercase;
    width: -webkit-fill-available
}

.mobile-promo-link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13.53 7.47-5-5a.754.754 0 0 0-1.06 0c-.29.29-.29.77 0 1.06l3.72 3.72H3c-.41 0-.75.34-.75.75s.34.75.75.75h8.19l-3.72 3.72c-.29.29-.29.77 0 1.06.15.15.34.22.53.22s.38-.07.53-.22l5-5c.29-.29.29-.77 0-1.06Z' fill='%23000'/%3E%3C/svg%3E");
    content: "";
    display: inline-block;
    height: 10px;
    position: relative;
    transition: transform .3s ease;
    width: 10px
}

.mobile-promo-link:hover:after {
    transform: translateX(3px)
}

.mobile-nav {
    gap: 24px;
    list-style: none;
    padding: 0
}

.mobile-nav,
.mobile-nav li {
    align-items: center;
    display: flex;
    margin: 0
}

.mobile-nav li {
    font-family: var(--font-wt-Black);
    font-size: 12px;
    gap: 4px;
    letter-spacing: 1px;
    line-height: .75em
}

.mobile-nav li a {
    color: #000;
    letter-spacing: normal
}

.mobile-nav li.nav-arrow-link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13.53 7.47-5-5a.754.754 0 0 0-1.06 0c-.29.29-.29.77 0 1.06l3.72 3.72H3c-.41 0-.75.34-.75.75s.34.75.75.75h8.19l-3.72 3.72c-.29.29-.29.77 0 1.06.15.15.34.22.53.22s.38-.07.53-.22l5-5c.29-.29.29-.77 0-1.06Z' fill='%23000'/%3E%3C/svg%3E");
    content: "";
    display: inline-block;
    height: 12px;
    position: relative;
    transition: transform .3s ease;
    width: 12px
}

.mobile-nav li.nav-arrow-link:hover:after {
    transform: translateX(3px)
}

.promo-link-detached {
    margin-top: 40px
}

.promo-link:after,
.promo-video-link:after {
    content: "";
    display: inline-block;
    position: relative
}

.promo-link:after {
    background-size: contain;
    background: url(images/link-icon-arrow-blue-2019.svg) no-repeat;
    height: 10px;
    transition: transform .3s ease;
    width: 10px
}

.promo-link:hover:after {
    transform: translateX(3px)
}

.promo-video-link:after {
    background: url(images/link-icon-play-blue-2019.svg) no-repeat;
    height: 1.2em;
    left: .35em;
    top: .3em;
    width: 1.2em
}

.promo-video-link:hover:after {
    left: .35em
}

.promo-link-light {
    color: #fff
}

.promo-link-light:after {
    background: url(images/link-icon-arrow-white-2019.svg) no-repeat
}

.promo-link-triangle:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.083 12.565c-.252.143-.458.023-.458-.27V1.698c0-.29.202-.41.454-.26l9.112 5.476a.281.281 0 0 1 0 .529l-9.109 5.122Z' fill='%2300B6E0' stroke='%2300B6E0' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;
    height: 12px;
    top: 0;
    width: 12px
}

.mobile-header-con {
    align-items: center;
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 20px 32px
}

.mobile-close-trigger {
    background: none;
    border: none;
    cursor: pointer;
    height: 24px;
    margin: 0;
    padding: 0;
    width: 24px;
    z-index: 99999
}

.mobile-close-icon-wrap,
.mobile-close-trigger {
    align-items: center;
    display: flex;
    justify-content: center
}

.mobile-close-icon-wrap {
    height: 17px;
    width: 17px
}

.mobile-close-icon-inner:after,
.mobile-close-icon-inner:before {
    background-color: #000;
    border-radius: 4px;
    content: "";
    height: 2px;
    position: absolute;
    right: 34px;
    top: 34px;
    transition: transform .3s ease;
    width: 17px
}

.mobile-close-icon-inner:before {
    transform: rotate(45deg)
}

.mobile-close-icon-inner:after {
    transform: rotate(-45deg)
}

.blur-background {
    filter: blur(6px) brightness(95%);
    transition: filter .3s ease-in-out
}

#platform-resources li,
.sub-menu li {
    align-items: center;
    display: flex
}

#platform-resources li a,
.sub-menu li a {
    line-height: 1;
    padding-bottom: 5px;
    padding-top: 5px
}

#solutions-developers {
    display: grid;
    gap: 12px
}

.featured-part-section {
    display: grid;
    gap: 20px
}

#cares-form-module input[type=color],
#cares-form-module input[type=date],
#cares-form-module input[type=datetime-local],
#cares-form-module input[type=datetime],
#cares-form-module input[type=email],
#cares-form-module input[type=file],
#cares-form-module input[type=month],
#cares-form-module input[type=number],
#cares-form-module input[type=password],
#cares-form-module input[type=range],
#cares-form-module input[type=search],
#cares-form-module input[type=tel],
#cares-form-module input[type=text],
#cares-form-module input[type=time],
#cares-form-module input[type=url],
#cares-form-module input[type=week],
#cares-form-module select,
#cares-form-module textarea {
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 0;
    color: #000;
    font-family: var(--font-wt-Light), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: .75em 1em .65em;
    width: 100%
}

#cares-form-module input,
#cares-form-module input[type=radio],
#cares-form-module label {
    margin: 0
}

#cares-form-module label {
    font-family: var(--font-wt-Light), "Avenir", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    font-weight: 900
}

#cares-form-module input[name=mopub_api_key] {
    margin-bottom: 0
}

#cares-form-module input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #2A5DA9;
    border: none;
    border-radius: 5px !important;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 21px;
    font-weight: 400;
    line-height: 1em;
    margin: 1em auto 0;
    max-width: 300px;
    padding: 1em 0 .75em;
    transition: all .2s;
    width: 100%
}

#cares-form-module .hs-form-booleancheckbox input,
#cares-form-module .hs-form-radio input {
    margin: .5em
}

#cares-form-module .hs-input {
    width: 100% !important
}

#cares-form-module .hs-form-checkbox-display .hs-input {
    margin-right: 15px;
    width: auto !important
}

#cares-form-module .hs-form-radio-display .hs-input {
    position: relative;
    top: 2px;
    transform: scale(1.25);
    width: auto !important
}

#cares-form-module .hs-form-booleancheckbox .hs-input {
    width: auto !important
}

#cares-form-module fieldset {
    margin: 0 auto .25em !important;
    max-width: unset;
    padding: 0;
    width: 100%
}

#cares-form-module fieldset.form-columns-2 .hs-form-field {
    float: left !important;
    width: 47.5% !important
}

#cares-form-module fieldset.form-columns-2 .hs-form-field:first-child {
    margin-right: 5% !important
}

#cares-form-module .input {
    margin-right: 0 !important
}

#cares-form-module label {
    color: #999;
    display: block;
    letter-spacing: .5px;
    margin-bottom: 0;
    text-transform: uppercase
}

#cares-form-module a.form-helper-link,
#cares-form-module label {
    font-size: 10px
}

#cares-form-module a.form-helper-link {
    color: #2A5DA9;
    display: inline-block;
    margin: 0 auto 1em
}

#cares-form-module span.hs-form-required {
    color: #ff5b3b
}

#cares-form-module ul {
    list-style: none;
    padding: 0
}

#cares-form-module .hs-form-booleancheckbox {
    clear: both;
    list-style-type: none;
    padding: 0 !important
}

#cares-form-module .footer-email .hbspt-form .hs-form-booleancheckbox {
    color: #000
}

#cares-form-module .footer-email .hbspt-form .legal-consent-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%
}

#cares-form-module .hs-form-booleancheckbox:before {
    display: none
}

#cares-form-module .hs-richtext>p {
    margin: 0 !important
}

#cares-form-module .email-signup-block .caption-holder .caption-frame h1 {
    font-family: Avenir Black;
    font-size: 48px;
    font-weight: 750;
    line-height: 1em
}

#cares-form-module .email-signup-block .caption-holder .caption-frame h2 {
    font-family: Avenir Heavy;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2em
}

#cares-form-module .legal-consent-container {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 5em;
    margin-top: 1em
}

#cares-form-module .legal-consent-container input[type=checkbox] {
    margin-top: 2px
}

#cares-form-module .legal-consent-container .hs-form-booleancheckbox-display p {
    display: block;
    font-size: 1.1em;
    margin-bottom: 0 !important;
    margin-left: 10px !important
}

#cares-form-module .legal-consent-container .hs-richtext {
    color: #000;
    text-align: left
}

#cares-form-module .footer-email .legal-consent-container .hs-richtext:nth-child(3) {
    margin-top: 1em
}

#cares-form-module .legal-consent-container .hs-richtext a {
    color: #000;
    text-decoration: underline !important
}

#cares-form-module .legal-consent-container label {
    color: #165e7a !important;
    margin: .75em
}

#cares-form-module input[type=submit]:hover {
    opacity: .9
}

#cares-form-module .hs-error-msgs {
    display: none !important
}

#cares-form-module .hs_error_rollup .hs-error-msgs {
    display: initial !important
}

#cares-form-module .legal-consent-container .hs-form-booleancheckbox-display>span {
    margin-left: 0 !important;
    text-align: left
}

#cares-form-module .legal-consent-container .hs-form-booleancheckbox-display span.hs-form-required {
    display: none
}

#cares-form-module .footer-email .submitted-message {
    color: #000
}

#cares-form-module .hs-error-msgs li {
    font-size: 12px;
    list-style-type: none;
    padding: 0 !important
}

#cares-form-module .hs-error-msgs label {
    background-color: #e2ecee;
    border-radius: .25em;
    color: red;
    padding: .25em .5em
}

#cares-form-module .top-logo {
    margin: auto;
    text-align: center
}

#cares-form-module .header-logo {
    margin: 25px;
    max-width: 250px
}

#cares-form-module .submitted-message {
    text-align: center
}

#cares-form-module .inputs-list.multi-container {
    margin-top: 0
}

#cares-form-module .hs_status_ ul {
    margin: 0 0 1.5em
}

#cares-form-module label.hs-form-radio-display {
    margin-bottom: 0
}

@media screen and (width <=780px) {
    #cares-form-module .hs-form-radio-display .hs-input {
        transform: scale(1)
    }
}

@media screen and (width <=500px) {
    #cares-form-module .hs-fieldtype-radio ul.inputs-list {
        display: block
    }

    #cares-form-module .hs-form-radio-display .hs-input {
        transform: scale(1)
    }
}

@media screen and (width <=320px) {
    #cares-form-module fieldset.form-columns-2 .hs-form-field {
        float: none !important;
        width: 100% !important
    }

    #cares-form-module fieldset.form-columns-2 .hs-form-field:first-child {
        margin-right: 0 !important
    }
}

.updated:not(.published) {
    display: none
}

.entry-content,
.entry-summary,
.page-content {
    margin: 1.5em 0 0
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.widget {
    margin: 0 0 1.5em
}

.widget select {
    max-width: 100%
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.custom-logo-link {
    display: inline-block
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.wp-caption-text {
    text-align: center
}

.gallery {
    grid-gap: 1.5em;
    display: grid;
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr)
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr)
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr)
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr)
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr)
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr)
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr)
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr)
}

.gallery-caption {
    display: block
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid hsla(0, 0%, 100%, 0);
    display: block;
    height: auto
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer,
.slick-arrow.slick-hidden {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal !important;
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px
}

.screen-reader-text:focus {
    clip: auto !important;
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#primary[tabindex="-1"]:focus {
    outline: 0
}

.alignleft {
    float: left;
    margin-bottom: 1.5em;
    margin-right: 1.5em
}

.alignright {
    float: right;
    margin-bottom: 1.5em;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-bottom: 1.5em
}

.aligncenter,
.wrapper {
    margin-left: auto;
    margin-right: auto
}

.wrapper {
    max-width: 1264px;
    padding: 64px 32px;
    width: 100%
}

@media only screen and (min-width:640px) {
    .wrapper {
        margin-left: auto;
        margin-right: auto;
        max-width: 1312px;
        padding: 80px 56px;
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .wrapper {
        margin-left: auto;
        margin-right: auto;
        max-width: 1312px;
        padding: 96px 56px;
        width: 100%
    }
}

/*# sourceMappingURL=undefined.map */