: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";
  --color-al-blue: #2A5DA9;
  --color-al-blue-dark: #009ac6;
  --color-tech-blue: #105ffb;
  --color-tech-blue-dark: #0071ce;
  --color-royal-purple: #6441e2;
  --color-royal-purple-dark: #6628ad;
  --color-sea-green: #12e3a3;
  --color-sea-green-dark: #12afa3;
  --color-magenta: #fc326c;
  --color-gray-2: #fafafa;
  --color-gray-5: #f2f2f2;
  --color-gray-10: #e6e6e6;
  --color-gray-20: #ccc;
  --color-gray-40: #999;
  --color-gray-50: grey;
  --color-gray-60: #666;
  --color-gray-80: #333;
  --color-modern-gray-100: #f7f8fc;
  --color-modern-gray-200: #eef0f6;
  --color-modern-gray-300: #829bc4;
  --color-modern-gray-400: #252a3a;
  --color-modern-gray-500: #181625
}

/*! 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
}

[lang=ko-KR] body {
  word-break: keep-all
}

main {
  display: block
}

object {
  width: 100%
}

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

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

pre {
  font-family: monospace, 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
}

code,
kbd,
samp {
  font-family: monospace, 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
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  box-sizing: border-box;
  color: #000;
  font: 18px/1.5 var(--font-wt-Light), Avenir, Helvetica Neue, Helvetica, sans-serif;
  min-width: 320px
}

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

p {
  font-family: var(--font-wt-Light);
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 1em
}

li>a>strong,
li>strong,
p>a>b,
p>a>strong,
p>b,
p>strong {
  font-family: var(--font-wt-Heavy);
  font-weight: 700
}

em,
p>em {
  font-family: var(--font-wt-LightOblique);
  font-style: italic;
  font-weight: 400
}

em>strong,
h2>em,
p>em>strong,
p>strong>em,
strong>em {
  font-family: var(--font-wt-HeavyOblique);
  font-style: italic;
  font-weight: 700
}

a {
  color: var(--color-al-blue);
  transition: opacity .2s ease-in-out, color .1s linear
}

a,
a:focus,
a:hover {
  text-decoration: none
}

a:hover {
  opacity: .8
}

a,
div,
footer,
img,
li,
ol,
p,
ul {
  box-sizing: border-box;
  position: relative
}

h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty,
p:empty {
  display: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  line-height: 1.35em;
  margin-bottom: .5em;
  margin-top: 0;
  position: relative;
  z-index: 10
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0
}

h1 {
  font-size: 60px
}

h1,
h2 {
  font-family: var(--font-wt-Black);
  font-weight: 750
}

h2 {
  font-size: 50px
}

h3 {
  font-family: var(--font-wt-Black);
  font-size: 36px
}

h3,
h3>em {
  font-weight: 750
}

h3>em {
  font-family: var(--font-wt-BlackOblique);
  font-style: italic
}

h4 {
  font-family: var(--font-wt-Light);
  font-size: 32px;
  font-weight: 400
}

h4>strong {
  font-family: var(--font-wt-Heavy);
  font-weight: 700
}

h4>strong>em {
  font-family: var(--font-wt-HeavyOblique);
  font-style: italic;
  font-weight: 700
}

h5 {
  font-family: var(--font-wt-Light);
  font-size: 26px;
  font-weight: 400
}

h5>strong {
  font-family: var(--font-wt-Heavy);
  font-weight: 700
}

h6 {
  font-family: var(--font-wt-Light);
  font-size: 21px;
  font-weight: 400
}

h6>strong {
  font-family: var(--font-wt-Heavy);
  font-weight: 700
}

.mini-title {
  color: var(--color-modern-gray-300);
  font-family: var(--font-wt-Black);
  font-size: 14px !important;
  font-weight: 750;
  letter-spacing: 1px;
  margin: auto;
  text-transform: uppercase
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  font-weight: inherit
}

@media screen and (max-width:1024px) {
  h1 {
    font-size: 54px
  }

  h2 {
    font-size: 45px
  }

  h3 {
    font-size: 32px
  }

  h4 {
    font-size: 28px
  }

  h5 {
    font-size: 24px
  }

  h6 {
    font-size: 18px
  }

  li,
  p {
    font-size: 16px;
    margin: 0 0 1em
  }

  ul[class*=menu] li {
    margin-bottom: 0
  }
}

@media screen and (max-width:768px) {
  h1 {
    font-size: 50px
  }

  h2 {
    font-size: 40px
  }

  h3 {
    font-size: 30px
  }

  h4 {
    font-size: 24px
  }

  h5 {
    font-size: 21px
  }

  h6 {
    font-size: 16px
  }
}

@media screen and (max-width:480px) {
  h1 {
    font-size: 32px
  }

  h2 {
    font-size: 28px
  }

  h3 {
    font-size: 24px
  }

  h4 {
    font-size: 21px
  }

  h5 {
    font-size: 18px
  }

  h6 {
    font-size: 16px
  }
}

.scale-60-50-32 {
  font-size: 60px !important;
  line-height: 1.15em !important
}

.scale-50-40-28 {
  font-size: 50px !important;
  line-height: 1.15em !important
}

.scale-46-42-36 {
  font-size: 46px !important;
  line-height: 1.25em !important
}

.scale-36-30-24 {
  font-size: 36px !important;
  line-height: 1.25em !important
}

.scale-32-24-21 {
  font-size: 32px !important;
  line-height: 1.25em !important
}

.scale-28-24-21 {
  font-size: 28px !important;
  line-height: 1.25em !important
}

.scale-24-21-18 {
  font-size: 24px !important;
  line-height: 1.35em !important
}

.scale-21-21-18 {
  font-size: 21px !important;
  line-height: 1.5em !important
}

.scale-18-18-16 {
  font-size: 18px !important
}

.fixed-16,
.scale-18-18-16 {
  line-height: 1.5em !important
}

.fixed-16 {
  font-size: 16px !important
}

.fixed-14 {
  font-size: 14px !important
}

.fixed-12,
.fixed-14 {
  line-height: 1.5em !important
}

.fixed-12 {
  font-size: 12px !important
}

@media screen and (max-width:1024px) {
  .scale-60-50-32 {
    font-size: 50px !important
  }

  .scale-50-40-28 {
    font-size: 40px !important
  }

  .scale-46-42-36 {
    font-size: 42px !important;
    line-height: 1.25em !important
  }

  .scale-36-30-24 {
    font-size: 30px !important
  }

  .scale-32-24-21 {
    line-height: 1.35em !important
  }

  .scale-28-24-21,
  .scale-32-24-21 {
    font-size: 24px !important
  }

  .scale-24-21-18 {
    font-size: 21px !important
  }
}

@media screen and (max-width:640px) {
  .scale-60-50-32 {
    font-size: 32px !important;
    line-height: 1.25em !important
  }

  .scale-50-40-28 {
    font-size: 28px !important;
    line-height: 1.25em !important
  }

  .scale-46-42-36 {
    font-size: 36px !important;
    line-height: 1.25em !important
  }

  .scale-36-30-24 {
    font-size: 24px !important;
    line-height: 1.35em !important
  }

  .scale-28-24-21,
  .scale-32-24-21 {
    font-size: 21px !important
  }

  .scale-24-21-18 {
    line-height: 1.4em !important
  }

  .scale-21-21-18,
  .scale-24-21-18 {
    font-size: 18px !important
  }

  .scale-18-18-16 {
    font-size: 16px !important
  }
}

.dark-bg {
  color: #fff
}

.clear {
  clear: both;
  float: none
}

.row {
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-align: center;
  width: 100%
}

.row-white {
  background-color: #fff
}

.row-black {
  background-color: #000;
  color: #fff
}

.row-modern-gray-100 {
  background-color: var(--color-modern-gray-100)
}

.row-modern-gray-200 {
  background-color: var(--color-modern-gray-200)
}

.row-modern-gray-300 {
  background-color: var(--color-modern-gray-300)
}

.row-modern-gray-400 {
  background-color: var(--color-modern-gray-400);
  color: #fff
}

.row-modern-gray-500 {
  background-color: var(--color-modern-gray-500);
  color: #fff
}

.row-gray-80 {
  background-color: var(--color-gray-80);
  color: #fff
}

.row-royal-purple {
  background-color: var(--color-royal-purple);
  color: #fff
}

.content-row {
  padding: 96px 0
}

.content-row-short {
  padding: 64px 0
}

@media screen and (max-width:1024px) {
  .content-row {
    padding: 80px 0
  }

  .content-row-short {
    padding: 56px 0
  }
}

@media screen and (max-width:640px) {
  .content-row {
    padding: 64px 0
  }

  .content-row-short {
    padding: 48px 0
  }
}

.content-row>p:last-child {
  margin-bottom: 0
}

.hr-row {
  padding-top: 0
}

.hr-row:before {
  border-top: 2px solid var(--color-gray-10);
  content: "";
  display: block;
  margin: 0 auto 100px;
  max-width: 1200px;
  width: 85%
}

.hero {
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  margin: auto;
  min-height: 400px
}

@media screen and (max-width:1024px) {
  .hero {
    padding: 0 10%
  }
}

.hero h1 {
  line-height: 1.15em;
  margin: 0 auto .25em
}

.hero h2 {
  margin: .25em auto
}

.hero h3 {
  font-family: var(--font-wt-Light);
  font-weight: 400;
  margin: .5em auto
}

.hero h5 {
  margin: .5em auto
}

.cta {
  padding: 96px 2em
}

#pressPage .cta,
.cta {
  background-color: var(--color-modern-gray-100);
  text-align: center
}

#pressPage .cta {
  padding: 80px 2em
}

.cta-dark {
  background-color: var(--color-modern-gray-500);
  color: #fff
}

.cta .btn-standard {
  font-size: 21px;
  margin-bottom: 0
}

.cta-logo {
  height: 25px;
  margin: auto auto 35px
}

@media screen and (max-width:640px) {
  .cta {
    padding: 64px 0
  }
}

.cta h2 {
  font-family: var(--font-wt-Black);
  font-size: 36px;
  font-weight: 750;
  line-height: 1.25em;
  margin: 0 auto .5em
}

@media screen and (max-width:640px) {
  .cta h2 {
    font-size: 36px
  }
}

.cta p {
  color: var(--color-gray-60);
  font-family: var(--font-wt-Light);
  font-size: 21px;
  font-weight: 400;
  line-height: 1.25em;
  margin: 0 auto 2em
}

.cta-dark p {
  color: #fff
}

@media screen and (max-width:640px) {
  .cta .btn-standard {
    font-size: 18px
  }

  .cta .btn-standard.mailto {
    font-size: 14px
  }
}

.alert-warning {
  background: rgba(252, 50, 108, .05);
  border-radius: 24px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  display: flex;
  line-height: 1.5em;
  margin: 0 auto !important;
  padding: 32px;
  text-align: left
}

.alert-warning>svg {
  max-width: 32px
}

.alert-warning a {
  color: inherit;
  font-family: var(--font-wt-Heavy);
  font-weight: 700;
  text-decoration: underline
}

.alert-warning>p {
  flex: 1 1 100%;
  margin: 0
}

@media (max-width:640px) {
  .alert-warning {
    flex-direction: column;
    row-gap: 16px
  }
}

.inner-wrap {
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 32px;
  width: 100%
}

.inner-wrap-max {
  padding: 0
}

.inner-wrap-max-left {
  padding-left: 0
}

.inner-wrap-max-right {
  padding-right: 0
}

.inner-wrap-1200 {
  max-width: 1264px
}

.inner-wrap-1100 {
  max-width: 1164px
}

.inner-wrap-1000 {
  max-width: 1064px
}

.inner-wrap-900 {
  max-width: 964px
}

.inner-wrap-800 {
  max-width: 864px
}

.inner-wrap-700 {
  max-width: 764px
}

.inner-wrap-600 {
  max-width: 664px
}

@media screen and (max-width:1024px) {
  .inner-wrap {
    padding: 0 56px
  }

  .inner-wrap-max-left,
  .inner-wrap-max-right {
    padding-left: 56px;
    padding-right: 56px
  }
}

@media screen and (max-width:640px) {
  .inner-wrap {
    padding: 0 32px
  }

  .inner-wrap-max-left,
  .inner-wrap-max-right {
    padding-left: 32px;
    padding-right: 32px
  }
}

.flex-inner-wrap {
  align-items: center;
  display: flex
}

.flex-align-start {
  align-items: start
}

@media screen and (max-width:1024px) {
  .flex-reverse {
    flex-direction: column-reverse !important
  }
}

.full-height {
  height: 100vh;
  max-height: 4000px;
  min-height: 720px
}

.fixed-bg {
  background-attachment: fixed
}

@media screen and (max-width:1200px) {
  .fixed-bg {
    background-attachment: scroll
  }
}

.sprite {
  position: absolute
}

.text-panel {
  background: #fff;
  border-left: 4px solid var(--color-gray-40);
  padding: 1em
}

.focus-intro {
  margin: auto auto 80px;
  max-width: 800px;
  text-align: center
}

.focus-intro p {
  font-size: 21px
}

.focus-panel .promo-link {
  text-align: center
}

p.subtitle {
  font-family: var(--font-wt-Heavy);
  font-weight: 700
}

.anim-fade-list {
  margin-top: 2em;
  padding-left: 0
}

.anim-fade-list li {
  align-items: flex-start;
  display: flex;
  list-style: none;
  opacity: 1;
  text-align: left;
  transform: translateY(0);
  transition: all 1.5s ease-out
}

.anim-fade-list li:nth-child(n+2) {
  margin-top: .5em
}

.anim-fade-list li:before {
  background-image: url(/wp-content/themes/applovin/images/dark-blue-disc-check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  flex: 0 0 24px;
  height: 24px;
  margin: 0 .75em 0 0;
  position: relative;
  top: 3px;
  width: 24px
}

.anim-fade-list.purple li:before {
  background-image: url(/wp-content/themes/applovin/images/purple-disc-check.svg)
}

.anim-fade-list li.invisible {
  opacity: 0;
  transform: translateY(3em)
}

.testimonials-panel-mobile {
  -moz-column-gap: 24px;
  column-gap: 24px;
  display: none;
  margin-top: 40px
}

.testimonials-panel-mobile:after {
  content: "";
  display: block;
  width: 1px
}

.testimonials-panel-mobile .quote-main-panel {
  height: 100%;
  padding: 32px;
  width: 240px
}

.testimonials-panel-mobile .quote-main-panel-wrap {
  grid-area: unset
}

.testimonials-panel {
  grid-column-gap: 60px;
  grid-row-gap: 80px;
  display: grid;
  grid-template-columns: 180px auto;
  grid-template-rows: auto;
  margin-top: 64px
}

.quote-main-panel-wrap {
  grid-area: 1/2/6/3
}

.quote-main-panel {
  background: #fff;
  border-radius: 16px;
  display: grid;
  padding: 48px;
  text-align: left;
  z-index: 10
}

.quote-slide {
  display: grid;
  grid-area: 1/2/1/2;
  opacity: 0;
  transition: all .5s
}

.quote-slide .slide-bottom {
  align-self: self-end
}

.quote-slide.active {
  opacity: 1
}

.quote-main-panel-wrap:after {
  bottom: 0;
  box-shadow: 0 4px 50px rgba(16, 95, 251, .25);
  content: "";
  display: block;
  height: 45%;
  left: 7.5%;
  position: absolute;
  width: 85%;
  z-index: 0
}

.logo-tab {
  align-self: center
}

.logo-tab.tab-1 {
  grid-area: 1/1/2/2
}

.logo-tab.tab-2 {
  grid-area: 2/1/3/2
}

.logo-tab.tab-3 {
  grid-area: 3/1/4/2
}

.logo-tab.tab-4 {
  grid-area: 4/1/5/2
}

.logo-tab.tab-5 {
  grid-area: 5/1/6/2
}

.tabs-3 .logo-tab.tab-1 {
  grid-area: 2/1/3/2
}

.tabs-3 .logo-tab.tab-2 {
  grid-area: 3/1/4/2
}

.tabs-3 .logo-tab.tab-3 {
  grid-area: 4/1/5/2
}

.logo-tab img {
  cursor: pointer;
  filter: saturate(0) opacity(.2);
  margin: 0 auto;
  max-height: 40px;
  transition: all .5s
}

.logo-tab:hover img {
  filter: saturate(0) opacity(.4)
}

.logo-tab.active img,
.logo-tab.active:hover img {
  filter: saturate(1) opacity(1)
}

.quote-mark {
  display: block;
  font-family: ClarendonBT-Bold;
  font-size: 84px;
  line-height: .5em;
  margin-top: .125em
}

.quote-product {
  height: 24px;
  justify-self: center
}

.testimonials-panel.no-bg .quote-main-panel-wrap:after {
  box-shadow: none
}

.testimonials-panel.no-bg .quote-main-panel {
  background: transparent;
  padding: 0
}

.testimonials-panel.center-stack .quote-main-panel {
  text-align: center
}

.testimonials-panel.center-stack {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  margin-top: 0
}

.testimonials-panel.center-stack .quote-main-panel-wrap {
  grid-area: 1/1/2/4
}

.testimonials-panel.center-stack .logo-tab.tab-1 {
  grid-area: 2/1/3/2
}

.testimonials-panel.center-stack .logo-tab.tab-2 {
  grid-area: 2/2/3/3
}

.testimonials-panel.center-stack .logo-tab.tab-3 {
  grid-area: 2/3/3/4
}

.testimonials-panel.center-stack .quote-slide {
  grid-template-rows: 110px auto
}

.testimonials-panel.center-stack .quote-name {
  margin-bottom: .15em
}

.testimonials-panel.center-stack .slide-top {
  align-self: center
}

.simple-flex {
  align-items: center;
  display: flex;
  margin: auto
}

.simple-flex>* {
  flex: 1 1 auto
}

.simple-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  text-align: left
}

.simple-grid-2-up {
  grid-template-columns: repeat(2, 1fr)
}

.simple-grid-2-up,
.simple-grid-3-up {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  margin: auto
}

.simple-grid-3-up {
  grid-template-columns: repeat(3, 1fr)
}

.simple-grid-4-up {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  margin: auto
}

.simple-grid-5-up {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  margin: auto
}

#page-home .simple-grid-5-up {
  grid-column-gap: 12px;
  grid-row-gap: 12px
}

.simple-grid-6-up {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  margin: auto
}

.simple-grid-4 {
  grid-template-columns: repeat(4, 1fr)
}

.simple-grid-4 .div1 {
  grid-area: 1/1/2/2
}

.simple-grid-4 .div2 {
  grid-area: 1/2/2/3
}

.simple-grid-4 .div3 {
  grid-area: 1/3/2/4
}

.simple-grid-4 .div4 {
  grid-area: 1/4/2/5
}

.simple-grid-4-narrow {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr)
}

.simple-grid-4-narrow .div1 {
  grid-area: 1/1/2/2
}

.simple-grid-4-narrow .div2 {
  grid-area: 1/2/2/3
}

.simple-grid-4-narrow .div3 {
  grid-area: 2/1/3/2
}

.simple-grid-4-narrow .div4 {
  grid-area: 2/2/3/3
}

.simple-grid-6 {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr)
}

.simple-grid-6 .div1 {
  grid-area: 1/1/2/2
}

.simple-grid-6 .div2 {
  grid-area: 1/2/2/3
}

.simple-grid-6 .div3 {
  grid-area: 1/3/2/4
}

.simple-grid-6 .div4 {
  grid-area: 2/1/3/2
}

.simple-grid-6 .div5 {
  grid-area: 2/2/3/3
}

.simple-grid-6 .div6 {
  grid-area: 2/3/3/4
}

.simple-grid-8 {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr)
}

.simple-grid-8 .div1 {
  grid-area: 1/1/2/2
}

.simple-grid-8 .div2 {
  grid-area: 1/2/2/3
}

.simple-grid-8 .div3 {
  grid-area: 1/3/2/4
}

.simple-grid-8 .div4 {
  grid-area: 1/4/2/5
}

.simple-grid-8 .div5 {
  grid-area: 2/1/3/2
}

.simple-grid-8 .div6 {
  grid-area: 2/2/3/3
}

.simple-grid-8 .div7 {
  grid-area: 2/3/3/4
}

.simple-grid-8 .div8 {
  grid-area: 2/4/3/5
}

.simple-grid h3,
.simple-grid p,
simple-grid h4 {
  line-height: 1.4em
}

.simple-grid p {
  margin-bottom: .75em
}

.simple-grid p:last-child {
  margin-bottom: 0
}

.no-col-gap {
  grid-column-gap: 0;
  grid-row-gap: 56px;
  padding: 0
}

.no-col-gap .text-cell {
  align-self: center
}

.no-col-gap .text-cell:first-child {
  padding-right: 13%
}

.no-col-gap .text-cell:last-child {
  padding-left: 15%;
  padding-right: 32px
}

.features-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin: 48px auto 0
}

.features-grid .cell {
  background-color: #fff;
  border-top: 4px solid rgba(16, 95, 251, .4);
  box-shadow: 0 4px 10px hsla(0, 0%, 79%, .25);
  padding: 48px;
  text-align: center
}

.simple-grid-4-up.features-grid .cell {
  padding: 32px
}

.features-grid img {
  margin: 0 auto;
  max-width: 100px
}

.features-grid p {
  margin-top: .5em
}

.features-grid p.subtitle {
  font-size: 21px !important;
  margin-bottom: 0;
  margin-top: 1.5em
}

.ressources-menu ul {
  display: inline-flex
}

.ressources-menu ul li {
  padding-left: 24px
}

.ressources-menu h6 {
  margin: auto 0 !important
}

@media screen and (max-width:1024px) {
  .simple-grid-2-up {
    grid-template-columns: 1fr
  }

  .simple-grid-3-up,
  .simple-grid-4-up {
    grid-template-columns: repeat(2, 1fr)
  }

  .simple-grid-5-up {
    grid-template-columns: repeat(3, 1fr)
  }

  .flex-on-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }

  .flex-on-right a {
    flex: 0 0 calc(33% - 20px)
  }

  .simple-grid-6 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    text-align: center
  }

  .simple-grid-6 .div1 {
    grid-area: 1/1/2/2
  }

  .simple-grid-6 .div2 {
    grid-area: 1/2/2/3
  }

  .simple-grid-6 .div3 {
    grid-area: 2/1/3/2
  }

  .simple-grid-6 .div4 {
    grid-area: 2/2/3/3
  }

  .simple-grid-6 .div5 {
    grid-area: 3/1/4/2
  }

  .simple-grid-6 .div6 {
    grid-area: 3/2/4/3
  }

  .simple-grid-4 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    text-align: center
  }

  .simple-grid-4 .div1 {
    grid-area: 1/1/2/2
  }

  .simple-grid-4 .div2 {
    grid-area: 1/2/2/3
  }

  .simple-grid-4 .div3 {
    grid-area: 2/1/3/2
  }

  .simple-grid-4 .div4 {
    grid-area: 2/2/3/3
  }

  .simple-grid-3-up.features-grid {
    grid-template-columns: repeat(4, 1fr)
  }

  .simple-grid-3-up.features-grid .cell {
    grid-column: span 2;
    padding: 40px
  }

  .simple-grid-3-up.features-grid .cell:nth-child(odd):last-child {
    grid-column: 2/span 2
  }

  .no-col-gap .text-cell {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center
  }

  .testimonials-panel.center-stack .quote-slide {
    grid-template-rows: 80px auto
  }
}

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

  .simple-grid-2-up,
  .simple-grid-3-up {
    grid-template-columns: 1fr !important
  }

  .features-grid .cell {
    grid-column: initial !important
  }

  .simple-grid-4-up {
    grid-template-columns: 1fr !important
  }

  .flex-on-right {
    display: grid
  }

  .simple-grid-5-up,
  .simple-grid-6 {
    grid-template-columns: 1fr !important
  }

  .simple-grid-6 {
    grid-template-rows: auto
  }

  .simple-grid-6 .div1 {
    grid-area: 1/1/2/2
  }

  .simple-grid-6 .div2 {
    grid-area: 2/1/3/2
  }

  .simple-grid-6 .div3 {
    grid-area: 3/1/4/2
  }

  .simple-grid-6 .div4 {
    grid-area: 4/1/5/2
  }

  .simple-grid-6 .div5 {
    grid-area: 5/1/6/2
  }

  .simple-grid-6 .div6 {
    grid-area: 6/1/7/2
  }

  .simple-grid-4,
  .simple-grid-4-narrow {
    grid-template-columns: 1fr;
    grid-template-rows: auto
  }

  .simple-grid-4 .div1,
  .simple-grid-4-narrow .div1 {
    grid-area: 1/1/2/2
  }

  .simple-grid-4 .div2,
  .simple-grid-4-narrow .div2 {
    grid-area: 2/1/3/2
  }

  .simple-grid-4 .div3,
  .simple-grid-4-narrow .div3 {
    grid-area: 3/1/4/2
  }

  .simple-grid-4 .div4,
  .simple-grid-4-narrow .div4 {
    grid-area: 4/1/5/2
  }

  .features-grid p {
    font-size: 16px !important
  }

  .features-grid p.subtitle {
    font-size: 18px !important
  }

  .features-grid {
    grid-template-columns: 1fr
  }

  .features-grid .cell {
    grid-column: initial;
    padding: 32px
  }

  .features-grid .cell:last-child {
    grid-column: initial !important
  }

  .features-grid {
    text-align: center
  }

  .features-grid img {
    margin: 0 auto 1.5em
  }

  .anim-fade-list li {
    font-size: 16px !important
  }

  .testimonials-panel {
    grid-column-gap: 20px
  }
}

.hz-scrollable {
  overflow-x: scroll;
  scrollbar-width: none
}

.hz-scrollable::-webkit-scrollbar {
  height: 12px;
  width: 12px
}

.hz-scrollable::-webkit-scrollbar-thumb {
  border-radius: 12px
}

.hz-scrollable>:after {
  content: "\00a0"
}

.btn-outline,
.btn-standard {
  border: none;
  border-radius: .275em;
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-wt-Black);
  font-size: 26px;
  font-weight: 750;
  letter-spacing: 0;
  line-height: 1em;
  margin-bottom: .75em;
  margin-left: .75em;
  margin-right: .75em;
  max-width: 85%;
  padding: 1em 1.5em;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .2s linear;
  z-index: 100
}

.btn-standard {
  background: var(--color-al-blue);
  color: #fff
}

.btn-outline {
  background: transparent;
  border: 1px solid var(--color-al-blue);
  color: var(--color-al-blue);
  font-family: var(--font-wt-Heavy);
  font-weight: 700
}

.btn-outline-light {
  border: 1px solid #fff;
  color: #fff
}

.btn-inverted {
  background-color: #fff;
  color: var(--color-al-blue) !important;
  font-family: var(--font-wt-Black) !important;
  font-weight: 750
}

.btn-outline:hover,
.btn-standard:hover {
  opacity: .9
}

.btn-standard.primary {
  background: var(--color-al-blue-dark)
}

.btn-standard.primary.invert {
  background: var(--color-gray-2);
  color: var(--color-al-blue-dark)
}

.btn-standard.secondary.invert {
  background: var(--color-gray-2);
  color: #fa6746
}

.midsize {
  font-size: 18px
}

@media screen and (max-width:640px) {
  .midsize {
    font-size: 16px
  }
}

.back-link:before {
  background: url(images/link-icon-arrow-blue-2019.svg) no-repeat;
  content: "";
  display: inline-block;
  height: .75em;
  left: -.5em;
  position: relative;
  top: 1px;
  transform: rotate(180deg);
  width: 1.5em
}

.back-link:after {
  content: unset
}

.toggle-link {
  display: none;
  font-family: var(--font-wt-Heavy);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 1em 0;
  text-transform: uppercase
}

.toggle-link.visible,
.toggle-link:after {
  display: inline-block
}

.toggle-link:after {
  background-image: url(images/icon-toggle-arrow-blue.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 7.5px;
  margin: 0 0 0 1em;
  position: relative;
  top: -1px;
  width: 15px
}

.toggle-link.opener:after {
  transform: rotate(-90deg)
}

.featured-pod-wrap {
  display: flex;
  justify-content: space-evenly;
  margin: 75px auto
}

.featured-pod {
  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: 340px;
  transition: all .2s ease-in-out;
  width: 30%
}

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

.featured-pod h5 {
  font-size: 21px;
  line-height: 1.25em;
  margin: 0 auto .5em
}

.featured-pod .story-link,
.featured-pod h5 {
  font-family: var(--font-wt-Heavy);
  font-weight: 700
}

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

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

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

.featured-pod .featured-pod-text {
  min-height: 3em;
  padding: 1em 1.5em 1.5em;
  text-align: left
}

.featured-pod-img img {
  display: block
}

.load-more-button {
  background-color: transparent;
  border: none;
  color: var(--color-al-blue);
  cursor: pointer;
  font-family: var(--font-wt-Heavy);
  font-weight: 700;
  line-height: 2em;
  outline: none;
  transition: all .2s linear
}

.load-more-button:after {
  background: url(images/link-icon-load-more-arrows-2019.svg) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 1.2em;
  left: .7em;
  position: relative;
  top: .25em;
  width: 1.2em
}

.load-more-button.loading:after {
  animation: loader-rotate 1s linear infinite both
}

@keyframes loader-rotate {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

.load-more-button:hover {
  opacity: .8
}

.alm-load-more-btn.done {
  opacity: .2
}

.alm-btn-wrap {
  text-align: center
}

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

#footer .lang-switcher {
  background-color: #fff;
  border: 1px solid var(--color-gray-40);
  border-radius: 3px;
  padding: .5em 0;
  z-index: 100
}

#footer.footer-dark .lang-switcher {
  background-color: transparent;
  border-color: var(--color-gray-40)
}

#mobile-nav-header .lang-switcher {
  padding: .5em 0 !important;
  position: relative;
  transition: all .25s ease
}

#footer .lang-switcher:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}

.lang-switcher ul {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left
}

.lang-switcher li {
  display: flex;
  height: 0;
  letter-spacing: 1px;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  transition: opacity, height .25s ease;
  white-space: nowrap
}

#mobile-nav-container .lang-switcher li,
.lang-switcher li.active,
.lang-switcher:hover li {
  height: auto;
  opacity: 1
}

.lang-switcher li a {
  color: var(--color-gray-40);
  display: block;
  font-family: var(--font-wt-Heavy);
  font-size: 12px;
  padding: 6px 20px 4px 60px;
  width: 100%
}

#footer .lang-switcher li:hover {
  background-color: #efefef
}

#footer.footer-dark .lang-switcher li:hover {
  background-color: hsla(0, 0%, 94%, .2)
}

.lang-switcher li a:hover {
  opacity: 1
}

#footer .lang-switcher li:before {
  left: 15px
}

#footer .lang-switcher li:before,
#mobile-nav-header .lang-switcher li:before {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 14px;
  margin: 0 1em 0 0;
  padding: 0;
  position: absolute;
  top: 6px;
  width: 21px
}

#mobile-nav-header .lang-switcher li:before {
  left: 0
}

.lang-switcher li.lang-en:before {
  background-image: url(../images/flag-us.gif)
}

.lang-switcher li.lang-cn:before {
  background-image: url(../images/flag-cn.gif)
}

.lang-switcher li.lang-jp:before {
  background-image: url(../images/flag-jp.gif)
}

.lang-switcher li.lang-kr:before {
  background-image: url(../images/flag-kr.gif)
}

#footer .lang-switcher li.active {
  background-image: url(../images/icon-active-dot.svg);
  background-position: 90%;
  background-repeat: no-repeat;
  background-size: 0;
  order: -1
}

#footer .lang-switcher:hover li.active {
  background-size: .5em
}

#footer {
  background-color: #fff;
  font-size: 12px;
  line-height: 16px;
  padding: 96px 0 2em;
  text-align: center;
  top: 0
}

#footer.footer-dark {
  background-color: var(--color-modern-gray-500);
  border-top: 1px solid hsla(0, 0%, 100%, .1);
  color: #fff
}

#footer .row {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 0 2em;
  overflow: visible
}

.copyright-row {
  text-align: center
}

@media screen and (max-width:1024px) {
  #footer {
    padding: 80px 0 2em
  }

  #footer .row.copyright-row,
  #footer .row.menus-row {
    flex-direction: column
  }

  .copyright-row>div {
    margin: 0 auto
  }
}

#footer .inner-wrap {
  align-items: flex-start;
  flex-wrap: wrap
}

#footer a:hover {
  opacity: .8
}

#footer .footer-statement {
  color: var(--color-gray-40);
  flex: 0 1 28%;
  font-size: 21px;
  line-height: 1.25em;
  margin: 0 60px 0 0;
  text-align: left
}

@media screen and (max-width:1024px) {
  #footer .footer-statement {
    margin-bottom: 1em;
    max-width: 450px;
    width: 100%
  }
}

#footer .footer-statement p {
  font-size: 21px
}

#footer .footer-icon {
  max-height: 42px;
  max-width: 50px;
  width: 100%
}

#footer .footer-nav-holder {
  display: flex;
  flex: 0 1 800px;
  gap: 40px;
  justify-content: space-between;
  margin: 0 auto
}

#footer .footer-logo {
  flex: 0 0 120px
}

@media screen and (max-width:1024px) {
  #footer .footer-nav-holder {
    width: 100%
  }
}

#footer .footer-nav-holder>div {
  width: 20%
}

@media screen and (max-width:640px) {
  #footer {
    padding: 64px 0 2em
  }

  #footer .footer-nav-holder {
    flex-wrap: wrap;
    justify-content: left
  }

  #footer .footer-nav-holder>div {
    flex: 0 1 45%;
    margin: 0 5% 20px 0;
    width: auto
  }
}

#footer .copyright-text {
  color: var(--color-gray-40);
  margin: 0;
}

#footer .copyright-divider {
  margin: 0 2em
}

@media screen and (max-width:640px) {
  #footer .copyright-divider {
    display: none
  }
}

#footer .footer-nav-holder ul {
  font-family: var(--font-wt-Light);
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  text-align: left
}

#footer .footer-nav-holder .submenu-title {
  color: var(--color-gray-40);
  font-family: var(--font-wt-Heavy);
  font-size: 10px;
  letter-spacing: .5px;
  margin: 0 0 1em;
  text-align: left;
  text-transform: uppercase
}

#footer .footer-nav-holder ul li {
  font-size: 14px !important;
  line-height: 1.5em;
  margin-bottom: .5em
}

#footer .footer-nav-holder ul a {
  color: #000;
  text-decoration: none
}

#footer.footer-dark .footer-nav-holder ul a {
  color: #fff
}

.social-icons {
  display: flex;
  gap: 21px;
  list-style-type: none;
  margin: 0;
  padding: 0
}

@media screen and (max-width:1024px) {
  #footer .social-icons {
    margin: 2em auto 2em 0
  }

  #footer .lang-switcher {
    display: none
  }

  #footer .footer-logo {
    flex: 0 0 80px
  }

  #footer .footer-nav-holder {
    flex: 0 1 auto
  }
}

.social-icons li {
  align-items: center;
  display: flex;
  margin: 0;
  width: 28px
}

.social-icons img {
  height: 24px;
  width: 100%
}

.terms-list {
  display: inline-block;
  list-style: none;
  margin: 16px 0 0;
  padding: 0
}

@media screen and (max-width:640px) {
  .terms-list {
    display: block
  }
}

.terms-list li {
  display: inline-block;
  margin-bottom: 16px;
  padding: 0 2em 0 0;
  vertical-align: top
}

.terms-list a {
  color: var(--color-gray-40);
  font-size: 12px;
  text-decoration: none
}

#do-not-sell-btn,
#ot-sdk-btn.optanon-show-settings,
#ot-sdk-btn.ot-sdk-show-settings {
  background: unset !important;
  border: none !important;
  color: var(--color-gray-40) !important;
  font-size: 12px !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important
}

#do-not-sell-btn:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 14' style='enable-background:new 0 0 30 14' xml:space='preserve'%3E%3Cpath d='M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z' style='fill-rule:evenodd;clip-rule:evenodd;fill:%23fff'/%3E%3Cpath d='M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z' style='fill-rule:evenodd;clip-rule:evenodd;fill:%2306f'/%3E%3Cpath d='M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z' style='fill:%23fff'/%3E%3Cpath d='M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z' style='fill:%2306f'/%3E%3C/svg%3E");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 1em;
  margin-left: .35em;
  width: 22px
}

.cookies-list {
  display: inline-block
}

@media only screen and (max-width:768px) {
  .cookies-list {
    display: block
  }
}

@media screen and (min-width:1024px) {
  #content {
    float: left;
    padding: 0 41px 20px 0;
    width: 69%
  }

  #content .content-holder {
    margin: 0 0 30px;
    padding: 0 38px 100px 45px
  }

  #content ul>li {
    line-height: 1.35em;
    padding: 0 0 8px 30px
  }

  #content ul>li:before {
    height: 6px;
    width: 6px
  }

  #content ol>li {
    padding: 0 0 8px 33px
  }

  #content ol>li.list-item-before,
  #content ol>li:before {
    margin: 0 0 0 -33px
  }

  #content .image-block {
    margin: 0 11px 49px 3px
  }

  #content blockquote {
    margin: 46px 0 58px
  }

  #content blockquote p,
  #content blockquote q {
    font-size: 32px;
    line-height: 42px;
    padding: 0 58px
  }
}

hr {
  border: 0;
  border-top: 1px solid #e7e7e7;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0
}

#app-counter {
  bottom: 12%;
  font-family: var(--font-wt-Heavy);
  max-width: 240px;
  position: absolute;
  right: 2%;
  width: 40%
}

.tick span[data-view]:nth-last-child(3n+3) {
  margin-left: .5em
}

.counter-title {
  color: var(--color-modern-gray-300);
  font-family: var(--font-wt-Heavy);
  font-size: 10px;
  letter-spacing: 1px;
  text-align: right;
  text-transform: uppercase
}

.tick .tick-credits {
  display: none
}

.accent-line:after {
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 8px;
  margin: 1em 0 1.5em;
  width: 88px
}

.focus-platform .accent-line:after {
  background-image: url(images/icon-title-bar-platform.svg);
  margin-left: auto;
  margin-right: auto
}

.focus-apps .accent-line:after {
  background-image: url(images/icon-title-bar-apps.svg)
}

.focus-solutions .accent-line:after {
  background-image: url(images/icon-title-bar-solutions.svg)
}

#page-home .hero .btn-standard {
  background: var(--color-tech-blue);
  border: none;
  border-radius: .275em;
  box-shadow: 6px 6px var(--color-modern-gray-500);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-wt-Black);
  letter-spacing: 0;
  line-height: 1em;
  margin: 1em auto .75em;
  max-width: 85%;
  padding: .8em 1.5em;
  position: relative;
  text-align: center;
  text-decoration: none;
  transform: translateX(0) translateY(0);
  transition: all .1s ease-in;
  z-index: 100
}

#page-home .hero-grid {
  grid-column-gap: 0;
  grid-row-gap: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  min-height: 960px
}

.main-content {
  align-self: center
}

#page-home .hero h1 {
  font-family: var(--font-wt-Light)
}

#page-home .hero h1 strong {
  font-family: var(--font-wt-Heavy)
}

.hero-phone-wrapper {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin: auto;
  width: 100%
}

.hero-phone-illustration {
  max-width: 720px;
  width: 100%
}

.phone-arrow,
.phone-capsule,
.phone-photo {
  position: absolute
}

.phone-photo {
  animation: photo-bounce 3.5s ease-in-out 0s infinite alternate;
  border-radius: 2.75vw
}

@keyframes photo-bounce {
  0% {
    transform: translateY(-6px)
  }

  to {
    transform: translateY(6px)
  }
}

.phone-photo.photo-1 {
  animation-duration: 5.25s;
  left: 9%;
  max-width: 172px;
  top: 20%;
  width: 25%
}

.phone-photo.photo-2 {
  animation-duration: 5.5s;
  bottom: 31%;
  max-width: 168px;
  right: 2%;
  width: 25%
}

.phone-photo.photo-3 {
  animation-duration: 5.75s;
  bottom: 3%;
  left: 1%;
  max-width: 228px;
  width: 34%
}

.phone-arrow {
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .25));
  left: 8%;
  max-width: 550px;
  top: 21%;
  width: 80%
}

.phone-capsule {
  bottom: 11%;
  left: 27%;
  max-width: 162px;
  width: 25%
}

.arc-line-wrapper {
  clip-path: polygon(0 0, 100% 0, 100% 70%, 0 70%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 0 70%);
  margin: auto;
  min-height: 160px;
  opacity: .3;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 460px;
  z-index: 50
}

.global-scale-row .arc-line-wrapper {
  min-height: 300px;
  right: -50px;
  top: -30%;
  width: 820px
}

.arc-line {
  opacity: 0;
  position: absolute
}

.arc-line1 {
  animation: arc-line1 3s ease-out 0s 1;
  animation-fill-mode: forwards;
  bottom: 0;
  left: 15%;
  width: 25%
}

.arc-line1,
.arc-line2 {
  transform: rotate(90deg);
  transform-origin: left bottom
}

.arc-line2 {
  animation: arc-line2 2.5s ease-out 1s 1;
  animation-fill-mode: forwards;
  bottom: 35%;
  left: 22%;
  width: 18%
}

.arc-line3 {
  animation: arc-line3 3.5s ease-out .5s 1;
  animation-fill-mode: forwards;
  right: -15%;
  top: 0;
  transform: rotate(-65deg);
  transform-origin: center bottom;
  width: 70%
}

.global-scale-row .invisible {
  animation: none
}

@keyframes arc-line1 {
  0% {
    opacity: 0;
    transform: rotate(90deg)
  }

  10% {
    opacity: 1
  }

  to {
    opacity: 1;
    transform: rotate(-10deg)
  }
}

@keyframes arc-line2 {
  0% {
    opacity: 0;
    transform: rotate(90deg)
  }

  10% {
    opacity: 1
  }

  to {
    opacity: 1;
    transform: rotate(5deg)
  }
}

@keyframes arc-line3 {
  0% {
    opacity: 0;
    transform: rotate(-65deg)
  }

  10% {
    opacity: 1
  }

  to {
    opacity: 1;
    transform: rotate(25deg)
  }
}

.global-scale-row .arc-line-wrapper {
  opacity: .41
}

.global-scale-row .arc-line {
  filter: brightness(0) saturate(100%) invert(77%) sepia(21%) saturate(5750%) hue-rotate(115deg) brightness(99%) contrast(77%)
}

.home-intro-row {
  background-color: var(--color-modern-gray-100);
  padding: 150px 0
}

.home-intro-illo,
.home-intro-text {
  flex: 0 0 50%
}

.home-intro-illo {
  padding: 0
}

.home-intro-illo .primary-img {
  box-shadow: 0 0 48px 0 rgba(28, 26, 39, .25);
  margin: 0 0 30px;
  max-width: 645px;
  width: 90%
}

.home-intro-illo .overlay-dashboard {
  bottom: 0;
  max-width: 262px;
  position: absolute;
  right: 7%;
  width: 38%
}

.home-intro-illo .overlay-chart-lines {
  bottom: -15%;
  max-width: 335px;
  position: absolute;
  right: 0;
  width: 48%
}

.home-intro-text {
  padding: 50px 50px 50px 100px
}

.home-icon {
  height: 100%;
  margin-bottom: 18px;
  max-height: 60px;
  width: auto
}

.section-header-icon {
  max-width: 100px
}

.home-solutions-row {
  background: url(/wp-content/themes/applovin/images/illo-bg-disc-home-solutions.svg), var(--color-modern-gray-500);
  background-position: calc(50% + 450px) calc(100% + 600px), 0 0;
  background-repeat: no-repeat;
  background-size: 934px
}

.focus-solutions {
  background-color: var(--color-modern-gray-100);
  overflow: hidden
}

#page-home .focus-solutions h6 {
  font-family: var(--font-wt-Heavy);
  margin: 1.5em auto 0
}

#page-home .focus-solutions p {
  margin-top: .5em
}

.solutions-div1 {
  max-width: 400px
}

.solutions-div1,
.solutions-div2 {
  grid-column: span 3
}

.focus-solutions .logo {
  height: 40px
}

.focus-solutions .logo-max {
  max-width: 108px
}

.focus-solutions .logo-appdiscovery {
  max-width: 195px
}

.focus-solutions .logo-sparklabs {
  max-width: 60px
}

.focus-solutions .logo-alx {
  max-width: 98px
}

.focus-solutions .logo-adjust {
  max-width: 128px
}

.focus-solutions .logo-array {
  max-width: 108px
}

.solutions-laptop-mobile {
  display: none
}

.solutions-laptop-logos {
  max-width: 710px;
  position: relative;
  right: -75px;
  width: 710px
}

.focus-platform {
  background-color: var(--color-modern-gray-500);
  background-image: url(images/bg-vector-waves.svg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  height: 100vh;
  max-height: 800px
}

.focus-platform p {
  font-size: 21px
}

.solutions-grid a,
.solutions-grid a:hover {
  color: inherit;
  display: flex;
  opacity: 1
}

.solutions-grid .logo {
  height: 32px
}

.solutions-grid h6 {
  font-family: var(--font-wt-Heavy);
  margin: 0 auto .75em;
  width: 100%
}

.solutions-grid h6:before {
  border-bottom: 1px solid var(--color-modern-gray-300);
  content: "";
  display: block;
  height: 32px;
  margin-bottom: 32px;
  opacity: .2;
  width: 100%
}

.solutions-grid {
  margin: 80px auto
}

.solutions-grid .promo-link {
  align-self: flex-end;
  font-size: 16px;
  margin-top: 40px;
  opacity: 0;
  transition: all .1s
}

.solutions-grid .cell:hover .promo-link {
  opacity: 1
}

@media screen and (max-width:1024px) {
  .solutions-grid .promo-link {
    opacity: 1
  }
}

.solutions-grid .cell {
  background: linear-gradient(150deg, var(--color-modern-gray-400) 0, rgba(37, 42, 58, .1) 100%);
  border-radius: 24px;
  display: grid;
  flex: 1 1 auto;
  grid-template-rows: min-content;
  padding: 32px
}

.solutions-grid .cell:hover {
  background: linear-gradient(150deg, var(--color-modern-gray-400) 0, rgba(37, 42, 58, .3) 100%)
}

.solutions-tagline,
.solutions-tagline .promo-link {
  font-size: 16px !important
}

.solutions-tagline .promo-link {
  display: inline
}

.product-title-logo {
  height: 32px
}

.home-alx-row {
  background: url(/wp-content/themes/applovin/images/bg-curve-home-alx.svg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: auto 500px
}

.alx-stats-illustration {
  max-width: 600px;
  width: 100%
}

.stat-icons,
.stat-wrap {
  position: absolute
}

.stat-wrap {
  align-items: center;
  background: var(--color-al-blue);
  border-radius: 50%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 160px;
  justify-content: center;
  overflow: hidden;
  width: 160px
}

.stat-wrap .stat-data {
  font-family: var(--font-wt-Black);
  font-size: 38px !important;
  line-height: 1em;
  margin: 0 auto
}

.stat-wrap .stat-text {
  font-family: var(--font-wt-Light);
  font-size: 17px !important;
  line-height: 1.25em;
  margin: 0 auto;
  text-align: center
}

.stat-icons:nth-of-type(2) {
  max-width: 96px;
  right: 18%;
  top: 10%;
  width: 17%
}

.stat-icons:nth-of-type(3) {
  bottom: 10%;
  left: 30%;
  max-width: 88px;
  width: 15%
}

.stat-wrap:first-of-type {
  bottom: 10%;
  left: -2%
}

.stat-wrap:nth-of-type(2) {
  background: var(--color-tech-blue);
  right: -2%;
  top: 9%
}

#coverflowWrap {
  margin: auto
}

.fwdr3dcov-image,
.fwdr3dcov-thumbnail {
  border-radius: 24px;
  overflow: hidden !important
}

p.fwdr3dcov-title {
  color: var(--color-gray-40) !important;
  font-family: var(--font-wt-Black) !important;
  font-size: 12px !important;
  letter-spacing: 1px;
  text-transform: uppercase
}

.global-scale-row {
  background: linear-gradient(177deg, var(--color-modern-gray-200) 14.9%, hsla(0, 0%, 100%, 0) 15%), url(/wp-content/themes/applovin/images/illo-map-bg-home.png), var(--color-modern-gray-500);
  background-position: 0 0, calc(50% + 450px) calc(50% - 50px);
  background-repeat: repeat, no-repeat;
  background-size: auto, 930px;
  overflow: hidden;
  padding-top: 200px;
  text-align: left
}

#page-home .global-scale-row h2 {
  font-size: 50px
}

#page-home .global-scale-row h3 {
  max-width: 450px
}

#page-home .global-scale-row h5 {
  line-height: 1em;
  margin: 0 auto .35em
}

.global-scale-grid {
  grid-column-gap: 20px;
  grid-row-gap: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  margin-top: 40px;
  max-width: 820px;
  text-align: left;
  width: 100%
}

.global-scale-pod img {
  height: 32px;
  width: auto
}

.global-scale-pod h6:before {
  border-bottom: 1px solid var(--color-al-blue);
  content: "";
  display: block;
  height: 24px;
  margin-bottom: 24px;
  width: 40px
}

.global-scale-pod h6 {
  font-family: var(--font-wt-Black);
  margin: 0 auto
}

.global-map-wrapper {
  position: absolute;
  right: -300px;
  top: 50%;
  transform: translateY(-50%)
}

.global-map {
  width: 860px
}

#logos-bar {
  display: flex;
  justify-content: center;
  margin: auto;
  max-width: 1440px;
  width: 100%
}

#logos-bar>* {
  flex: 1 1 auto
}

#logos-bar img {
  display: block;
  opacity: 1;
  transition: all .5s .5s;
  width: 100%
}

#logos-bar.light-bg img {
  filter: brightness(0) saturate(100%) invert(44%)
}

.resources-row {
  padding-bottom: 48px;
  text-align: left
}

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

.home_resources_pod {
  border-radius: 16px;
  -moz-column-gap: 0;
  column-gap: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content;
  height: 100%;
  row-gap: 0
}

.home_resources_pod:after {
  bottom: 0;
  box-shadow: 0 4px 50px rgba(16, 95, 251, .25);
  content: "";
  display: block;
  height: 45%;
  left: 7.5%;
  position: absolute;
  width: 85%;
  z-index: 0
}

.home_resources_link_wrap {
  transition: all .2s
}

.home_resources_link_wrap:hover,
.home_resources_pod :hover {
  opacity: 1
}

.home_resources_link_wrap:hover {
  transform: translateY(-5px)
}

.home_resources_image {
  border-radius: 16px 16px 0 0;
  z-index: 10
}

.home_resources_text_cell {
  background-color: #fff;
  border-radius: 0 0 16px 16px;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 1em auto auto;
  padding: 32px;
  text-align: left;
  z-index: 10
}

#page-home .home_resources_text_cell h6 {
  color: #999;
  font-family: var(--font-wt-Heavy);
  font-size: 12px !important;
  letter-spacing: 1px;
  line-height: .75em;
  margin: 0;
  text-transform: uppercase
}

#page-home .home_resources_text_cell p {
  color: #000;
  font-family: var(--font-wt-Heavy);
  font-size: 18px;
  line-height: 1.35em;
  margin: .3em 0 0
}

.inside-al-row {
  padding-bottom: 0
}

.inside-al-wrap {
  grid-column-gap: 20px;
  border-bottom: 1px solid var(--color-gray-10);
  display: flex;
  justify-content: space-between;
  padding-bottom: 64px
}

.inside-al-title {
  align-items: center;
  display: flex;
  flex: 0 1 120px
}

.inside-al-grid {
  grid-column-gap: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  min-width: 980px
}

.inside-al-pod {
  align-items: flex-end;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  color: #fff;
  display: flex;
  height: 150px;
  overflow: hidden;
  padding: 24px;
  text-align: left
}

.inside-al-pod-link:hover {
  opacity: 1
}

.inside-al-pod-link .inside-al-pod:before {
  background: #000;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .25s linear;
  width: 100%
}

.inside-al-pod-link:hover .inside-al-pod:before {
  opacity: .2
}

.inside-al-pod h6 {
  font-family: var(--font-wt-Black)
}

.inside-al-pod h6,
.inside-al-pod p {
  margin: 0 auto;
  text-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

.inside-al-pod p {
  font-family: var(--font-wt-Heavy)
}

.inside-al-title h5 {
  font-family: var(--font-wt-Light);
  text-align: left
}

@media screen and (max-width:1200px) {
  .inside-al-wrap {
    flex-direction: column
  }

  .inside-al-grid {
    grid-column-gap: 24px;
    grid-template-columns: repeat(3, 300px);
    justify-content: center
  }

  .inside-al-title {
    align-self: center;
    flex: 1 1 auto;
    margin-bottom: 40px
  }

  .inside-al-title h5 {
    text-align: center
  }
}

@media screen and (max-width:1024px) {
  #page-home .hero-grid {
    grid-template-columns: 1fr;
    min-height: auto
  }

  .hero-phone-wrapper,
  .main-content {
    grid-area: auto
  }

  .home-intro-illo {
    margin-bottom: 100px;
    max-width: 75%
  }

  .home-intro-text {
    padding: 0 10%
  }

  #page-home .hero h1 {
    max-width: 600px
  }

  #page-home .btn-standard {
    font-size: 16px
  }

  #page-home .hero .arc-line-wrapper {
    display: none
  }

  .hero-phone-illustration {
    margin: 64px auto 40px
  }

  .counter-title {
    font-size: 10px !important;
    text-align: right
  }

  .product-title-logo,
  .product-title-logo+:before {
    margin-left: auto;
    margin-right: auto
  }

  .section-header-icon {
    margin: auto
  }

  .accent-line:after {
    margin: .5em auto 1em
  }

  .focus-platform {
    height: auto;
    padding: 120px 0
  }

  .solutions-div1 {
    max-width: 100%;
    padding: 0 15%;
    text-align: center
  }

  .solutions-div1,
  .solutions-div2 {
    grid-column: span 2
  }

  .focus-solutions a,
  .focus-solutions p {
    font-size: 18px !important;
    line-height: 1.4em
  }

  #page-home .focus-solutions .cta-cell h6,
  #page-home .focus-solutions h6 {
    font-size: 21px
  }

  .promo-link {
    font-size: 16px
  }

  .alx-stats-illustration {
    margin: auto
  }

  .global-scale-row .arc-line-wrapper {
    display: none
  }

  .global-map-wrapper {
    left: 6%;
    opacity: .75;
    right: unset;
    top: -100px;
    width: 88%
  }

  .global-div1 {
    margin: auto;
    max-width: 75%;
    text-align: center
  }

  .global-div2 p,
  .global-div3 p,
  .global-div4 p,
  .global-div5 p {
    font-size: 14px !important;
    line-height: 1.4em
  }

  #page-home .global-scale-row h2 {
    font-size: 36px
  }

  .resources-row .pods-wrap {
    grid-template-columns: repeat(4, 1fr) 1px;
    margin-bottom: 48px;
    min-width: 1200px
  }

  .inside-al-grid {
    grid-template-columns: repeat(3, 300px) 1px;
    margin: 0 56px
  }

  .inside-al-row>.inner-wrap {
    padding: 0
  }
}

@media screen and (max-width:640px) {
  .home-intro-illo {
    margin-bottom: 80px;
    max-width: 100%;
    padding: 0 5%
  }

  .home-intro-illo .primary-img {
    margin: 0 auto 30px;
    width: 95%
  }

  .home-intro-illo .overlay-dashboard {
    bottom: 5%;
    right: 5%
  }

  .home-intro-illo .overlay-chart-lines {
    bottom: -10%;
    right: 0
  }

  .home-intro-row .simple-grid-4-narrow {
    text-align: center
  }

  .home-icon {
    margin: 0 auto 18px
  }

  .hero-phone-illustration {
    margin: 64px auto 100px
  }

  #app-counter {
    bottom: -8%;
    width: 85%
  }

  .home-solutions-row {
    background-position: center calc(100% + 600px), 0 0
  }

  .global-scale-row {
    background: linear-gradient(177deg, var(--color-modern-gray-200) 4.9%, hsla(0, 0%, 100%, 0) 5%), url(/wp-content/themes/applovin/images/illo-map-bg-home.png), var(--color-modern-gray-500);
    background-position: 0 0, top;
    background-repeat: repeat, no-repeat;
    background-size: auto, 95%;
    padding-top: 140px
  }

  .global-scale-pod,
  .global-scale-row {
    text-align: center
  }

  .global-scale-pod img {
    margin: auto
  }

  .global-scale-pod h6:before,
  .global-scale-row h3 {
    margin-left: auto;
    margin-right: auto
  }

  .global-scale-row h2,
  .global-scale-row h3 {
    text-shadow: 0 0 10px rgba(0, 0, 0, .65)
  }

  .solutions-grid {
    margin: 64px auto
  }

  .section-header-icon {
    max-width: 75px
  }

  .focus-solutions {
    text-align: center
  }

  .focus-solutions a,
  .focus-solutions p {
    font-size: 16px !important
  }

  #page-home .focus-solutions .cta-cell h6,
  #page-home .focus-solutions h6 {
    font-size: 18px
  }

  .focus-solutions .logo {
    height: 26px
  }

  .solutions-div1,
  .solutions-div2 {
    grid-column: span 1
  }

  .solutions-div1 {
    padding: 0 10%
  }

  .focus-solutions .logo {
    margin: auto
  }

  .solutions-laptop-mobile {
    display: block;
    margin: auto;
    max-width: 280px;
    top: -10px;
    width: 85%
  }

  .solutions-laptop-logos {
    display: none
  }

  .our-apps-div1 {
    padding: 0 10%
  }

  .global-scale-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    row-gap: 48px;
    width: 100%
  }

  .global-map-wrapper {
    left: -20%;
    top: -200px;
    width: 140%
  }

  .resources-row {
    padding-bottom: 18px !important
  }

  .stat-wrap {
    height: 85px;
    width: 85px
  }

  .stat-wrap .stat-data {
    font-size: 20px !important
  }

  .stat-wrap .stat-text {
    font-size: 9px !important
  }

  .inside-al-grid {
    margin: 0 32px
  }
}

.inside-cap-block h5 {
  color: #fff;
  font-family: var(--font-wt-Black);
  line-height: 1em;
  margin: 0
}

.inside-link {
  bottom: 60px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 10
}

.inside-link a {
  border-bottom: 4px solid #fff;
  color: #fff;
  font-family: var(--font-wt-Heavy);
  margin: auto;
  padding: 0 0 10px
}

.success-quote-outer-panel {
  border: 4px solid var(--color-sea-green-dark);
  left: 20px;
  margin: 100px auto 120px;
  max-width: 95%;
  top: 20px
}

.success-quote-inner-panel {
  align-items: center;
  background-color: #fff;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1);
  display: flex;
  justify-content: space-between;
  left: -40px;
  padding: 7.5%;
  top: -40px
}

.success-quote-inner-panel:before,
.success-quote-outer-panel:after {
  background-image: url(images/icon-quote-mark-lg-green.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 85px;
  position: absolute;
  width: 116px
}

.success-quote-inner-panel:before {
  left: 5%;
  top: -55px
}

.success-quote-outer-panel:after {
  bottom: -60px;
  right: 5%;
  transform: rotate(180deg)
}

.success-quote-inner-panel .quote-image {
  flex: 0 1 235px
}

@media screen and (max-width:1024px) {
  .success-quote-inner-panel .quote-image {
    flex: 0 1 30%
  }

  .success-quote-inner-panel:before,
  .success-quote-outer-panel:after {
    width: 72px
  }

  .success-quote-inner-panel:before {
    top: -36px
  }

  .success-quote-outer-panel:after {
    bottom: -36px
  }
}

.success-quote-inner-panel .quote-text {
  flex: 0 1 calc(92.5% - 235px);
  text-align: left
}

@media screen and (max-width:1024px) {
  .success-quote-inner-panel .quote-text {
    flex: 0 1 62.5%
  }
}

.success-quote-inner-panel h5 {
  font-family: var(--font-wt-Black);
  margin: .5em auto
}

.success-quote-inner-panel h5 em {
  font-family: var(--font-wt-BlackOblique)
}

.success-quote-inner-panel .quote-name {
  color: #000;
  font-family: var(--font-wt-Heavy)
}

.success-quote-inner-panel .quote-attrib {
  color: var(--color-gray-40);
  font-family: var(--font-wt-Light);
  font-size: 15px;
  margin: 2.5em auto 0
}

.success-results-row {
  margin: 4em auto
}

@media screen and (max-width:1024px) {
  .success-quote-inner-panel h5 {
    font-size: 16px
  }

  .success-quote-inner-panel p {
    font-size: 12px !important
  }

  .success-quote-inner-panel .quote-attrib {
    margin: 1.5em auto 0
  }
}

.success-quote-inner-panel :first-child {
  margin-top: 0
}

.quote-text .partner-logo {
  margin: 0 auto 2.5em 0;
  max-height: 85px;
  max-width: 200px
}

.quote-text .partner-logo[src*=svg] {
  height: 85px
}

.hyperhippo .quote-text .partner-logo {
  max-width: 300px
}

@media screen and (max-width:1024px) {
  .quote-text .partner-logo {
    margin: 0 auto 1.5em 0
  }

  .success-quote-outer-panel {
    margin: 5% auto
  }
}

@media screen and (max-width:640px) {
  .success-quote-inner-panel {
    box-shadow: none;
    flex-direction: column-reverse;
    left: 0;
    padding: 20% 12%;
    top: 0
  }

  .success-quote-outer-panel {
    left: 0;
    top: 0
  }

  .success-quote-inner-panel .quote-text {
    text-align: center
  }

  .quote-text .partner-logo {
    margin: 0 auto 1.5em
  }

  .quote-image .quote-teampic {
    margin: 2em auto 0;
    width: 65%
  }

  .success-quote-inner-panel h5 {
    font-size: 16px
  }

  .success-quote-inner-panel p.quote-attrib {
    font-size: 12px !important
  }

  .success-quote-inner-panel:before {
    left: calc(50% - 36px)
  }

  .success-quote-outer-panel:after {
    right: calc(50% - 36px)
  }
}

.arrow-link {
  color: var(--color-al-blue);
  display: block;
  font-size: 21px;
  margin: 40px 0;
  text-align: center;
  text-decoration: none
}

.arrow-link:hover {
  color: var(--color-al-blue-dark)
}

.arrow-link:hover:after {
  transform: translateX(5px)
}

.arrow-link:after {
  background: url(images/arrow-link.svg) no-repeat;
  content: "";
  display: inline-block;
  height: 21px;
  left: 7px;
  top: 3px;
  transition: all .2s ease;
  width: 21px
}

.video-slider .thumb.japan {
  background-image: url(images/AppLovin_TeamPage_VideoThumbnail_Japan.jpg)
}

.video-slider .thumb.ourvalues {
  background-image: url(images/values_thumb.jpg)
}

.video-slider .thumb.beijing {
  background-image: url(images/thumb-beijing.jpg)
}

.video-slider .thumb.dublin {
  background-image: url(images/thumb-dublin.jpg)
}

.video-slider .thumb.anusha {
  background-image: url(images/AppLovin_TeamPage_VideoThumbnail_Anusha.jpg)
}

.video-slider .thumb.kyler {
  background-image: url(images/AppLovin_TeamPage_VideoThumbnail_Kyler.jpg)
}

.video-slider .thumb.tour {
  background-image: url(images/AppLovin_TeamPage_VideoThumbnail_TakeaTour.jpg)
}

.video-slider .thumb.carolyn {
  background-image: url(images/video-carolyn.jpg)
}

.video-slider .thumb.basil {
  background-image: url(images/video-basil.jpg)
}

.ghost-page .wrap {
  max-width: 800px;
  width: 85%
}

@media (min-width:1110px) {

  .quote-head:after,
  .quote-head:before {
    display: block
  }
}

@media screen and (max-width:979px) {
  .wrap {
    padding: 0;
    width: 90%
  }
}

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

  .frameless-page ol,
  .frameless-page ul {
    padding-left: 1.5em
  }

  .generic-page article {
    margin-top: 6em
  }
}

.board-list {
  grid-column-gap: 0;
  grid-row-gap: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto
}

.leaders-board-text {
  margin: 20px;
  padding: 1em;
  text-align: left
}

.board-section-title {
  font-size: 32px;
  text-align: center
}

.leaders-board-text h4 {
  font-family: var(--font-wt-Black);
  font-size: 21px;
  margin-bottom: 10px
}

.board-title {
  font-size: 16px;
  margin: 0;
  word-spacing: normal
}

.board-company {
  color: var(--color-gray-40);
  font-size: 16px;
  margin: 0
}

.board-director {
  padding: 80px 0 !important
}

@media screen and (max-width:960px) {
  .leaders-board-text {
    width: 100%
  }
}

@media screen and (max-width:640px) {
  .frameless-page h1 {
    font-size: 24px
  }

  .frameless-page h2 {
    font-size: 21px
  }

  .board-list {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-areas: "row-one" "row-two" "row-three" "row-four";
    grid-template-columns: 1fr;
    grid-template-rows: auto
  }

  .leaders-board-text {
    margin: 0;
    margin-bottom: 0;
    text-align: center
  }
}

@media screen and (max-width:540px) {
  .footer-col.l {
    float: none;
    padding: 0;
    width: 100%
  }

  .footer-col.r,
  footer {
    text-align: center
  }

  .footer-social li {
    margin: 0 20px
  }

  .footer-end-col.l,
  .footer-end-col.r {
    float: none;
    margin: 10px 0;
    text-align: center;
    width: 100%
  }
}

@media screen and (max-width:480px) {
  .cares .mission-pod>img {
    width: 65%
  }

  #pressPage .filter-nav li {
    font-size: 14px
  }

  #pressPage .filter-nav li span:first-child {
    display: inline
  }

  #pressPage .filter-nav li span:nth-child(2) {
    display: none
  }
}

#cta-form {
  margin: auto;
  max-width: 600px;
  position: relative;
  text-align: center;
  width: 95%
}

#cta-form iframe {
  border: none;
  height: 85vh;
  margin: auto;
  max-height: 75em;
  width: 100%
}

.mfp-close {
  color: var(--color-gray-40) !important;
  font-family: var(--font-wt-Light) !important;
  font-size: 50px !important;
  right: .5em !important;
  top: .5em !important
}

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

  .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: 190px
  }

  #cta-form iframe {
    width: 95%
  }
}

.page-template-policies-page td,
.page-template-policies-page th {
  border: 1px solid #efefef;
  font-size: .85em;
  padding: .75em
}

.page-template-policies-page tr {
  vertical-align: top
}

.page-template-policies-page th {
  text-align: left
}

.page-template-policies-page td a {
  color: var(--color-applovin-blue)
}

.page-template-terms-page td,
.page-template-terms-page th {
  border: 1px solid #efefef;
  font-size: .85em;
  padding: .75em
}

.page-template-terms-page tr {
  vertical-align: top
}

.page-template-terms-page th {
  text-align: left
}

.page-template-terms-page td a {
  color: var(--color-applovin-blue)
}

figure.wp-block-table.app-code-table table {
  max-width: 800px;
  min-width: 720px
}

figure.wp-block-table.app-code-table code {
  font-size: .8em
}

figure.wp-block-table.app-code-table table {
  border-radius: 16px;
  overflow: hidden
}

figure.wp-block-table.app-code-table th {
  background-color: #181625;
  border: none;
  color: #fff;
  font-family: var(--font-wt-Heavy);
  padding: .75em 1.5em;
  text-align: left
}

figure.wp-block-table.app-code-table td {
  background-color: #f7f8fc;
  border: none;
  padding: .75em 1.5em
}

figure.wp-block-table.app-code-table td:first-child,
figure.wp-block-table.app-code-table th:first-child {
  border-right: 1px solid #e6e6e6
}

.single-post code {
  color: #6441e2
}

.single-post figure.wp-block-table.app-code-table code {
  color: #000
}

figure.wp-block-table.app-images-comp-table th {
  font-family: var(--font-wt-Heavy);
  text-align: left
}

figure.wp-block-table.app-images-comp-table td,
figure.wp-block-table.app-images-comp-table th {
  border: none
}