/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!./assets/website/scss/app.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
  @charset "UTF-8";
  /* http://meyerweb.com/eric/tools/css/reset/
     v2.0 | 20110126
     License: none (public domain)
  */
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed,
  figure, figcaption, footer, header, hgroup,
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
  }
  
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section {
    display: block;
  }
  
  body {
    line-height: 1;
  }
  
  ol, ul {
    list-style: none;
  }
  
  blockquote, q {
    quotes: none;
  }
  
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: "";
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  input, textarea {
    box-sizing: border-box;
  }
  
  /* BREAKPOINTS */
  /* COLORS */
  /* Slider */
  .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }
  
  .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  
  .slick-list:focus {
    outline: none;
  }
  
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  
  .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  .slick-track:before,
  .slick-track:after {
    display: table;
    content: "";
  }
  
  .slick-track:after {
    clear: both;
  }
  
  .slick-loading .slick-track {
    visibility: hidden;
  }
  
  .slick-slide {
    display: none;
    float: left;
    height: 100%;
    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 {
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
  
  .slick-arrow.slick-hidden {
    display: none;
  }
  
  .form-step-one {
    display: none;
  }
  .form-step-one.active {
    display: block;
  }
  
  .form-step-two {
    display: none;
  }
  .form-step-two.active {
    display: block;
  }
  
  body {
    position: relative;
    background: #ffffff;
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    overflow-x: hidden;
  }
  
  .fixed-body {
    overflow: hidden;
  }
  
  @-webkit-keyframes opacityAnimation {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .inside {
    position: relative;
    z-index: 2;
    max-width: 1240px;
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
  }
  
  .link {
    color: #FF006B;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
    position: relative;
    padding-right: 15px;
  }
  .link:hover {
    color: #800035;
    transition: all 0.2s ease;
  }
  .link:hover::before {
    right: -7px;
    background: #800035;
    transition: all 200ms ease;
  }
  .link:hover::after {
    right: -7px;
    background: #800035;
    transition: all 200ms ease;
  }
  .link:before {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 6px;
    height: 1px;
    background: #FF006B;
    transform: rotate(45deg);
  }
  .link:after {
    content: "";
    position: absolute;
    top: 12px;
    right: 0;
    width: 6px;
    height: 1px;
    background: #FF006B;
    transform: rotate(-45deg);
  }
  .link.white {
    color: #ffffff;
  }
  .link.bigger {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 23px;
  }
  .link.bigger:before {
    top: 10px;
  }
  .link.bigger:after {
    top: auto;
    bottom: 8px;
  }
  
  .link-gaming {
    display: block;
    font-size: 19px;
    height: 28px;
    color: #FF006B;
    position: relative;
    padding-right: 20px;
    text-decoration: none;
  }
  .link-gaming:before {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    background: url(/mkt/assets/appdetailsv2/images/arrow.png) no-repeat center;
    background-size: cover;
    width: 6px;
    height: 12px;
  }
  .link-gaming.no-arrow {
    padding-right: 0;
  }
  .link-gaming.no-arrow:before {
    display: none;
  }
  
  .top-title {
    color: #CFD3DA;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 4.5px;
    line-height: 23px;
    text-align: center;
  }
  .top-title.small {
    color: #FF006B;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 3.5px;
  }
  
  #trending-content .inside #content-list .main-title {
    font-size: 20px;
    margin: 0 0 0;
  }
  
  .main-title {
    max-width: 875px;
    width: 100%;
    margin: 15px auto 0;
    color: #ffffff;
    font-size: 46px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 58px;
  }
  .main-title.margin-btm {
    margin-bottom: 35px;
  }
  
  .section-title {
    color: #000000;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 50px;
    text-align: center;
  }
  .section-title.white {
    color: #ffffff;
  }
  .section-title.margin-btm {
    margin-bottom: 40px;
  }
  .section-title.margin-top-btm {
    margin: 50px 0 20px;
  }
  .section-title.left {
    text-align: left;
  }
  
  .title-section {
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 45px;
  }
  .title-section.pink {
    color: #FF006B;
  }
  .title-section.black {
    color: #000000;
  }
  .title-section.white {
    color: #ffffff;
  }
  .title-section.center {
    text-align: center;
  }
  
  .title-section-gaming {
    font-size: 48px;
    line-height: 59px;
    color: #ffffff;
    font-weight: 600;
  }
  .title-section-gaming.center {
    text-align: center;
  }
  
  .under-section-title {
    max-width: 1040px;
    display: block;
    text-align: center;
    margin: 20px auto 0;
    color: rgba(0, 0, 0, 0.75);
    font-size: 20px;
    font-weight: 200;
    letter-spacing: 0.2px;
    line-height: 25px;
  }
  .under-section-title a {
    text-decoration: none;
    color: #FF006B;
  }
  .under-section-title a:hover {
    color: #800035;
    transition: all 0.2s ease;
  }
  
  img {
    display: block;
    max-width: 100%;
    height: auto;
  }
  
  .has-slider {
    overflow: hidden;
    padding: 40px 0 120px;
  }
  
  .ctas-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  
  .cta-gaming {
    text-decoration: none;
    color: #ffffff;
    background: #FF006B;
    border: 1px solid #FF006B;
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    padding: 12px 20px;
    text-transform: capitalize;
  }
  .cta-gaming:hover {
    color: #FF006B;
    background: transparent;
    transition: all 600ms ease;
  }
  
  .transparent-cta-gaming {
    text-decoration: none;
    color: #ffffff;
    background: transparent;
    border: 1px solid #ffffff;
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    padding: 12px 20px;
    text-transform: capitalize;
  }
  .transparent-cta-gaming:hover {
    color: #000000;
    background: #ffffff;
    transition: all 600ms ease;
  }
  
  .lightbox-layer {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
  }
  .lightbox-layer.display {
    display: block;
    animation-name: opacityAnimation;
    animation-duration: 600ms;
  }
  
  .apple-cta {
    display: block;
    margin: 0 auto;
    width: 179.5px;
    height: 60px;
    background: url(/mkt/assets/appdetailsv2/images/app.svg) no-repeat center;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
  }
  .apple-cta span {
    position: absolute;
    left: -200%;
  }
  .apple-cta.black {
    background: url(/mkt/assets/appdetailsv2/images/app-black.svg) no-repeat center;
    background-size: cover;
  }
  .apple-cta.app-detail-cta {
    background: url(/mkt/assets/appdetailsv2/images/apple.svg) no-repeat center;
    background-size: 78%;
  }
  .apple-cta.margin-right {
    margin: 0 20px 0 0;
  }
  
  .google-cta {
    display: block;
    margin: 0 auto;
    width: 179.5px;
    height: 60px;
    background: url(/mkt/assets/appdetailsv2/images/google.svg) no-repeat center;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
  }
  .google-cta span {
    position: absolute;
    left: -200%;
  }
  .google-cta.app-detail-cta {
    background: url(/mkt/assets/appdetailsv2/images/google.svg) no-repeat center;
    background-size: cover;
  }
  
  .button {
    text-decoration: none;
    text-transform: uppercase;
    padding: 12px 22px;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
  }
  .button.lowercase {
    text-transform: none;
  }
  .button.lowercase:first-letter {
    text-transform: uppercase;
  }
  .button.red {
    color: #ffffff;
    background: #FF006B;
    border: 2px solid #FF006B;
  }
  .button.red:hover {
    color: #FF006B;
    background: #ffffff;
    transition: all 500ms ease;
  }
  .button.white {
    color: #FF006B;
    background: #ffffff;
    border: 2px solid #FF006B;
  }
  .button.white:hover {
    color: #ffffff;
    background: #FF006B;
    transition: all 500ms ease;
  }
  .button.transparent {
    color: #ffffff;
    background: transparent;
    border: 2px solid #ffffff;
  }
  .button.transparent:hover {
    background-color: #ffffff;
    color: #000000;
  }
  .button.border-radius {
    border-radius: 6px;
  }
  .button.transparent-red {
    color: #FF006B;
    background: transparent;
    border: 2px solid #FF006B;
  }
  .button.transparent-red:hover {
    color: #ffffff;
    background: #FF006B;
    transition: all 500ms ease;
  }
  
  .tiers-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
  .tiers-grid.two-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  
  .centering {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .hero-top {
    position: absolute;
    padding: 15px 0;
    top: 78px;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  .hero-top.fixed {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
  }
  .hero-top.fixed .hero-top-left {
    color: #000000;
  }
  .hero-top.fixed .hero-top-right .hero-top-item a {
    color: #000000;
  }
  .hero-top.fixed .hero-top-right .cta-sticky {
    display: block;
  }
  .hero-top.fixed .hero-top-right .cta-sticky .button {
    text-transform: none;
    padding: 8px 18px;
    margin-top: 0 !important;
  }
  .hero-top.fixed.cta-only, .hero-top.fixed.for-blog {
    display: block;
  }
  .hero-top.fixed.cta-only .button, .hero-top.fixed.for-blog .button {
    margin-top: 0 !important;
  }
  .hero-top.cta-only {
    display: none;
  }
  .hero-top.cta-only.double .inside {
    flex-direction: row;
  }
  .hero-top.cta-only.double .button {
    margin: 0 10px;
    padding: 8px 18px;
    text-transform: none;
  }
  .hero-top.cta-only .inside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .hero-top.for-blog {
    display: none;
  }
  .hero-top.for-blog .inside {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .hero-top.for-blog .inside:before {
    display: none;
  }
  .hero-top.for-blog .top-left-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  .hero-top.for-blog .top-left-list .social-item {
    margin-right: 15px;
  }
  .hero-top.for-blog .top-left-list .social-item:last-child {
    margin-right: 0;
  }
  .hero-top.for-blog .top-left-list .social-item a.facebook svg {
    width: 12.27px;
    height: 30.18px;
  }
  .hero-top.for-blog .top-left-list .social-item a.twitter svg {
    width: 22.31px;
    height: 18px;
  }
  .hero-top.for-blog .top-left-list .social-item a.linkedin svg {
    width: 21.03px;
    height: 19.89px;
  }
  .hero-top.for-blog .top-left-list .social-item a.rss svg {
    width: 22.5px;
    height: 22.5px;
  }
  .hero-top.for-blog .top-left-list .social-item a svg {
    fill: #FF006B;
  }
  .hero-top.for-blog .button {
    padding: 8px 18px;
    text-transform: none;
  }
  .hero-top .inside {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .hero-top .hero-top-left {
    text-decoration: none;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 23px;
  }
  .hero-top .hero-top-right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  .hero-top .hero-top-right .hero-top-item {
    margin-right: 40px;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
  }
  .hero-top .hero-top-right .hero-top-item:last-child {
    margin-right: 0;
  }
  .hero-top .hero-top-right .hero-top-item a {
    color: #ffffff;
    text-decoration: none;
    position: relative;
  }
  .hero-top .hero-top-right .hero-top-item a span {
    color: #FF006B;
    font-size: 10px;
    text-transform: uppercase;
    position: absolute;
    top: -10px;
    left: 100%;
  }
  .hero-top .hero-top-right .cta-sticky {
    display: none;
  }
  
  #disclaimer {
    width: 100%;
    background: #000000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 16px;
    color: #ffffff;
  }
  #disclaimer.hide {
    display: none;
  }
  #disclaimer.nav-open {
    display: none;
  }
  #disclaimer a {
    color: #FF006B;
  }
  #disclaimer .close-disclaimer {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 5px;
    right: 5px;
    appearance: none;
    border: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
  }
  #disclaimer .close-disclaimer:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(45deg);
    width: 100%;
    height: 2px;
    background: #ffffff;
  }
  #disclaimer .close-disclaimer:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(-45deg);
    width: 100%;
    height: 2px;
    background: #ffffff;
  }
  
  .stars {
    display: inline-block;
    font-size: 35px;
    line-height: 25px;
    position: relative;
    text-align: left;
    vertical-align: top;
    margin-top: 4px;
    color: #FFCF3E;
  }
  .stars:after {
    content: "\2606  \2606  \2606  \2606  \2606";

  }
  .stars--large {
    font-size: 16px;
  }
  .stars span {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
  }
  .stars span:after {
    content: "\2605  \2605  \2605  \2605  \2605";
  }
  
  @media only screen and (max-width: 1090px) {
    .hero-top {
      top: 74px;
    }
  }
  @media only screen and (max-width: 1025px) {
    .main-title {
      font-size: 34px;
      line-height: 46px;
    }
    .top-title {
      font-size: 16px;
      line-height: 20px;
    }
    .section-title {
      font-size: 30px;
      line-height: 36px;
    }
  }
  @media only screen and (max-width: 769px) {
    .hero-top {
      padding: 0 15px 0 0;
    }
    .hero-top .inside {
      padding: 0 0 0 15px;
    }
    .hero-top .hero-top-left {
      text-align: left;
      margin-right: 15px;
    }
    .hero-top .hero-top-right {
      overflow: auto;
      white-space: nowrap;
      justify-content: flex-start;
    }
    .hero-top .hero-top-right .hero-top-item {
      padding: 25px 0;
    }
  }
  #resources-center .resources-title {
    color: #ffffff;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 76px;
    margin-bottom: 40px;
  }
  #resources-center .section-title {
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 45px;
    position: relative;
    text-align: left;
  }
  #resources-center .section-title.center {
    text-align: center;
  }
  #resources-center .section-title.white {
    color: #ffffff;
  }
  #resources-center .section-title.black {
    color: #000000;
  }
  #resources-center .section-title.margin-btm {
    margin-bottom: 40px;
  }
  #resources-center .section-title.icon {
    padding-left: 50px;
  }
  #resources-center .section-title.industry:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 31.8px;
    height: 31.8px;
    background: url(/mkt/assets/appdetailsv2/images/picto-1.png) no-repeat center;
    background-size: cover;
  }
  #resources-center .section-title.products:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: url(/mkt/assets/appdetailsv2/images/picto-2.png) no-repeat center;
    background-size: cover;
  }
  #resources-center .section-title.stories:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 18.75px;
    height: 30px;
    background: url(/mkt/assets/appdetailsv2/images/picto-3.png) no-repeat center;
    background-size: cover;
  }
  #resources-center .section-title.news:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 30px;
    height: 26.44px;
    background: url(/mkt/assets/appdetailsv2/images/picto-4.png) no-repeat center;
    background-size: cover;
  }
  #resources-center #resources-filters {
    padding: 210px 0 70px;
    position: relative;
  }
  #resources-center #resources-filters:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: calc(100% + 520px);
    background: url(/mkt/assets/appdetailsv2/images/app-detail/layer.png) no-repeat center;
    background-size: cover;
  }
  #resources-center #resources-filters.padding-btm {
    padding-bottom: 80px;
  }
  #resources-center #resources-filters .inside:before {
    content: "";
    position: absolute;
    top: -145px;
    right: 0;
    width: 228px;
    height: 105px;
    background: url(/mkt/assets/appdetailsv2/images/dots.png) no-repeat center;
    background-size: cover;
  }
  #resources-center #trending-content {
    padding-bottom: 40px;
  }
  #resources-center #trending-content .section-title {
    margin-bottom: 30px;
  }
  #resources-center #trending-content .trending-filters {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 24px;
  }
  #resources-center #trending-content .trending-filters li {
    color: #ffffff;
    margin: 0 25px 25px 0;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    cursor: pointer;
  }
  #resources-center #trending-content .trending-filters li.active {
    background: #ffffff;
    color: #FF006B;
    padding: 8px 16px 8px 17px;
    border-radius: 16px;
  }
  #resources-center .slider-left {
    position: absolute;
    bottom: 0;
    left: 30px;
    width: 267px;
    height: 288px;
    padding: 60px 30px 0 0;
  }
  #resources-center .slider-left .small-text-slider {
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 19px;
  }
  #resources-center .slider-cta {
    position: absolute;
    left: 30px;
    bottom: -70px;
  }
  #resources-center .trending-slider {
    opacity: 0;
  }
  #resources-center .trending-slider.slick-initialized {
    opacity: 1;
    transition: opacity 750ms ease;
  }
  #resources-center .trending-slider.arrow-disabled .slick-arrow.slick-next {
    opacity: 0.5;
    pointer-events: none;
  }
  #resources-center .trending-slider .slick-list {
    overflow: visible;
  }
  #resources-center .trending-slider .slick-slide {
    width: 364px;
    height: 396px;
    margin-right: 30px;
    border-radius: 8px;
  }
  #resources-center .trending-slider .slick-slide > div {
    height: 100%;
    border-radius: 8px;
  }
  #resources-center .trending-slider .trending-item {
    width: 100%;
    height: 396px;
    background: #ffffff;
    border-radius: 8px;
    position: relative;
  }
  #resources-center .trending-slider .trending-item .img-box {
    border-radius: 8px 8px 0 0;
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  #resources-center .trending-slider .trending-item .trending-caption {
    height: calc(100% - 150px);
    border-radius: 0 0 8px 8px;
    padding: 18px 29px 0;
    box-shadow: 0 0 15px 0 #E7E8EC;
  }
  #resources-center .trending-slider .trending-item .trending-caption .item-filters {
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  #resources-center .trending-slider .trending-item .trending-caption .item-filters li {
    color: #FF006B;
    margin: 0 5px 5px 0;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    background: rgba(255, 0, 107, 0.1);
    padding: 6px 16.5px 8px;
    border-radius: 16px;
  }
  #resources-center .trending-slider .trending-item .trending-caption .item-title {
    color: #000000;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 21px;
    margin-bottom: 9px;
  }
  #resources-center .trending-slider .trending-item .trending-caption .item-desc {
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 18px;
  }
  #resources-center .trending-slider .trending-item .trending-caption .read-more {
    color: #FF006B;
    text-decoration: none;
    position: absolute;
    left: 29px;
    bottom: 30px;
    padding-right: 15px;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
  }
  #resources-center .trending-slider .trending-item .trending-caption .read-more:before {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 7px;
    height: 1px;
    background: #FF006B;
    transform: rotate(45deg);
  }
  #resources-center .trending-slider .trending-item .trending-caption .read-more:after {
    content: "";
    position: absolute;
    bottom: 6px;
    right: 0;
    width: 7px;
    height: 1px;
    background: #FF006B;
    transform: rotate(-45deg);
  }
  #resources-center .resources-slider {
    opacity: 0;
  }
  #resources-center .resources-slider.slick-initialized {
    opacity: 1;
    transition: opacity 800ms ease;
  }
  #resources-center .resources-slider.arrow-disabled .slick-arrow.slick-next {
    opacity: 0.5;
    pointer-events: none;
  }
  #resources-center .resources-slider .slick-list {
    overflow: visible;
  }
  #resources-center .resources-slider .slick-slide {
    width: 364px;
    height: 288px;
    margin-right: 30px;
    border-radius: 8px;
  }
  #resources-center .resources-slider .slick-slide > div {
    height: 100%;
    border-radius: 8px;
  }
  #resources-center .resources-slider .slide {
    width: 100%;
    height: 100%;
    background-color: #800035;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    position: relative;
    padding: 138px 17px 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
  }
  #resources-center .resources-slider .slide:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.5) 100%);
  }
  #resources-center .resources-slider .slide.news:before {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 100%);
  }
  #resources-center .resources-slider .slide .slide-filters {
    position: absolute;
    z-index: 2;
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    top: 14px;
    left: 17px;
    right: 17px;
  }
  #resources-center .resources-slider .slide .slide-filters li {
    color: #FF006B;
    margin: 0 0 5px 5px;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    background: #ffffff;
    padding: 6px 16.5px 8px;
    border-radius: 16px;
  }
  #resources-center .resources-slider .slide .slide-title {
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 9px;
    position: relative;
    z-index: 2;
  }
  #resources-center .resources-slider .slide .slide-title.products {
    padding-left: 33px;
  }
  #resources-center .resources-slider .slide .slide-title.products:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 24.57px;
    height: 21px;
    background: url(/mkt/assets/appdetailsv2/images/diamond.png) no-repeat center;
    background-size: cover;
  }
  #resources-center .resources-slider .slide .slide-title.news {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 25px;
  }
  #resources-center .resources-slider .slide .news-date {
    display: block;
    color: #C3C8D1;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 8px;
  }
  #resources-center .resources-slider .slide .slide-desc {
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
    z-index: 2;
  }
  #resources-center .resources-slider .slide .read-more {
    color: #ffffff;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    left: 17px;
    bottom: 28px;
    padding-right: 15px;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
  }
  #resources-center .resources-slider .slide .read-more:before {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 7px;
    height: 1px;
    background: #ffffff;
    transform: rotate(45deg);
  }
  #resources-center .resources-slider .slide .read-more:after {
    content: "";
    position: absolute;
    bottom: 6px;
    right: 0;
    width: 7px;
    height: 1px;
    background: #ffffff;
    transform: rotate(-45deg);
  }
  #resources-center .slick-arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    width: 40px !important;
    height: 40px;
    padding: 0;
    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 50%;
    font-size: 0;
    box-shadow: 0 0 15px 0 #E7E8EC;
    cursor: pointer;
  }
  #resources-center .slick-arrow.slick-disabled {
    opacity: 0.5;
    pointer-events: none;
  }
  #resources-center .slick-arrow.slick-prev {
    left: -70px;
  }
  #resources-center .slick-arrow.slick-prev:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%) rotate(135deg);
    width: 14px;
    height: 2px;
    background: #FF006B;
  }
  #resources-center .slick-arrow.slick-prev:after {
    content: "";
    position: absolute;
    bottom: 13px;
    left: 50%;
    transform: translateX(-50%) rotate(-135deg);
    width: 14px;
    height: 2px;
    background: #FF006B;
  }
  #resources-center .slick-arrow.slick-next {
    right: -5%;
  }
  #resources-center .slick-arrow.slick-next:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%) rotate(-135deg);
    width: 14px;
    height: 2px;
    background: #FF006B;
  }
  #resources-center .slick-arrow.slick-next:after {
    content: "";
    position: absolute;
    bottom: 13px;
    left: 50%;
    transform: translateX(-50%) rotate(135deg);
    width: 14px;
    height: 2px;
    background: #FF006B;
  }
  #resources-center #content-list .filter-content {
    display: none;
  }
  #resources-center #content-list .filter-content.active {
    display: block;
  }
  #resources-center #content-list #loader {
    z-index: 3;
    width: 100%;
    height: 396px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #footer {
    background: #000000;
    padding: 60px 0;
    position: relative;
    z-index: 3;
  }
  #footer .footer-mobile {
    display: none;
  }
  #footer .footer-mobile .footer-list-mobile .list-item {
    border-bottom: 1px solid #404040;
  }
  #footer .footer-mobile .top-item {
    appearance: none;
    cursor: pointer;
    border: none;
    background: transparent;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 20px;
    color: #ffffff;
    font-weight: 500;
    position: relative;
    width: 100%;
    text-align: left;
    margin-top: 16px;
    padding: 0 0 16px;
  }
  #footer .footer-mobile .top-item:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    width: 14px;
    height: 1px;
    background: #ffffff;
  }
  #footer .footer-mobile .top-item:after {
    content: "";
    position: absolute;
    top: 3px;
    right: 6px;
    width: 1px;
    height: 14px;
    background: #ffffff;
    opacity: 1;
    transition: opacity 500ms ease;
  }
  #footer .footer-mobile .top-item:hover {
    color: #404040;
    transition: color 250ms ease;
  }
  #footer .footer-mobile .top-item.footer-tab-open:after {
    opacity: 0;
  }
  #footer .footer-mobile .item-desc {
    display: none;
  }
  #footer .footer-mobile .item-desc .item-content {
    margin-bottom: 10px;
  }
  #footer .footer-mobile .item-desc .item-content .footer-list li {
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
    margin-bottom: 16px;
  }
  #footer .footer-mobile .item-desc .item-content .footer-list li:hover a {
    color: #ffffff;
    transition: color 250ms ease;
  }
  #footer .footer-mobile .item-desc .item-content .footer-list li a {
    text-decoration: none;
    color: #404040;
  }
  #footer .footer-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 40px;
  }
  #footer .footer-top .footer-logo {
    width: 139px;
    height: 44.13px;
    position: relative;
    overflow: hidden;
    background: url(/mkt/assets/appdetailsv2/images/logo.png) no-repeat center;
  }
  #footer .footer-top .footer-logo span {
    position: absolute;
    left: -200%;
  }
  #footer .footer-top .footer-list li {
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
    margin-bottom: 8px;
  }
  #footer .footer-top .footer-list li:first-child {
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 16px;
  }
  #footer .footer-top .footer-list li a {
    text-decoration: none;
    color: #ffffff;
  }
  #footer .footer-bottom {
    padding: 40px 0 0;
  }
  #footer .footer-bottom .lang-dropdown {
    display: block;
    margin-bottom: 20px;
  }
  #footer .footer-bottom .lang-dropdown select {
    cursor: pointer;
    width: 100px;
    background: transparent;
    border: none;
    font-size: 16px;
    color: rgb(128, 128, 128);
  }
  #footer .footer-bottom .bottom-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  #footer .footer-bottom .bottom-list li {
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
    margin: 0 40px 20px 0;
  }
  #footer .footer-bottom .bottom-list li:hover a {
    color: #ffffff;
    transition: color 500ms ease;
  }
  #footer .footer-bottom .bottom-list li a {
    text-decoration: none;
    color: rgb(128, 128, 128);
  }
  #footer .footer-bottom .footer-social {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  #footer .footer-bottom .footer-social .switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 32px;
    margin-right: 20px;
  }
  #footer .footer-bottom .footer-social .switch:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background: url(/mkt/assets/appdetailsv2/images/sun.svg) no-repeat center;
    background-size: cover;
  }
  #footer .footer-bottom .footer-social .switch:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url(/mkt/assets/appdetailsv2/images/moon.png) no-repeat center;
    background-size: cover;
  }
  #footer .footer-bottom .footer-social .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  #footer .footer-bottom .footer-social .switch input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  #footer .footer-bottom .footer-social .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    border: 1px solid rgb(128, 128, 128);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 34px;
  }
  #footer .footer-bottom .footer-social .switch .slider:before {
    content: "";
    position: absolute;
    z-index: 2;
    height: 26px;
    width: 26px;
    left: 2px;
    bottom: 2px;
    background-color: #FF006B;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 50%;
  }
  #footer .footer-bottom .footer-social .social-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  #footer .footer-bottom .footer-social .social-list .social-item {
    margin-right: 10px;
  }
  #footer .footer-bottom .footer-social .social-list .social-item:last-child {
    margin-right: 0;
  }
  #footer .footer-bottom .footer-social .social-list .social-item:hover a svg {
    fill: #ffffff;
    transition: all 500ms ease;
  }
  #footer .footer-bottom .footer-social .social-list .social-item a svg {
    fill: rgb(128, 128, 128);
  }
  
  @media only screen and (max-width: 1025px) {
    #footer {
      padding: 30px 0;
    }
    #footer .footer-mobile {
      display: block;
    }
    #footer .footer-mobile .footer-logo {
      display: block;
      width: 139px;
      height: 44.13px;
      position: relative;
      overflow: hidden;
      background: url(/mkt/assets/appdetailsv2/images/logo.png) no-repeat center;
      margin-bottom: 20px;
    }
    #footer .footer-mobile .footer-logo span {
      position: absolute;
      left: -200%;
    }
    #footer .footer-top.remove-mobile {
      display: none;
    }
    #footer .footer-top .footer-logo {
      width: 100%;
      margin-bottom: 30px;
    }
    #footer .footer-bottom {
      display: flex;
      flex-direction: column-reverse;
      justify-content: center;
      align-items: center;
      position: relative;
      padding: 20px 0 0;
    }
    #footer .footer-bottom .lang-dropdown {
      position: absolute;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
    }
    #footer .footer-bottom .footer-social {
      justify-content: center;
      margin: 40px 0 20px;
    }
    #footer .footer-bottom .bottom-list {
      justify-content: center;
    }
    #footer .footer-bottom .bottom-list li {
      text-align: center;
      margin: 0 20px 20px 0;
    }
    #footer .footer-bottom .bottom-list li:first-child {
      display: block;
      width: 100%;
      margin: 0 0 20px 0;
    }
    #footer .footer-bottom .bottom-list li:first-child a {
      color: #ffffff;
    }
  }
  #header {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
  }
  #header.has-sticky {
    position: absolute;
  }
  #header.simple-header {
    padding: 20px 30px;
    position: relative;
  }
  #header.login-header {
    padding: 20px 30px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    background: #000000;
  }
  #header .header-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;
  }
  #header #logo {
    display: block;
    width: 170px;
    height: 55px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    background: url(/mkt/assets/appdetailsv2/images/data-ai-header-logo.svg) no-repeat center;
  }
  #header #logo span {
    position: absolute;
    left: -200%;
  }
  #header #navigation {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  #header #navigation .nav-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-right: 15px;
  }
  #header #navigation .nav-list .nav-item {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.75);
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
    position: relative;
    padding: 30px;
  }
  #header #navigation .nav-list .nav-item:hover span {
    font-weight: 500;
    transition: all 500ms ease;
  }
  #header #navigation .nav-list .nav-item:hover span.arrow {
    transform: rotate(-225deg);
  }
  #header #navigation .nav-list .nav-item.open .submenu {
    display: block;
    animation-name: opacityAnimation;
    animation-duration: 600ms;
  }
  #header #navigation .nav-list .nav-item.open .submenu.has-slide {
    display: grid;
  }
  #header #navigation .nav-list .nav-item span.arrow {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 49%;
    right: 10px;
    transform: translateY(-50%) rotate(-45deg);
  }
  #header #navigation .nav-list .nav-item span.arrow:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000000;
  }
  #header #navigation .nav-list .nav-item span.arrow:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #000000;
  }
  #header #navigation .nav-list .nav-item .submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    min-width: 200px;
    transform: translateX(-50%);
    background: #ffffff;
    box-shadow: 0 0 15px 0 #E7E8EC;
    padding: 10px 0;
  }
  #header #navigation .nav-list .nav-item .submenu.has-slide {
    grid-template-columns: repeat(2, 1fr);
  }
  #header #navigation .nav-list .nav-item .submenu.has-slide .slide-left,
  #header #navigation .nav-list .nav-item .submenu.has-slide .slide-right {
    min-width: 200px;
  }
  #header #navigation .nav-list .nav-item .submenu.has-slide .slide-left {
    position: relative;
    z-index: 2;
    background: #ffffff;
  }
  #header #navigation .nav-list .nav-item .submenu.has-slide .slide-right {
    display: none;
    background: #ffffff;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 100%;
    height: 100%;
    padding: 10px 0;
    box-shadow: 0 0 15px 0 #E7E8EC;
  }
  #header #navigation .nav-list .nav-item .submenu.has-slide .slide-right:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    bottom: 20px;
    width: 1px;
    background: #000000;
  }
  #header #navigation .nav-list .nav-item .submenu.has-slide .slide-right.show {
    display: block;
    animation-name: opacityAnimation;
    animation-duration: 600ms;
  }
  #header #navigation .nav-list .nav-item .submenu .more-items-mobile {
    display: none;
  }
  #header #navigation .nav-list .nav-item .submenu .more-items-mobile .mobile-list {
    padding-left: 20px;
    position: relative;
  }
  #header #navigation .nav-list .nav-item .submenu .more-items-mobile .mobile-list:before {
    content: "";
    position: absolute;
    left: 45px;
    top: 0;
    width: 1px;
    height: 100%;
    background: rgb(128, 128, 128);
  }
  #header #navigation .nav-list .nav-item .submenu .more-items-mobile .mobile-list li {
    width: 100%;
    cursor: pointer;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 17px;
    position: relative;
    padding: 10px 20px 10px 40px;
  }
  #header #navigation .nav-list .nav-item .submenu .more-items-mobile .mobile-list li a {
    text-decoration: none;
    color: rgb(128, 128, 128);
    position: relative;
  }
  #header #navigation .nav-list .nav-item .submenu .more-items-mobile .mobile-list li a span {
    position: absolute;
    top: -5px;
    right: -25px;
    font-size: 9px;
    text-transform: uppercase;
    color: #FF006B;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item {
    width: 100%;
    cursor: pointer;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 17px;
    position: relative;
    padding: 10px 20px;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item:hover .submenu-link {
    font-weight: 500;
    transition: all 500ms ease;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item.hide {
    font-size: 0;
    z-index: -1;
    display: none;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item.hide.display {
    display: block;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item.has-right-menu.move-arrow {
    font-weight: 500;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item.has-right-menu.move-arrow .submenu-link .red-arrow {
    right: -30px;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item.has-right-menu .submenu-link {
    position: relative;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item.has-right-menu .submenu-link .red-arrow {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translateY(-50%) rotate(45deg);
    transition: right 500ms ease;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item.has-right-menu .submenu-link .red-arrow:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #FF006B;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item.has-right-menu .submenu-link .red-arrow:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background: #FF006B;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item .submenu-link {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.75);
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item .submenu-link.has-icon {
    position: relative;
    padding-left: 25px;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item .submenu-link.has-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item .submenu-link.has-icon.store:before {
    background: url(/mkt/assets/appdetailsv2/images/rank.svg) no-repeat center;
    background-size: cover;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item .submenu-link.has-icon.download-rank:before {
    background: url(/mkt/assets/appdetailsv2/images/download.svg) no-repeat center;
    background-size: cover;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item .submenu-link.has-icon.revenue:before {
    background: url(/mkt/assets/appdetailsv2/images/revenue.svg) no-repeat center;
    background-size: cover;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item .submenu-link.has-icon.users:before {
    background: url(/mkt/assets/appdetailsv2/images/users.svg) no-repeat center;
    background-size: cover;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item .submenu-link.has-icon.top:before {
    background: url(/mkt/assets/appdetailsv2/images/top.svg) no-repeat center;
    background-size: cover;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item .submenu-link.has-icon.level:before {
    background: url(/mkt/assets/appdetailsv2/images/level.svg) no-repeat center;
    background-size: cover;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item a {
    position: relative;
  }
  #header #navigation .nav-list .nav-item .submenu .submenu-item a span {
    position: absolute;
    top: -5px;
    right: -25px;
    font-size: 9px;
    text-transform: uppercase;
    color: #FF006B;
  }
  #header #navigation .nav-list .nav-item .submenu.has-grid {
    padding: 30px 20px;
  }
  #header #navigation .nav-list .nav-item .submenu.has-grid li.has-cta {
    margin-bottom: 20px;
    width: 100%;
  }
  #header #navigation .nav-list .nav-item .submenu.has-grid li.has-cta .large-button {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    padding: 8px 22px;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 17px;
    color: #000000;
    background: #C3C8D1;
    border: 2px solid #C3C8D1;
  }
  #header #navigation .nav-list .nav-item .submenu.has-grid li.has-cta .large-button:hover {
    color: #ffffff;
    background: #000000;
    border: 2px solid #000000;
    transition: all 500ms ease;
  }
  #header #navigation .nav-list .nav-item .submenu.has-grid .submenu-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
  #header #navigation .nav-list .nav-item .submenu.has-grid .submenu-grid .grid-list {
    min-width: 250px;
    position: relative;
  }
  #header #navigation .nav-list .nav-item .submenu.has-grid .submenu-grid .grid-list.border:before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    width: 1px;
    height: 100%;
    background: #000000;
  }
  #header #navigation .nav-list .nav-item .submenu.has-grid .submenu-grid .grid-list .sub-grid-item {
    width: 100%;
    cursor: pointer;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 17px;
    position: relative;
    padding: 10px 20px;
  }
  #header #navigation .nav-list .nav-item .submenu.has-grid .submenu-grid .grid-list .sub-grid-item:hover .sub-grid-link {
    font-weight: 500;
    transition: all 500ms ease;
  }
  #header #navigation .nav-list .nav-item .submenu.has-grid .submenu-grid .grid-list .sub-grid-item .sub-grid-link {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.75);
  }
  #header #navigation .nav-list .nav-item .submenu-top {
    width: 100%;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 17px;
    position: relative;
    padding: 10px 20px 5px;
    color: rgba(0, 0, 0, 0.75);
  }
  #header #navigation .nav-list .nav-item .submenu-top.spacer {
    opacity: 0;
  }
  #header #navigation .other-item {
    color: #FF006B;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
    margin-right: 30px;
    text-decoration: none;
    font-weight: 500;
  }
  #header #navigation .other-item.uppercase {
    text-transform: uppercase;
  }
  #header #burger {
    display: none;
    position: absolute;
    bottom: 15px;
    right: 30px;
    z-index: 3;
    cursor: pointer;
    width: 25px;
  }
  #header #burger.opened:before {
    transform: translateY(6px) rotate(135deg);
    background-color: #FF006B !important;
  }
  #header #burger.opened:after {
    transform: translateY(-12px) rotate(-135deg);
    background-color: #FF006B !important;
  }
  #header #burger.opened > div {
    transform: scale(0);
  }
  #header #burger.opened .closed {
    opacity: 1;
    transition: all 2000ms ease;
  }
  #header #burger:after, #header #burger:before,
  #header #burger div {
    content: "";
    background-color: #FF006B;
    display: block;
    height: 2px;
    margin-bottom: 7px;
    transition: all 500ms ease;
  }
  #header #burger > div {
    margin-left: 4px;
  }
  
  @media only screen and (max-width: 1250px) {
    #header .header-flex {
      padding: 0 30px;
    }
    #header #navigation .nav-list .nav-item {
      padding: 30px 30px 30px 15px;
    }
    #header #navigation .other-item {
      margin-right: 15px;
    }
  }
  @media only screen and (max-width: 1090px) {
    #header {
      background: #ffffff;
    }
    #header .header-flex {
      padding: 10px 30px;
    }
    #header .header-flex .header-left {
      position: relative;
      z-index: 2;
    }
    #header #burger {
      display: block;
    }
    #header #navigation {
      position: fixed;
      top: 0;
      left: -200%;
      width: 100%;
      height: 100vh;
      background: #ffffff;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      padding-top: 60px;
    }
    #header #navigation:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 60px;
      background: #ffffff;
    }
    #header #navigation.nav-open {
      left: 0;
      transition: left 800ms ease;
    }
    #header #navigation .nav-list {
      flex-direction: column;
      width: 100%;
      margin-right: 0;
      height: calc(100% - 163px);
      overflow: scroll;
      background: #000000;
      padding-top: 20px;
    }
    #header #navigation .nav-list .nav-item {
      color: #ffffff;
      width: 100%;
      font-size: 18px;
      line-height: 22px;
      padding: 0;
      margin-bottom: 10px;
    }
    #header #navigation .nav-list .nav-item:hover .top-click span.arrow {
      transform: none;
    }
    #header #navigation .nav-list .nav-item.open {
      display: none;
    }
    #header #navigation .nav-list .nav-item .top-click {
      display: block;
      width: 100%;
      padding: 10px 20px 0;
    }
    #header #navigation .nav-list .nav-item .top-click span.arrow {
      width: 14px;
      height: 14px;
      right: 20px;
      transform: rotate(0);
      top: 10px;
    }
    #header #navigation .nav-list .nav-item .top-click span.arrow:before {
      background: #ffffff;
      left: 50%;
      top: 50%;
      bottom: auto;
      transform: translate(-50%, -50%);
    }
    #header #navigation .nav-list .nav-item .top-click span.arrow:after {
      opacity: 1;
      transition: opacity 500ms ease;
    }
    #header #navigation .nav-list .nav-item .top-click span.arrow:before, #header #navigation .nav-list .nav-item .top-click span.arrow:after {
      background: #ffffff;
      left: 50%;
      transform: translateX(-50%);
    }
    #header #navigation .nav-list .nav-item .top-click.menu-tab-open span.arrow:after {
      opacity: 0;
    }
    #header #navigation .nav-list .nav-item .submenu {
      box-shadow: none;
      background: transparent;
      position: relative;
      top: 0;
      left: 0;
      transform: none;
      display: none;
      padding: 0;
    }
    #header #navigation .nav-list .nav-item .submenu.has-slide .slide-left {
      background: transparent;
    }
    #header #navigation .nav-list .nav-item .submenu.has-grid {
      padding: 10px 20px;
    }
    #header #navigation .nav-list .nav-item .submenu.has-grid li.has-cta {
      margin-bottom: 0;
      padding-left: 20px;
    }
    #header #navigation .nav-list .nav-item .submenu.has-grid li.has-cta .large-button {
      border: none;
      padding: 0;
      color: rgb(128, 128, 128);
      text-align: left;
      background: transparent;
      font-size: 16px;
    }
    #header #navigation .nav-list .nav-item .submenu.has-grid li.has-cta .large-button:hover {
      color: rgb(128, 128, 128);
      background: transparent;
      border: none;
      transition: none;
    }
    #header #navigation .nav-list .nav-item .submenu.has-grid .submenu-grid {
      grid-template-columns: repeat(1, 1fr);
      gap: 0;
    }
    #header #navigation .nav-list .nav-item .submenu.has-grid .submenu-grid .grid-list .sub-grid-item .sub-grid-link {
      color: rgb(128, 128, 128);
    }
    #header #navigation .nav-list .nav-item .submenu .more-items-mobile {
      display: block;
    }
    #header #navigation .nav-list .nav-item .submenu .submenu-item {
      padding: 10px 20px 10px 40px;
    }
    #header #navigation .nav-list .nav-item .submenu .submenu-item.hide {
      display: none;
    }
    #header #navigation .nav-list .nav-item .submenu .submenu-item.hide.display {
      display: none;
    }
    #header #navigation .nav-list .nav-item .submenu .submenu-item.has-right-menu .submenu-link .red-arrow {
      display: none;
    }
    #header #navigation .nav-list .nav-item .submenu .submenu-item .submenu-link {
      color: rgb(128, 128, 128);
    }
    #header #navigation .nav-list .nav-item .submenu-top {
      color: rgb(128, 128, 128);
      padding: 10px 20px 5px 0;
    }
    #header #navigation .nav-list .nav-item .submenu-top.spacer {
      display: none;
    }
    #header #navigation .nav-list .nav-item .submenu-top.padding-mobile {
      padding: 10px 20px 5px;
    }
    #header #navigation .btm-mobile {
      display: flex;
      flex-direction: column-reverse;
      justify-content: center;
      align-items: center;
      width: 100%;
      padding: 0 20px 20px;
    }
    #header #navigation .btm-mobile .button,
    #header #navigation .btm-mobile .other-item {
      width: 100%;
      text-align: center;
      text-transform: none;
      font-size: 14px;
      margin-bottom: 20px;
    }
    #header #navigation .btm-mobile .button {
      padding: 10px 20px;
    }
    #header #navigation .btm-mobile .other-item {
      margin-right: 0;
    }
    #header #navigation .btm-mobile .other-item.uppercase {
      padding: 10px 20px;
      color: #ffffff;
      border: 1px solid #ffffff;
    }
    #header #navigation .btm-mobile .other-item.demo {
      color: rgb(191, 191, 191);
      margin-bottom: 0;
    }
  }
  #filters-page {
    padding: 82.13px 0 80px;
  }
  #filters-page #filters-top {
    border-top: 1px solid #DBDEE4;
    border-bottom: 1px solid #DBDEE4;
    margin-bottom: 40px;
  }
  #filters-page #filters-top .filters-container {
    padding: 25px 0 10px;
  }
  #filters-page #filters-top .filter-grid {
    border-bottom: 1px solid #DBDEE4;
  }
  #filters-page #filters-top .more-filters {
    border-top: 1px solid #DBDEE4;
  }
  #filters-page #filters-top .flex-spacer {
    padding-bottom: 10px;
  }
  #filters-page #filters-container .filters-result-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
  #filters-page #filters-container .filters-result-list .filter-card {
    width: 100%;
    height: 396px;
    background: #ffffff;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 0 15px 0 #E7E8EC;
  }
  #filters-page #filters-container .filters-result-list .filter-card .img-box {
    border-radius: 8px 8px 0 0;
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  #filters-page #filters-container .filters-result-list .filter-card .figcaption {
    padding: 18px 28px 70px;
  }
  #filters-page #filters-container .filters-result-list .filter-card .active-filters {
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  #filters-page #filters-container .filters-result-list .filter-card .active-filters li {
    color: #FF006B;
    margin-right: 5px;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    background: rgba(255, 0, 107, 0.1);
    padding: 6px 16.5px 8px;
    border-radius: 16px;
  }
  #filters-page #filters-container .filters-result-list .filter-card .card-title {
    color: #000000;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 21px;
    margin-bottom: 9px;
  }
  #filters-page #filters-container .filters-result-list .filter-card .card-desc {
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 18px;
  }
  #filters-page #filters-container .filters-result-list .filter-card .read-more {
    color: #FF006B;
    text-decoration: none;
    position: absolute;
    left: 29px;
    bottom: 30px;
    padding-right: 15px;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
  }
  #filters-page #filters-container .filters-result-list .filter-card .read-more:before {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 7px;
    height: 1px;
    background: #FF006B;
    transform: rotate(45deg);
  }
  #filters-page #filters-container .filters-result-list .filter-card .read-more:after {
    content: "";
    position: absolute;
    bottom: 6px;
    right: 0;
    width: 7px;
    height: 1px;
    background: #FF006B;
    transform: rotate(-45deg);
  }
  
  .hidden {
    display: none;
  }
  
  .filters-border {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    position: relative;
    z-index: 3;
  }
  
  .filters-container {
    max-width: 1240px;
    width: 100%;
    padding: 5px 30px;
    margin: 0 auto;
  }
  .filters-container.keywords {
    padding: 10px 30px;
  }
  .filters-container.white .filter-type {
    color: #ffffff;
  }
  .filters-container.white .flex-spacer .active-filters li {
    color: #FF006B;
    background: #ffffff;
  }
  .filters-container.white .flex-spacer .active-filters li:before {
    background: #FF006B;
  }
  .filters-container.white .flex-spacer .active-filters li:after {
    background: #FF006B;
  }
  .filters-container.white .flex-spacer .results .nbr-result {
    color: #ffffff;
  }
  .filters-container.white .checkbox-container input[type=radio]:checked + label {
    color: #FF006B;
    background: #ffffff;
    border: 1px solid #ffffff;
  }
  .filters-container.white .checkbox-container label {
    color: #ffffff;
    background: transparent;
    border: 1px solid #FF006B;
  }
  .filters-container.white .checkbox-container label:hover {
    border: 1px solid #ffffff;
  }
  .filters-container.white .checkbox-container label.disabled {
    color: rgba(0, 0, 0, 0.25);
    border: 1px solid #E7E8EC;
    background-color: #E7E8EC;
    cursor: not-allowed;
    pointer-events: none;
  }
  .filters-container.white .checkbox-container label.disabled:hover {
    cursor: not-allowed;
  }
  .filters-container.white .keyword-item .keyword-filters input[type=radio]:checked + label {
    color: #FF006B;
    border: 1px solid #FF006B;
    transition: all 500ms ease;
  }
  .filters-container.white .keyword-item .keyword-filters input[type=radio]:checked + label .cross-label {
    display: inline-block;
    vertical-align: middle;
  }
  .filters-container.white .keyword-item .keyword-filters label {
    color: rgba(0, 0, 0, 0.75);
    border: 1px solid transparent;
  }
  .filters-container.white .keyword-item .keyword-filters label .cross-label {
    width: 10px;
    height: 10px;
    display: none;
    position: relative;
    margin-left: 8px;
  }
  .filters-container.white .keyword-item .keyword-filters label .cross-label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 1px;
    transform: translate(-50%, -50%) rotate(-45deg);
    background: #FF006B;
  }
  .filters-container.white .keyword-item .keyword-filters label .cross-label:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 1px;
    transform: translate(-50%, -50%) rotate(45deg);
    background: #FF006B;
  }
  .filters-container.white .keyword-item .keyword-filters label:hover {
    border: 1px solid #DBDEE4;
    transition: all 500ms ease;
  }
  .filters-container.white .keyword-item .keyword-filters label.disabled {
    color: rgba(0, 0, 0, 0.25);
    border: 1px solid #E7E8EC;
    background-color: #E7E8EC;
    pointer-events: none;
    cursor: not-allowed;
  }
  .filters-container.black .filter-type {
    color: #000000;
  }
  .filters-container.black .flex-spacer .active-filters li {
    color: #FF006B;
    background: rgba(255, 0, 107, 0.1);
  }
  .filters-container.black .flex-spacer .active-filters li:before {
    background: #FF006B;
  }
  .filters-container.black .flex-spacer .active-filters li:after {
    background: #FF006B;
  }
  .filters-container.black .flex-spacer .results .nbr-result {
    color: #000000;
  }
  .filters-container.black .checkbox-container input[type=radio]:checked + label {
    color: #ffffff;
    background: #000000;
    border: 1px solid #000000;
  }
  .filters-container.black .checkbox-container label {
    color: #000000;
    border: 1px solid transparent;
  }
  .filters-container.black .checkbox-container label:hover {
    border: 1px solid #000000;
  }
  .filters-container .filter-type {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    padding-left: 26px;
    position: relative;
    top: 6px;
    left: 0;
  }
  .filters-container .filter-type:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .filters-container .filter-type.all:before {
    width: 16px;
    height: 14px;
    background: url(/mkt/assets/appdetailsv2/images/picto.png) no-repeat center;
    background-size: cover;
  }
  .filters-container .filter-type.more {
    top: 15px;
  }
  .filters-container .filter-type.more:before {
    width: 16px;
    height: 16px;
    background: url(/mkt/assets/appdetailsv2/images/more.svg) no-repeat center;
    background-size: cover;
  }
  .filters-container .filter-type.industries:before {
    width: 16px;
    height: 16px;
    background: url(/mkt/assets/appdetailsv2/images/picto.png) no-repeat center;
    background-size: cover;
  }
  .filters-container .filter-type.categories:before {
    width: 12px;
    height: 16px;
    background: url(/mkt/assets/appdetailsv2/images/picto.png) no-repeat center;
    background-size: cover;
  }
  .filters-container .filter-type.media:before {
    width: 16px;
    height: 14.1px;
    background: url(/mkt/assets/appdetailsv2/images/picto.png) no-repeat center;
    background-size: cover;
  }
  .filters-container .filter-grid-tiers {
    display: grid;
    grid-template-columns: 2fr 8fr 2fr;
    gap: 30px;
    padding-bottom: 15px;
  }
  .filters-container .filter-grid-double {
    display: grid;
    grid-template-columns: 2fr 10fr;
  }
  .filters-container .filter-grid-double.padding-btm {
    padding-bottom: 10px;
  }
  .filters-container .filter-grid {
    display: grid;
    grid-template-columns: 2fr 10fr;
    gap: 30px;
    padding: 25px 0 15px;
  }
  .filters-container .more-filters {
    display: none;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
  .filters-container .more-filters.show-filters {
    display: block;
  }
  .filters-container .flex-spacer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0 0;
  }
  .filters-container .flex-spacer .active-filters {
    display: flex;
    flex-direction: row;
  }
  .filters-container .flex-spacer .active-filters li {
    margin: 0 25px 0 0;
    font-size: 14px;
    letter-spacing: 0;
    padding: 8px 34px 8px 17px;
    border-radius: 16px;
    position: relative;
    cursor: pointer;
  }
  .filters-container .flex-spacer .active-filters li:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 1px;
  }
  .filters-container .flex-spacer .active-filters li:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    width: 10px;
    height: 1px;
  }
  .filters-container .flex-spacer .results .nbr-result {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    margin-right: 34px;
  }
  .filters-container .filter-item.flex-row {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
  }
  .filters-container .filter-item.flex-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .filters-container .filter-item.flex-end {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }
  .filters-container .checkbox-container {
    position: relative;
    overflow: hidden;
    margin: 0 8px 8px 0;
    cursor: pointer;
  }
  .filters-container .checkbox-container input[type=radio] {
    position: absolute;
    left: -200%;
  }
  .filters-container .checkbox-container input[type=radio]:checked + label {
    transition: all 500ms ease;
  }
  .filters-container .checkbox-container label {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    padding: 7px 13px 7px;
    border-radius: 16px;
    min-height: 32px;
    font-weight: 500;
  }
  .filters-container .checkbox-container label:hover {
    transition: all 500ms ease;
  }
  .filters-container #filter-action {
    appearance: none;
    cursor: pointer;
    padding: 11px 25px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    text-transform: uppercase;
  }
  .filters-container #filter-action.white {
    color: #ffffff;
    background: transparent;
    border: 1px solid #ffffff;
  }
  .filters-container #filter-action.white span:before {
    background: url(/mkt/assets/appdetailsv2/images/picto-white.png) no-repeat center;
    background-size: cover;
  }
  .filters-container #filter-action.white.opened {
    color: #000000;
    background: #ffffff;
    border: 1px solid #ffffff;
    transition: all 500ms ease;
  }
  .filters-container #filter-action.white.opened span:before {
    background: url(/mkt/assets/appdetailsv2/images/picto.png) no-repeat center;
    background-size: cover;
  }
  .filters-container #filter-action.black {
    color: #000000;
    background: transparent;
    border: 1px solid #000000;
  }
  .filters-container #filter-action.black span:before {
    background: url(/mkt/assets/appdetailsv2/images/picto.png) no-repeat center;
    background-size: cover;
  }
  .filters-container #filter-action.black.opened {
    color: #ffffff;
    background: #000000;
    border: 1px solid #000000;
    transition: all 500ms ease;
  }
  .filters-container #filter-action.black.opened span:before {
    background: url(/mkt/assets/appdetailsv2/images/picto-white.png) no-repeat center;
    background-size: cover;
  }
  .filters-container #filter-action span {
    padding-left: 24px;
    position: relative;
  }
  .filters-container #filter-action span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
  }
  .filters-container #results-number {
    margin: 0 16px;
    color: #FF006B;
  }
  .filters-container .reset-btn,
  .filters-container #show-results {
    background: #FF006B;
    border: 1px solid #FF006B;
    padding: 8px 16px 8px 17px;
    border-radius: 16px;
    color: #ffffff;
    margin-right: 16px;
    cursor: pointer;
  }
  
  .keyword-item {
    position: relative;
    cursor: pointer;
  }
  .keyword-item:hover .keyword-name {
    border: 1px solid #FF006B;
    transition: all 500ms ease;
  }
  .keyword-item.key-open .keyword-filters {
    display: flex;
  }
  .keyword-item .keyword-name {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    padding: 7px 13px 7px;
    border-radius: 16px;
    min-height: 32px;
    font-weight: 500;
    border: 1px solid transparent;
    margin: 10px 0;
  }
  .keyword-item .keyword-filters {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 8px 0 #E7E8EC;
    padding: 24px 16px 16px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 560px;
  }
  
  #filters-container {
    padding-bottom: 80px;
  }
  #filters-container #loader {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #filters-container .inside #buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
  }
  #filters-container .inside #buttons .prev {
    position: relative;
    cursor: pointer;
    border: none;
    left: 0px;
    width: 36px;
    height: 36px;
    background-color: #FF006B;
    border-radius: 20px;
    margin-right: 30px;
  }
  #filters-container .inside #buttons .prev:hover {
    background-color: #800035;
    transition: all 600ms ease;
  }
  #filters-container .inside #buttons .prev::after {
    content: "";
    position: absolute;
    top: 7px;
    left: 11px;
    width: 11px;
    height: 20px;
    background: url(/mkt/assets/appdetailsv2/images/arrow.png) no-repeat center;
    background-size: cover;
  }
  #filters-container .inside #buttons .next {
    position: relative;
    cursor: pointer;
    border: none;
    left: 0px;
    width: 36px;
    height: 36px;
    background-color: #FF006B;
    border-radius: 20px;
    margin-left: 30px;
  }
  #filters-container .inside #buttons .next:hover {
    background-color: #800035;
    transition: all 600ms ease;
  }
  #filters-container .inside #buttons .next::after {
    content: "";
    position: absolute;
    top: 7px;
    left: 14px;
    width: 11px;
    height: 20px;
    background: url(/mkt/assets/appdetailsv2/images/arrow.png) no-repeat center;
    background-size: cover;
  }
  #filters-container .inside #buttons .first, #filters-container .inside #buttons .current {
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 18px;
    cursor: pointer;
    border: 1px solid transparent;
    background-color: transparent;
  }
  #filters-container .inside #buttons .first:hover, #filters-container .inside #buttons .current:hover {
    border: 1px solid #FF006B;
    border-radius: 20px;
    width: 36px;
    height: 26px;
  }
  #filters-container .inside #buttons .first:focus, #filters-container .inside #buttons .current:focus {
    border-radius: 20px;
    width: 36px;
    height: 26px;
    background-color: #FF006B;
  }
  
  @media only screen and (max-width: 641px) {
    #filters-container .inside #buttons .prev {
      width: 26px;
      height: 26px;
    }
    #filters-container .inside #buttons .prev::after {
      top: 5px;
      left: 7px;
      width: 11px;
      height: 15px;
    }
    #filters-container .inside #buttons .next {
      width: 26px;
      height: 26px;
    }
    #filters-container .inside #buttons .next::after {
      top: 5px;
      left: 8px;
      width: 11px;
      height: 15px;
    }
    #filters-container .inside #buttons .first, #filters-container .inside #buttons .current {
      font-size: 16px;
    }
  }
  #template-page .banner {
    position: relative;
    text-align: center;
    color: white;
  }
  #template-page .template-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    position: relative;
  }
  #template-page .template-grid .template-item.right {
    position: relative;
  }
  #template-page .back {
    color: #FF006B;
    text-decoration: none;
    padding-left: 15px;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
  }
  #template-page .back.press {
    position: absolute;
    left: 0;
    top: -50px;
  }
  #template-page .back.customers {
    position: absolute;
    left: 0;
    top: -40px;
  }
  #template-page .back.blog {
    position: absolute;
    left: 30px;
    top: -90px;
  }
  #template-page .back:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 7px;
    height: 1px;
    background: #FF006B;
    transform: rotate(135deg);
  }
  #template-page .back:after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 7px;
    height: 1px;
    background: #FF006B;
    transform: rotate(-135deg);
  }
  #template-page .template-filters {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  #template-page .template-filters li {
    color: #FF006B;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    padding: 6px 16.5px 8px;
    border-radius: 16px;
  }
  #template-page .blog-top {
    position: absolute;
    padding: 15px 0;
    top: 82px;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  #template-page .blog-top .inside {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  #template-page .blog-top .blog-top-left {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 25px;
  }
  #template-page .blog-top .blog-top-right {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  #template-page .blog-top .blog-top-right .search-container {
    margin-left: 60px;
  }
  #template-page .blog-top .blog-top-right .search-container.slide .blog-search {
    width: 240px;
    transition: width 750ms ease;
  }
  #template-page .blog-top .blog-top-right .search-container.slide .blog-search:after {
    width: 240px;
    opacity: 1;
    transition: width 750ms ease;
  }
  #template-page .blog-top .blog-top-right .search-container.slide #search-cta {
    display: none;
  }
  #template-page .blog-top .blog-top-right .hide-label {
    position: absolute;
    right: -200px;
  }
  #template-page .blog-top .blog-top-right .blog-search {
    width: 110px;
    height: 30px;
    position: relative;
    right: 0;
    overflow: hidden;
  }
  #template-page .blog-top .blog-top-right .blog-search:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(/mkt/assets/appdetailsv2/images/app-detail/search.svg) no-repeat center bottom;
    background-size: cover;
  }
  #template-page .blog-top .blog-top-right .blog-search:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 110px;
    opacity: 0;
    height: 1px;
    background: #ffffff;
  }
  #template-page .blog-top .blog-top-right .blog-search .input {
    border: none;
    width: 100%;
    height: 100%;
    background: transparent;
    padding-left: 26px;
    color: #ffffff;
    font-size: 15px;
  }
  #template-page .blog-top .blog-top-right #search-cta {
    appearance: none;
    background: transparent;
    border: none;
    padding: 0;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
  }
  #template-page #template-hero {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
  }
  #template-page #template-hero:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  }
  #template-page #template-hero .inside {
    padding: 334px 30px 25px;
  }
  #template-page #template-hero .inside.no-padding {
    padding: 0;
  }
  #template-page #template-hero .template-filters {
    margin-bottom: 8px;
  }
  #template-page #template-hero .template-filters li {
    background: #ffffff;
    margin-right: 5px;
  }
  #template-page #template-hero .template-title {
    color: #ffffff;
    font-size: 50px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 63px;
  }
  #template-page #template-hero .template-infos {
    position: absolute;
    top: -17px;
    left: 30px;
    right: 30px;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 #E7E8EC;
  }
  #template-page #template-hero .template-infos:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -37px;
    right: -31px;
    width: 228px;
    height: 147px;
    background: url(/mkt/assets/appdetailsv2/images/dots.png) no-repeat center;
    background-size: cover;
  }
  #template-page #template-hero .template-infos .template-container {
    width: 100%;
    height: 100%;
    padding: 53px 46px 52px 54px;
    background: #ffffff;
    border-radius: 8px;
    position: relative;
    z-index: 2;
  }
  #template-page #template-hero .template-infos .template-container .infos-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 25px;
  }
  #template-page #template-hero .template-infos .template-container .infos-top img {
    max-width: 88px;
  }
  #template-page #template-hero .template-infos .template-container .most {
    display: block;
    margin-bottom: 4px;
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 21px;
  }
  #template-page #template-hero .template-infos .template-container .text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 21px;
  }
  #template-page #template-hero .template-infos .template-container .link {
    display: inline-block;
    margin-top: 25px;
  }
  #template-page #template-video-hero {
    padding: 200px 0 40px;
    text-align: center;
    position: relative;
    background: #F9FAFB;
  }
  #template-page #template-video-hero:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: calc(100% - 100px);
    background: url(/mkt/assets/appdetailsv2/images/layer.png) no-repeat center bottom;
    background-size: cover;
  }
  #template-page #template-video-hero .inside:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 100%;
    right: 100px;
    width: 228px;
    height: 105px;
    background: url(/mkt/assets/appdetailsv2/images/dots.png) no-repeat center;
    background-size: cover;
    opacity: 0.31;
  }
  #template-page #template-video-hero .top-title {
    display: block;
    color: #CFD3DA;
    font-size: 18px;
    letter-spacing: 4.5px;
    line-height: 23px;
    text-transform: uppercase;
  }
  #template-page #template-video-hero .template-video-title {
    color: #ffffff;
    font-size: 46px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 58px;
    max-width: 875px;
    margin: 15px auto 40px;
  }
  #template-page #template-video-hero .button {
    display: inline-block;
    margin-bottom: 130px;
  }
  #template-page #template-video-hero .video-grid-container {
    position: relative;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 7px 0 #E7E8EC;
  }
  #template-page #template-video-hero .video-grid-container:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -90px;
    left: 100px;
    width: 176px;
    height: 128px;
    background: url(/mkt/assets/appdetailsv2/images/dots.png) no-repeat center;
    background-size: cover;
  }
  #template-page #template-video-hero .video-grid {
    display: grid;
    padding: 64px 98px;
    grid-template-columns: repeat(2, 1fr);
    background-color: #ffffff;
    gap: 30px;
    border-radius: 8px;
    text-align: left;
    position: relative;
    z-index: 2;
  }
  #template-page #template-video-hero .video-grid .video-left {
    padding-right: 35px;
  }
  #template-page #template-video-hero .template-filters {
    margin-bottom: 24px;
  }
  #template-page #template-video-hero .template-filters li {
    margin-right: 5px;
    background: rgba(255, 0, 107, 0.1);
  }
  #template-page #template-video-hero .grid-title {
    color: #000000;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 15px;
  }
  #template-page #template-video-hero .grid-desc {
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 21px;
    margin-bottom: 35px;
  }
  #template-page #blog-hero {
    padding: 160px 0 92px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
  }
  #template-page #blog-hero:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
  }
  #template-page #blog-hero .inside {
    position: relative;
    z-index: 2;
  }
  #template-page #blog-hero .inside:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -125px;
    right: 30px;
    width: 228px;
    height: 147px;
    background: url(/mkt/assets/appdetailsv2/images/dots.png) no-repeat center;
    background-size: cover;
  }
  #template-page #blog-hero .template-filters {
    margin-bottom: 12px;
  }
  #template-page #blog-hero .template-filters li {
    margin-right: 5px;
    background: #ffffff;
  }
  #template-page #blog-hero .blog-title {
    max-width: 658px;
    color: #ffffff;
    font-size: 46px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 58px;
    margin-bottom: 10px;
  }
  #template-page #blog-hero .blog-date {
    color: #ffffff;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 19px;
  }
  #template-page #template-content {
    padding: 57px 80px 0;
  }
  #template-page #template-content #position {
    padding: 80px 0 57px;
  }
  #template-page #template-content .template-grid .template-item {
    position: relative;
  }
  #template-page #template-content .template-grid .template-item #scroll-item {
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 100px;
  }
  #template-page #template-content .template-grid .template-item #scroll-item.fixed {
    position: fixed;
  }
  #template-page #template-content .template-grid .template-item #scroll-item .quote {
    display: block;
    color: #000000;
    font-size: 34px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 45px;
    margin-bottom: 30px;
  }
  #template-page #template-content .template-grid .template-item #scroll-item .author {
    display: block;
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 21px;
  }
  #template-page #template-content .template-grid .template-item .template-desc {
    display: block;
    color: rgba(0, 0, 0, 0.75);
    font-size: 18px;
    letter-spacing: 0;
    line-height: 23px;
    padding-right: 80px;
  }
  #template-page #template-content .button {
    margin-top: 30px;
  }
  #template-page #template-more {
    padding: 70px 0;
    background: #F9FAFB;
  }
  #template-page #template-more .more-title {
    color: #000000;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 45px;
    margin-bottom: 40px;
  }
  #template-page #template-fixed {
    position: relative;
    min-height: 100vh;
  }
  #template-page #template-fixed .fixed-cat {
    display: block;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 4px;
    line-height: 21px;
    margin-bottom: 21px;
  }
  #template-page #template-fixed .fixed-title {
    color: #ffffff;
    font-size: 46px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 58px;
  }
  #template-page #template-fixed.absolute .template-item.left {
    position: absolute;
    bottom: 0;
  }
  #template-page #template-fixed .template-item.left {
    background: #800035;
    width: 50%;
    height: 100vh;
    position: fixed;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #template-page #template-fixed .template-item.left:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(61.68deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.3) 100%);
  }
  #template-page #template-fixed .template-item.left .fixed-content {
    position: relative;
    z-index: 2;
    max-width: 438px;
    width: 100%;
    margin: 0 auto;
  }
  #template-page #template-fixed .template-item.left .fixed-content:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -46px;
    right: -10px;
    width: 228px;
    height: 105px;
    background: url(/mkt/assets/appdetailsv2/images/dots.png) no-repeat center;
    background-size: cover;
    opacity: 0.2;
  }
  #template-page #template-fixed .template-item.right {
    padding: 185px 30px 100px calc(50% + 60px);
    min-height: 100vh;
  }
  #template-page #template-fixed .template-item.right .max-size {
    max-width: 525px;
    width: 100%;
    position: relative;
  }
  #template-page #template-fixed .template-item.right .editor-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 19px;
    margin-bottom: 59px;
    border-bottom: 1px solid #E7E8EC;
  }
  #template-page #template-fixed .template-item.right .editor-top .date {
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px;
    letter-spacing: 0.26px;
    line-height: 21px;
  }
  #template-page #template-fixed .template-item.right .editor-top .template-filters.has-tags li {
    background: rgba(255, 0, 107, 0.1);
  }
  #template-page #template-fixed .template-item.right .editor-top .template-filters li {
    background: #ffffff;
    margin-left: 5px;
  }
  #template-page #template-fixed .image-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #template-page #template-video-content {
    padding: 40px 0 80px;
    background: #F9FAFB;
  }
  #template-page #template-video-content .card-list .card {
    height: auto;
  }
  #template-page #template-video-content .card-list .card .figcaption {
    padding-bottom: 35px;
  }
  #template-page #template-video-content .card-list .card .img-box {
    height: 205px;
  }
  #template-page #template-video-content .card-list .card .card-desc {
    margin-bottom: 25px;
  }
  #template-page #blog-content {
    padding: 124px 0 80px;
    position: relative;
  }
  #template-page #blog-content .absolute-elmt {
    position: absolute;
    z-index: 2;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
  }
  #template-page #blog-content .absolute-elmt img {
    margin: 0 auto 10px;
    max-width: 100px;
    border-radius: 50%;
  }
  #template-page #blog-content .absolute-elmt .blog-label {
    display: block;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 19px;
    margin-top: 10px;
  }
  #template-page #blog-content .content-title {
    color: #000000;
    font-size: 34px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 43px;
    margin-bottom: 50px;
  }
  
  @media only screen and (max-width: 1025px) {
    #template-page .template-container .infos-top .item-top {
      margin-right: 10px;
    }
    #template-page #blog-hero .inside::before {
      content: none;
    }
    #template-page #template-fixed {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0;
    }
    #template-page #template-fixed .fixed-cat {
      font-size: 14px;
    }
    #template-page #template-fixed .fixed-title {
      font-size: 36px;
    }
    #template-page #template-fixed.absolute .template-item.left {
      position: relative;
      top: 0;
    }
    #template-page #template-fixed .template-item.left {
      width: 100%;
      height: 500px;
      position: relative;
      padding: 180px 0 120px;
    }
    #template-page #template-fixed .template-item.left::before {
      content: none;
    }
    #template-page #template-fixed .template-item.left .fixed-content {
      max-width: 828px;
      padding: 0 40px;
    }
    #template-page #template-fixed .template-item.left .fixed-content::before {
      content: none;
    }
    #template-page #template-fixed .template-item.right {
      min-height: 0;
      padding: 100px 40px;
      margin: 0 auto;
    }
    #template-page #template-fixed .template-item.right .max-size {
      max-width: 775px;
    }
  }
  @media only screen and (max-width: 1025px) {
    #template-page .template-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #template-page #template-hero .template-infos .template-container {
      padding: 43px 26px 42px 34px;
    }
    #template-page #template-content {
      padding: 57px 0 0;
    }
    #template-page #template-content .back.customers {
      top: unset;
      bottom: 70px;
      margin-bottom: 10px;
    }
    #template-page #template-content .template-item.left {
      margin-top: 260px;
    }
    #template-page #template-content #position {
      padding: 0 0 57px;
    }
    #template-page #template-content #position #scroll-item {
      position: relative;
      padding-right: 0;
    }
    #template-page #template-content #position #scroll-item .quote {
      font-size: 30px;
    }
  }
  @media only screen and (max-width: 641px) {
    #template-page #template-hero .template-infos .template-container .infos-top {
      flex-direction: column;
      justify-content: flex-start;
    }
  }
  .ck-editor.strong-color strong {
    font-weight: normal;
    color: #FF006B;
  }
  .ck-editor p {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 21px;
    margin-bottom: 25px;
    color: rgba(0, 0, 0, 0.75);
  }
  .ck-editor p a {
    text-decoration: none;
    color: #FF006B;
    word-break: break-all;
  }
  .ck-editor p a:hover {
    color: #800035;
    transition: all 400ms ease;
  }
  .ck-editor p a strong:hover {
    color: #800035;
    transition: all 400ms ease;
  }
  .ck-editor p strong {
    font-weight: 600;
  }
  .ck-editor p .bold {
    font-weight: 600;
    color: #000000;
  }
  .ck-editor p em {
    font-style: italic;
  }
  .ck-editor h2 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 29px;
    margin-bottom: 25px;
    color: rgba(0, 0, 0, 0.75);
  }
  .ck-editor h2.center {
    text-align: center;
  }
  .ck-editor h3 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 29px;
    margin-bottom: 25px;
    color: #000000;
  }
  .ck-editor h4 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 25px;
    color: #F00000;
  }
  .ck-editor ul {
    margin-bottom: 25px;
    margin-left: 30px;
  }
  .ck-editor ul li {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 21px;
    margin-bottom: 10px;
    padding-left: 10px;
    position: relative;
    color: rgba(0, 0, 0, 0.75);
  }
  .ck-editor ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.75);
  }
  .ck-editor ul li a {
    text-decoration: none;
    color: #FF006B;
    word-break: break-all;
  }
  .ck-editor ul li a:hover {
    color: #800035;
    transition: all 400ms ease;
  }
  .ck-editor ol {
    margin-bottom: 25px;
    margin-left: 30px;
  }
  .ck-editor ol li {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 26px;
    margin-bottom: 10px;
    list-style-type: decimal;
    color: rgba(0, 0, 0, 0.5);
    padding-left: 25px;
  }
  .ck-editor i {
    font-style: italic;
  }
  .ck-editor img {
    margin-bottom: 25px;
  }
  .ck-editor .ck-video {
    max-width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    margin: 0 auto;
  }
  .ck-editor .ck-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .ck-editor .table table {
    border-collapse: collapse;
    border: 1px solid #404040;
  }
  .ck-editor .table table th {
    width: 50%;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 22px;
    color: #000000;
    border-right: 1px solid #404040;
    border-bottom: 1px solid #404040;
    padding: 15px;
    text-align: left;
    border-collapse: collapse;
  }
  .ck-editor .table table td {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.2px;
    text-align: start;
    color: rgba(0, 0, 0, 0.5);
    padding: 8px;
    border-bottom: 1px solid #404040;
    border-right: 1px solid #404040;
    border-collapse: collapse;
  }
  .ck-editor .table table tr {
    border-right: 1px solid #404040;
  }
  .ck-editor .table table tr:first-of-type {
    background: rgb(238, 238, 238);
  }
  .ck-editor .table table tr:first-of-type th {
    font-weight: 600;
    text-align: center;
  }
  
  .card-list,
  .card-list-test {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
  .card-list.auto-height .card,
  .card-list-test.auto-height .card {
    height: auto;
  }
  .card-list .card,
  .card-list-test .card {
    width: 100%;
    height: 396px;
    background: #ffffff;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 0 8px 0 #E7E8EC;
    max-width: 373px;
  }
  .card-list .card .img-box,
  .card-list-test .card .img-box {
    border-radius: 8px 8px 0 0;
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .card-list .card .figcaption,
  .card-list-test .card .figcaption {
    padding: 18px 28px 70px;
  }
  .card-list .card .active-filters,
  .card-list-test .card .active-filters {
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  .card-list .card .active-filters li,
  .card-list-test .card .active-filters li {
    color: #FF006B;
    margin: 0 5px 5px 0;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    background: rgba(255, 0, 107, 0.1);
    padding: 6px 12px 8px;
    border-radius: 16px;
    text-align: center;
  }
  .card-list .card .card-title,
  .card-list-test .card .card-title {
    color: #000000;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 21px;
    margin-bottom: 9px;
  }
  .card-list .card .card-desc,
  .card-list-test .card .card-desc {
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 18px;
  }
  .card-list .card .read-more,
  .card-list-test .card .read-more {
    color: #FF006B;
    text-decoration: none;
    position: absolute;
    left: 29px;
    bottom: 30px;
    padding-right: 15px;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
  }
  .card-list .card .read-more:before,
  .card-list-test .card .read-more:before {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 7px;
    height: 1px;
    background: #FF006B;
    transform: rotate(45deg);
  }
  .card-list .card .read-more:after,
  .card-list-test .card .read-more:after {
    content: "";
    position: absolute;
    bottom: 6px;
    right: 0;
    width: 7px;
    height: 1px;
    background: #FF006B;
    transform: rotate(-45deg);
  }
  .card-list .card .watch-video,
  .card-list-test .card .watch-video {
    color: #FF006B;
    text-decoration: none;
    padding-left: 20px;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
    position: relative;
  }
  .card-list .card .watch-video:before,
  .card-list-test .card .watch-video:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background: url(/mkt/assets/appdetailsv2/images/player.svg) no-repeat center bottom;
    background-size: cover;
  }
  
  @media only screen and (max-width: 1025px) {
    .card-list {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: wrap;
    }
  }
  #homepage #home-hero {
    padding: 185px 0 105px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    position: relative;
  }
  #homepage #home-hero:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  #homepage #home-hero .home-title {
    color: #ffffff;
    font-size: 58px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 73px;
  }
  #homepage #home-hero .under-title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 23px;
    max-width: 640px;
    width: 100%;
    margin: 20px auto 50px;
  }
  #homepage #home-hero .hero-top {
    top: -100%;
    padding: 25px 0;
  }
  #homepage #home-hero .hero-top.fixed {
    top: 0;
    transition: top 250ms ease;
  }
  #homepage #home-hero .hero-top .button {
    margin: 0 5px;
  }
  #homepage #trusted {
    padding: 80px 0 90px;
  }
  #homepage #trusted .logos-container {
    padding: 45px 70px 25px;
  }
  #homepage #trusted .under-trusted {
    display: block;
    text-align: center;
    color: #000000;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 23px;
  }
  #homepage #trusted .under-trusted a {
    text-decoration: none;
    color: #FF006B;
    position: relative;
    padding-right: 10px;
  }
  #homepage #trusted .under-trusted a:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    width: 6px;
    height: 1px;
    background: #FF006B;
    transform: rotate(45deg);
  }
  #homepage #trusted .under-trusted a:after {
    content: "";
    position: absolute;
    top: 14px;
    right: 0;
    width: 6px;
    height: 1px;
    background: #FF006B;
    transform: rotate(-45deg);
  }
  #homepage #trusted .under-trusted a:hover {
    color: #800035;
    transition: all 0.2s ease;
  }
  #homepage #trusted .under-trusted a:hover::before {
    right: -7px;
    background: #800035;
    transition: all 200ms ease;
  }
  #homepage #trusted .under-trusted a:hover::after {
    right: -7px;
    background: #800035;
    transition: all 200ms ease;
  }
  #homepage #trusted .under-trusted strong {
    color: #FF006B;
  }
  #homepage #content {
    padding-bottom: 90px;
    overflow: hidden;
  }
  #homepage #content .title-content {
    color: #000000;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 45px;
    margin-bottom: 30px;
    position: relative;
  }
  #homepage #content .title-content span {
    position: absolute;
    top: -16px;
    right: -36px;
    color: #FF006B;
    font-size: 16px;
    text-transform: uppercase;
  }
  #homepage #content .content-grid {
    gap: 0;
  }
  #homepage #content .content-grid:nth-of-type(odd) {
    grid-template-columns: 40% 60%;
  }
  #homepage #content .content-grid:nth-of-type(even) {
    grid-template-columns: 60% 40%;
  }
  #homepage #content .content-grid:nth-of-type(2) .content-box {
    max-width: 500px;
    position: relative;
  }
  #homepage #content .content-grid:nth-of-type(2) .content-box .moving-img-one {
    position: absolute;
    top: -50px;
    right: -80px;
    width: 278px;
    height: 153px;
  }
  #homepage #content .content-grid:nth-of-type(2) .content-box .moving-img-two {
    position: absolute;
    top: 140px;
    right: -50px;
    width: 185px;
    height: 102px;
  }
  #homepage #content .content-grid:nth-of-type(3) .content-right {
    justify-content: flex-end;
  }
  #homepage #content .content-grid:nth-of-type(3) .content-box {
    max-width: 500px;
    position: relative;
  }
  #homepage #content .content-grid:nth-of-type(3) .content-box .moving-img-three {
    position: absolute;
    top: -50px;
    right: 50px;
    width: 185px;
    height: 104px;
  }
  #homepage #content .content-grid:nth-of-type(3) .content-box .moving-img-four {
    position: absolute;
    top: 140px;
    right: -100px;
    width: 278px;
    height: 154px;
  }
  #homepage #content .content-grid.margin-bottom {
    margin-bottom: 110px;
  }
  #homepage #content .content-grid .content-left {
    padding: 0 50px 0 0;
  }
  #homepage #home-more {
    padding: 70px 0 85px;
    background: #F9FAFB;
  }
  #homepage #home-more .more-title {
    color: #000000;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 45px;
    margin-bottom: 40px;
  }
  
  @media only screen and (max-width: 1025px) {
    #homepage #trusted .logos-container {
      padding: 40px 20px 25px;
    }
  }
  @media only screen and (max-width: 769px) {
    #homepage #home-hero {
      padding: 150px 0 80px;
    }
    #homepage #home-hero .home-title {
      font-size: 38px;
      line-height: 53px;
    }
    #homepage #home-hero .under-title {
      font-size: 16px;
      line-height: 21px;
    }
    #homepage #content .title-content {
      font-size: 26px;
      line-height: 35px;
    }
  }
  @media only screen and (max-width: 641px) {
    #homepage #trusted .under-trusted a {
      display: block;
    }
  }
  #top-charts #hero {
    color: white;
    padding: 133px 0 80px;
    position: relative;
    background: rgba(0, 0, 0, 0.9);
    z-index: 3;
  }
  #top-charts #hero .form {
    display: flex;
    justify-content: space-around;
    width: 100%;
  }
  #top-charts #hero .form .item {
    display: flex;
    flex-direction: column;
    margin: 0 10px;
    width: 100%;
  }
  #top-charts #hero .form .item .top-charts-dropdown {
    position: relative;
  }
  #top-charts #hero .form .item .top-charts-dropdown:hover {
    cursor: pointer;
  }
  #top-charts #hero .form .item .top-charts-dropdown:before {
    position: absolute;
    content: "V";
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
  }
  #top-charts #hero .form .item .top-charts-dropdown .selected-item {
    background: black;
    margin-top: 5px;
    border-radius: 5px;
    padding: 10px 5px;
    border: 1px solid white;
  }
  #top-charts #hero .form .item .top-charts-dropdown .bubble-container {
    color: black;
    display: none;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15);
  }
  #top-charts #hero .form .item .top-charts-dropdown .bubble-container:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-top: none;
    border-bottom-color: #fff;
    filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
  }
  #top-charts #hero .form .item .top-charts-dropdown .bubble-container .bubble {
    display: flex;
    flex-direction: column;
    position: relative;
    background: #FFF;
    max-height: 250px;
    overflow-y: auto;
    padding-top: 5px;
  }
  #top-charts #hero .form .item .top-charts-dropdown .bubble-container .bubble a {
    color: inherit;
    text-decoration: none;
    padding: 10px 15px;
  }
  #top-charts #hero .form .item .top-charts-dropdown .bubble-container .bubble a.sub {
    padding-left: 35px;
  }
  #top-charts #hero .form .item .top-charts-dropdown .bubble-container .bubble a:hover {
    font-weight: bold;
  }
  #top-charts #content {
    padding-bottom: 150px;
    background-color: #F2F2F2;
  }
  #top-charts #content .inside .top-charts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  #top-charts #content .inside .top-charts .left {
    width: 100%;
    background: red;
  }
  #top-charts #content .inside .top-charts .right {
    width: 100%;
    background: blue;
  }
  
  #app-details #hero {
    color: white;
    padding: 133px 0 80px;
    position: relative;
    background: rgba(0, 0, 0, 0.9);
    z-index: 3;
  }
  #app-details #hero .form {
    display: flex;
    justify-content: space-around;
    width: 100%;
  }
  #app-details #hero .form .item {
    display: flex;
    flex-direction: column;
    margin: 0 10px;
    width: 100%;
  }
  #app-details #hero .form .item .top-charts-dropdown {
    position: relative;
  }
  #app-details #hero .form .item .top-charts-dropdown:hover {
    cursor: pointer;
  }
  #app-details #hero .form .item .top-charts-dropdown:before {
    position: absolute;
    content: "V";
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
  }
  #app-details #hero .form .item .top-charts-dropdown .selected-item {
    background: black;
    margin-top: 5px;
    border-radius: 5px;
    padding: 10px 5px;
    border: 1px solid white;
  }
  #app-details #hero .form .item .top-charts-dropdown .bubble-container {
    color: black;
    display: none;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15);
  }
  #app-details #hero .form .item .top-charts-dropdown .bubble-container:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-top: none;
    border-bottom-color: #fff;
    filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
  }
  #app-details #hero .form .item .top-charts-dropdown .bubble-container .bubble {
    display: flex;
    flex-direction: column;
    position: relative;
    background: #FFF;
    padding: 10px;
    max-height: 250px;
    overflow-y: auto;
  }
  #app-details #hero .form .item .top-charts-dropdown .bubble-container .bubble a {
    color: inherit;
    text-decoration: none;
    margin-top: 20px;
  }
  #app-details #hero .form .item .top-charts-dropdown .bubble-container .bubble a:hover {
    font-weight: bold;
  }
  #app-details #content {
    padding-bottom: 150px;
  }
  #app-details #content .content-left {
    padding: 0 35px;
  }
  #app-details #content .content-left.flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #app-details #content .content-left .title-section {
    margin-bottom: 30px;
  }
  #app-details #content .content-right {
    padding: 0 35px;
  }
  #app-details #content .content-right .img-box {
    position: relative;
  }
  #app-details #content .content-right .img-box:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -77px;
    right: -44px;
    width: 228px;
    height: 147px;
    background: url(/mkt/assets/appdetailsv2/images/dots.png) no-repeat center;
    background-size: cover;
  }
  
  .content-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  .content-grid.margin-bottom {
    margin-bottom: 130px;
  }
  .content-grid .text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
    margin-bottom: 30px;
  }
  .content-grid .content-left {
    padding: 0 35px;
  }
  .content-grid .content-left.flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .content-grid .content-left .title-section {
    margin-bottom: 30px;
  }
  .content-grid .content-right .content-box {
    padding-top: 20px;
  }
  .content-grid .content-right .content-box.form {
    position: relative;
  }
  .content-grid .content-right .content-box.form:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -11px;
    right: -35px;
    width: 176.48px;
    height: 128px;
    background: url(/mkt/assets/appdetailsv2/images/dots.90312a55.png) no-repeat center;
    background-size: cover;
  }
  
  @media only screen and (max-width: 1025px) {
    .content-grid .text {
      font-size: 16px;
      line-height: 23px;
    }
    .content-grid .content-left {
      padding: 0;
    }
    .content-grid .content-right {
      padding: 0;
    }
  }
  @media only screen and (max-width: 769px) {
    .content-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    .content-grid.margin-bottom {
      margin-bottom: 40px;
      gap: 0;
    }
    .content-grid.reverse-mobile, .content-grid.reverse {
      display: flex;
      flex-direction: column-reverse;
    }
  }
  #intelligence #intelligence-hero {
    padding: 210px 0 107px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    position: relative;
  }
  #intelligence #intelligence-hero:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  #intelligence #intelligence-hero .hero-iframe {
    position: absolute;
    top: 79px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    object-fit: cover;
    height: calc(100% - 79px);
  }
  #intelligence #discover {
    padding: 60px 0 80px;
  }
  #intelligence #discover .section-title {
    max-width: 700px;
    width: 100%;
    margin: 0 auto 60px;
  }
  #intelligence #discover .under-title-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    height: 100px;
    margin-bottom: 60px;
    padding: 0 35px;
  }
  #intelligence #discover .under-title-grid .item {
    width: 100%;
    height: 100%;
    background: #F3F5F7;
  }
  #intelligence #discover .under-title-grid .item.current, #intelligence #discover .under-title-grid .item:hover {
    background: #000000;
    transition: all 500ms ease;
  }
  #intelligence #discover .under-title-grid .item.current svg g, #intelligence #discover .under-title-grid .item:hover svg g {
    fill: #ffffff;
    transition: all 500ms ease;
  }
  #intelligence #discover .under-title-grid .item.current span, #intelligence #discover .under-title-grid .item:hover span {
    color: #ffffff;
    transition: all 500ms ease;
  }
  #intelligence #discover .under-title-grid .item a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 19px;
  }
  #intelligence #discover .under-title-grid .item svg {
    max-width: 35px;
    margin: 0 auto 8px;
  }
  #intelligence #discover .under-title-grid .item svg g {
    fill: #FF006B;
  }
  #intelligence #discover .under-title-grid .item span {
    text-transform: uppercase;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    position: relative;
  }
  #intelligence #discover .tab-content {
    display: none;
  }
  #intelligence #discover .tab-content.active {
    display: block;
  }
  #intelligence #discover .content-grid.margin-bottom {
    margin-bottom: 84px;
  }
  #intelligence #discover .content-grid .title-content {
    color: #000000;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 1.19px;
    line-height: 39px;
    margin-bottom: 10px;
  }
  #intelligence #discover .content-grid .text-content {
    color: #404040;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 1.5625;
  }
  #intelligence #discover .content-grid .text-content a {
    color: #FF006B;
    text-decoration: none;
  }
  #intelligence #trusted-resource {
    padding: 50px 0 80px;
    background: #F9FAFB;
  }
  #intelligence #trusted-resource .tiers-grid {
    margin: 40px auto 50px;
  }
  #intelligence #trusted-resource .tiers-grid .tiers-item {
    padding: 45px 55px 100px 32px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 #E7E8EC;
    position: relative;
  }
  #intelligence #trusted-resource .tiers-grid .tiers-item .tag {
    color: #FF006B;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    background: rgba(255, 0, 107, 0.1);
    padding: 6px 16.5px 8px;
    border-radius: 16px;
  }
  #intelligence #trusted-resource .tiers-grid .tiers-item .tiers-title {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 25px;
    margin: 33px 0 15px;
  }
  #intelligence #trusted-resource .tiers-grid .tiers-item .tiers-text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
  }
  #intelligence #trusted-resource .tiers-grid .tiers-item .link {
    position: absolute;
    left: 30px;
    bottom: 46px;
  }
  #intelligence #trusted-resource .tiers-grid .tiers-item .link:hover {
    color: #800035;
  }
  #intelligence #one-platform {
    padding: 60px 0 40px;
  }
  #intelligence #one-platform .tiers-grid {
    margin-top: 60px;
    gap: 60px 30px;
  }
  #intelligence #one-platform .tiers-grid .tiers-item {
    padding: 0 15px 0 85px;
    position: relative;
  }
  #intelligence #one-platform .tiers-grid .tiers-item .platform-picto {
    position: absolute;
    top: 6px;
    left: 35px;
    max-width: 32px;
    height: auto;
  }
  #intelligence #one-platform .tiers-grid .tiers-item .platform-title {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 28px;
    margin-bottom: 12px;
    text-transform: uppercase;
  }
  #intelligence #one-platform .tiers-grid .tiers-item .platform-text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
  }
  #intelligence #our-platform {
    padding: 40px 0 78px;
    background: #F9FAFB;
  }
  #intelligence #our-platform .section-title {
    max-width: 700px;
    width: 100%;
    margin: 0 auto 50px;
  }
  #intelligence #our-platform .button {
    display: inline-block;
    margin: 97px auto 0;
  }
  #intelligence #our-platform .slider-container {
    padding: 0 100px;
    position: relative;
  }
  #intelligence #our-platform .platform-slider {
    opacity: 0;
  }
  #intelligence #our-platform .platform-slider.slick-initialized {
    opacity: 1;
    transition: opacity 800ms ease;
  }
  #intelligence #our-platform .platform-slider .slick-slide:nth-child(odd) .platform-slide .platform-grid {
    flex-direction: row;
  }
  #intelligence #our-platform .platform-slider .slick-slide:nth-child(even) .platform-slide .platform-grid {
    flex-direction: row-reverse;
  }
  #intelligence #our-platform .platform-slider .platform-slide .platform-grid {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  #intelligence #our-platform .platform-slider .platform-slide .platform-grid .slider-left {
    width: 50%;
  }
  #intelligence #our-platform .platform-slider .platform-slide .platform-grid .slider-right {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 35px;
  }
  #intelligence #our-platform .platform-slider .platform-slide .platform-grid .slider-right .slider-title {
    color: #000000;
    font-size: 31px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 39px;
    margin-bottom: 30px;
  }
  #intelligence #our-platform .platform-slider .platform-slide .platform-grid .slider-right .text-slider {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
  }
  #intelligence #our-platform .platform-slider .slick-arrow {
    appearance: none;
    font-size: 0;
    border: none;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: transparent url(/mkt/assets/appdetailsv2/images/slider.de2b0651.svg) no-repeat center;
    background-size: cover;
    cursor: pointer;
  }
  #intelligence #our-platform .platform-slider .slick-arrow.slick-prev {
    left: -50px;
    transform: translateY(-50%);
  }
  #intelligence #our-platform .platform-slider .slick-arrow.slick-next {
    right: -50px;
    transform: translateY(-50%) rotate(180deg);
  }
  #intelligence #our-platform .platform-slider .slick-dots {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
  }
  #intelligence #our-platform .platform-slider .slick-dots li {
    margin: 0 8px;
  }
  #intelligence #our-platform .platform-slider .slick-dots li.slick-active button {
    background: #FF006B;
    border: 1px solid #FF006B;
  }
  #intelligence #our-platform .platform-slider .slick-dots li button {
    font-size: 0;
    appearance: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    background: rgba(0, 0, 0, 0.1);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    cursor: pointer;
  }
  #intelligence #pulse-by {
    padding: 110px 0;
  }
  #intelligence #pulse-by .section-title {
    text-align: left;
  }
  #intelligence #pulse-by .under-pulse {
    max-width: 364px;
    display: block;
    margin: 20px 0 30px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
  }
  #intelligence #pulse-by .link {
    display: inline-block;
    margin-bottom: 40px;
  }
  #intelligence #pulse-by .pulse-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding: 0 100px 0 200px;
  }
  #intelligence #pulse-by .pulse-grid .pulse-item.left .apple-cta {
    margin: 0;
  }
  #intelligence #pulse-by .pulse-grid .pulse-item.center {
    text-align: center;
  }
  #intelligence #pulse-by .pulse-grid .pulse-item.relative {
    position: relative;
  }
  #intelligence #pulse-by .pulse-grid .pulse-item.relative .pulse-img {
    position: absolute;
    bottom: -109px;
    left: 50%;
    transform: translateX(-50%);
    width: 284px;
    height: auto;
  }
  #intelligence #intelligence-customers {
    padding: 60px 0 40px;
    background: #F9FAFB;
  }
  #intelligence #intelligence-customers .section-title {
    max-width: 890px;
    width: 100%;
    margin: 0 auto 55px;
  }
  #intelligence #intelligence-customers .button {
    margin-top: 50px;
  }
  #intelligence #labs {
    padding-top: 40px;
  }
  #intelligence #labs .under-section-title {
    font-weight: 300;
    line-height: 30px;
    padding: 0 95px;
    font-size: 18px;
  }
  #intelligence #labs .labs-image {
    margin-top: 73px;
    padding: 0 90px;
  }
  #intelligence #connect {
    padding: 75px 0;
    background: #F9FAFB;
  }
  #intelligence #connect .connect-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 35px;
    gap: 30px;
  }
  #intelligence #connect .connect-grid .connect-item {
    padding: 43px 53px 53px;
    text-align: center;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 #E7E8EC;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #intelligence #connect .connect-grid .connect-item .connect-text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
    text-align: center;
    margin: 21px 0 50px;
  }
  #intelligence #i-header {
    padding: 100px 0;
  }
  #intelligence #i-header .i-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  #intelligence #i-header .i-grid .i-item.left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #intelligence #i-header .i-grid .i-item.left .img-layer {
    position: relative;
  }
  #intelligence #i-header .i-grid .i-item.left .img-layer::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -38px;
    right: -36px;
    width: 176.48px;
    height: 128px;
    background: url(/mkt/assets/appdetailsv2/images/dots.90312a55.png) no-repeat center center;
    background-size: cover;
  }
  #intelligence #i-header .i-grid .i-item.left .img-layer::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -21px;
    left: -19px;
    width: 188px;
    height: 110px;
    background-color: rgba(0, 0, 0, 0.1);
  }
  #intelligence #i-header .i-grid .i-item.left img {
    max-width: 100%;
  }
  #intelligence #i-header .i-grid .i-item.right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #intelligence #i-header .i-grid .i-item.right .top-title {
    margin-bottom: 15px;
  }
  #intelligence #i-header .i-grid .i-item.right .top-title.red {
    color: #800035;
  }
  #intelligence #i-header .i-grid .i-item.right .under-section-title {
    text-align: left;
    line-height: 25px;
    margin: 20px auto 38px auto;
  }
  #intelligence #contact .mktoForm .mktoButton {
    text-transform: none;
  }
  #intelligence .section.bkg-color {
    background: linear-gradient(114.17deg, rgb(0, 0, 0) -40.37%, rgb(128, 0, 53) 50.4%);
  }
  
  @media only screen and (max-width: 1025px) {
    #intelligence #trusted-resource .tiers-grid {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: stretch;
      flex-wrap: wrap;
    }
    #intelligence #trusted-resource .tiers-grid .tiers-item {
      max-width: 330px;
      width: 100%;
    }
    #intelligence #one-platform .tiers-grid {
      grid-template-columns: repeat(2, 1fr);
    }
    #intelligence #our-platform .slider-container {
      padding: 0 30px;
    }
    #intelligence #our-platform .platform-slider .platform-slide .platform-grid {
      gap: 15px;
    }
    #intelligence #pulse-by .pulse-grid {
      padding: 0;
    }
    #intelligence #connect .connect-grid {
      padding: 0;
    }
    #intelligence #i-header .i-grid .i-item.left::before {
      top: 0px;
    }
    #intelligence #i-header .i-grid .i-item.left::after {
      bottom: 26px;
    }
    #intelligence #i-header .i-grid .i-item.left img {
      max-width: 90%;
    }
  }
  @media only screen and (max-width: 769px) {
    #intelligence #discover .inside.remove-padding {
      padding: 0;
    }
    #intelligence #discover .under-title-grid {
      padding: 0;
    }
    #intelligence #discover .under-title-grid .item svg {
      max-width: 25px;
    }
    #intelligence #discover .under-title-grid .item span {
      font-size: 13px;
    }
    #intelligence #one-platform .tiers-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #intelligence #connect .connect-grid {
      gap: 15px;
    }
    #intelligence #connect .connect-grid .connect-item {
      padding: 20px;
    }
    #intelligence #i-header .i-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #intelligence #i-header .i-grid .i-item.left {
      margin-bottom: 50px;
    }
    #intelligence #i-header .i-grid .i-item.left::before {
      top: -44px;
      right: 66px;
    }
    #intelligence #i-header .i-grid .i-item.left::after {
      bottom: -20px;
      left: 70px;
    }
    #intelligence #i-header .i-grid .i-item.left img {
      max-width: 90%;
    }
  }
  @media only screen and (max-width: 641px) {
    #intelligence #our-platform .slider-container {
      padding: 0 30px;
    }
    #intelligence #our-platform .platform-slider .platform-slide .platform-grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
    }
    #intelligence #our-platform .platform-slider .platform-slide .platform-grid .slider-left {
      width: 100%;
    }
    #intelligence #our-platform .platform-slider .platform-slide .platform-grid .slider-right {
      width: 100%;
      padding-left: 0;
    }
    #intelligence #our-platform .platform-slider .platform-slide .platform-grid .slider-right .slider-title {
      font-size: 22px;
      line-height: 26px;
      margin-bottom: 15px;
    }
    #intelligence #our-platform .platform-slider .platform-slide .platform-grid .slider-right .text-slider {
      font-size: 15px;
      line-height: 18px;
    }
    #intelligence #pulse-by {
      padding: 70px 0;
    }
    #intelligence #pulse-by .pulse-grid {
      display: block;
    }
    #intelligence #pulse-by .pulse-grid .pulse-item.relative {
      display: none;
    }
    #intelligence #pulse-by .under-pulse {
      margin: 16px auto;
    }
    #intelligence #pulse-by .link {
      margin-bottom: 16px;
    }
    #intelligence #connect .connect-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #intelligence #i-header .i-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #intelligence #i-header .i-grid .i-item.left {
      margin-bottom: 50px;
    }
    #intelligence #i-header .i-grid .i-item.left::before {
      top: -44px;
      right: 6px;
    }
    #intelligence #i-header .i-grid .i-item.left::after {
      bottom: -20px;
      left: 9px;
    }
    #intelligence #i-header .i-grid .i-item.left img {
      max-width: 90%;
    }
  }
  @media only screen and (max-width: 421px) {
    #intelligence #i-header .i-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #intelligence #i-header .i-grid .i-item.left::before {
      right: -6px;
    }
    #intelligence #i-header .i-grid .i-item.left::after {
      left: -2px;
    }
    #intelligence #i-header .i-grid .i-item.right .section-title {
      text-align: start;
    }
  }
  .logos-container {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.25);
    padding: 45px 80px 25px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
    position: relative;
    background: #ffffff;
    margin-bottom: 43px;
  }
  .logos-container.margin {
    margin: 60px 0 80px;
  }
  .logos-container .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .logos-container .item img {
    min-width: auto;
    max-width: 140px;
    max-height: 90px;
    width: 100%;
  }
  .logos-container:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -21px;
    left: -23px;
    width: 195px;
    height: 76px;
    background: rgba(0, 0, 0, 0.1);
  }
  .logos-container:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -38px;
    right: -37px;
    width: 228px;
    height: 147px;
    background: url(/mkt/assets/appdetailsv2/images/dots.07453c90.png) no-repeat center;
    background-size: cover;
  }
  
  @media only screen and (max-width: 1025px) {
    .logos-container {
      padding: 40px 40px 25px;
    }
  }
  @media only screen and (max-width: 769px) {
    .logos-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media only screen and (max-width: 641px) {
    .logos-container {
      grid-template-columns: repeat(2, 1fr);
      gap: 15px;
    }
  }
  #contact {
    padding: 75px 0;
    background-color: rgba(0, 0, 0, 0.75);
  }
  #contact .section-title {
    margin-bottom: 40px;
  }
  #contact .section-title.no-margin {
    margin-bottom: 0;
  }
  #contact .demo-form {
    max-width: 955px;
    width: 100%;
    margin: 0 auto;
  }
  #contact .demo-form .form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 20px;
  }
  #contact .demo-form .form-row {
    margin-bottom: 20px;
  }
  #contact .demo-form .form-label {
    display: block;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin-bottom: 6px;
  }
  #contact .demo-form .checkbox-label {
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
  }
  #contact .demo-form .form-small-text {
    color: #DBDEE4;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    max-width: 750px;
  }
  #contact .demo-form .form-small-text a {
    color: #ffffff;
  }
  #contact .demo-form .form-input {
    width: 100%;
    height: 50px;
    background: #ffffff;
    border: 1px solid #ffffff;
    padding: 4px 16px;
  }
  #contact .demo-form .form-area {
    width: 100%;
    height: 90px;
  }
  #contact .demo-form .form-cta {
    appearance: none;
    text-transform: uppercase;
    padding: 20px 33px 21px 32px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 23px;
    color: #ffffff;
    background: #FF006B;
    border: 1px solid #FF006B;
  }
  #contact .mktoForm {
    max-width: 955px;
    width: 100% !important;
    margin: 0 auto;
    padding: 0;
  }
  #contact .mktoForm.has-grid {
    position: relative;
  }
  #contact .mktoForm.has-grid .mktoFormRow:first-of-type, #contact .mktoForm.has-grid .mktoFormRow:nth-of-type(2) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 15px;
  }
  #contact .mktoForm.has-grid .mktoButtonRow {
    margin-top: 50px;
  }
  #contact .mktoForm.has-grid .additional-text {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #ffffff;
    position: absolute;
    bottom: 85px;
    left: 0;
  }
  #contact .mktoForm.has-grid .additional-text a {
    color: #ffffff;
  }
  #contact .mktoForm.contact-page .mktoFormRow:first-of-type {
    display: block;
    gap: 0;
  }
  #contact .mktoForm.contact-page .mktoFormRow:nth-of-type(2), #contact .mktoForm.contact-page .mktoFormRow:nth-of-type(3) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 15px;
  }
  #contact .mktoForm.game .mktoFormRow:nth-of-type(2), #contact .mktoForm.game .mktoFormRow:nth-of-type(3) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 15px;
  }
  #contact .mktoForm.more-infos .mktoFormRow:nth-of-type(2), #contact .mktoForm.more-infos .mktoFormRow:nth-of-type(3), #contact .mktoForm.more-infos .mktoFormRow:nth-of-type(4), #contact .mktoForm.more-infos .mktoFormRow:nth-of-type(5) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 15px;
  }
  #contact .mktoForm.more-infos .infos-box {
    position: absolute;
    bottom: 95px;
    left: 0;
  }
  #contact .mktoForm.more-infos .infos-box .additional-list {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 15px;
    width: 100%;
  }
  #contact .mktoForm.more-infos .infos-box .additional-list li {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #ffffff;
    margin-bottom: 5px;
    padding: 0;
  }
  #contact .mktoForm.more-infos .infos-box .additional-list li:last-child {
    margin-bottom: 0;
  }
  #contact .mktoForm.more-infos .infos-box .additional-text {
    position: relative;
    bottom: 0;
  }
  #contact .mktoForm.more-infos .mktoButtonRow {
    margin-top: 160px;
  }
  #contact .mktoForm .mktoFieldWrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #contact .mktoForm .mktoFieldDescriptor {
    width: 100%;
  }
  #contact .mktoForm .mktoOffset,
  #contact .mktoForm .mktoGutter {
    display: none;
  }
  #contact .mktoForm .mktoLabel {
    display: block;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 25px;
    margin-bottom: 6px;
    width: auto !important;
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
  #contact .mktoForm .mktoLabel#LbloptInExplicit, #contact .mktoForm .mktoLabel#LblAscend_ToS_Agreement_Confirmed__c {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    cursor: pointer;
    padding-left: 20px;
  }
  #contact .mktoForm .mktoAsterix {
    color: #ffffff;
    float: right;
  }
  #contact .mktoForm input,
  #contact .mktoForm select {
    width: 100% !important;
    height: 50px;
    background: #ffffff;
    border: 1px solid #ffffff;
    padding: 4px 16px;
    box-shadow: none;
  }
  #contact .mktoForm select {
    width: 100% !important;
    height: 50px;
    background: #ffffff;
    border: 1px solid #ffffff;
    padding: 4px 16px;
    box-shadow: none;
  }
  #contact .mktoForm textarea {
    width: 100% !important;
    min-height: 90px;
    padding: 4px 16px;
  }
  #contact .mktoForm .mktoCheckboxList {
    width: 13px !important;
    padding: 0;
    position: absolute;
    top: 8px;
    left: 0;
  }
  #contact .mktoForm .mktoCheckboxList input {
    width: 13px;
    height: 13px;
  }
  #contact .mktoForm .mktoCheckboxList label {
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    cursor: pointer;
  }
  #contact .mktoForm .mktoCheckboxList input[type=checkbox] + label:before {
    box-shadow: none;
    margin-left: 0;
    left: 0;
    color: #FF006B;
  }
  #contact .mktoForm .mktoButtonRow {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #contact .mktoForm .mktoButtonWrap {
    margin: 0 auto !important;
  }
  #contact .mktoForm .mktoError {
    left: 0;
  }
  #contact .mktoForm .mktoButton {
    appearance: none;
    text-transform: capitalize;
    padding: 20px 33px 21px 32px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 23px;
    color: #ffffff;
    background: #FF006B;
    border: 1px solid #FF006B;
    box-shadow: none;
  }
  #contact .mktoForm .mktoButton:hover {
    color: #FF006B;
    background: #ffffff;
    transition: all 500ms ease;
  }
  
  @media only screen and (max-width: 1025px) {
    #contact {
      padding: 60px 0;
    }
    #contact .demo-form .form-label {
      font-size: 18px;
      line-height: 23px;
    }
  }
  @media only screen and (max-width: 769px) {
    #contact .mktoForm.has-grid {
      position: relative;
    }
    #contact .mktoForm.has-grid .mktoFormRow:first-of-type, #contact .mktoForm.has-grid .mktoFormRow:nth-of-type(2) {
      grid-template-columns: repeat(1, 1fr);
      gap: 0;
    }
    #contact .mktoForm.has-grid .mktoLabel {
      font-size: 18px;
      line-height: 22px;
    }
    #contact .mktoForm.game .mktoFormRow:nth-of-type(2), #contact .mktoForm.game .mktoFormRow:nth-of-type(3) {
      grid-template-columns: repeat(1, 1fr);
      gap: 0;
    }
    #contact .mktoForm.more-infos .mktoFormRow:nth-of-type(2), #contact .mktoForm.more-infos .mktoFormRow:nth-of-type(3), #contact .mktoForm.more-infos .mktoFormRow:nth-of-type(4), #contact .mktoForm.more-infos .mktoFormRow:nth-of-type(5) {
      grid-template-columns: repeat(1, 1fr);
      gap: 0;
    }
    #contact .mktoForm.more-infos .mktoLabel {
      font-size: 18px;
      line-height: 22px;
    }
  }
  @media only screen and (max-width: 641px) {
    #contact .mktoForm.has-grid .mktoButtonRow {
      margin-top: 80px;
    }
    #contact .mktoForm.more-infos .mktoButtonRow {
      margin-top: 230px;
    }
  }
  #game-iq #game-hero {
    padding: 230px 0 140px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
  }
  #game-iq #game-hero:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  #game-iq #game-hero .game-disclaimer {
    background: #000000;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 11px 22px;
  }
  #game-iq #smarter {
    padding: 50px 0 66px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  #game-iq #smarter .video-box {
    max-width: 610px;
    width: 100%;
    margin: 30px auto 0;
  }
  #game-iq #smarter .video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  #game-iq #smarter .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #game-iq #redefined,
  #game-iq #own-categories {
    padding: 60px 0;
    text-align: center;
  }
  #game-iq #redefined .under-section-title,
  #game-iq #own-categories .under-section-title {
    margin-bottom: 30px;
  }
  #game-iq #redefined img,
  #game-iq #own-categories img {
    max-width: 768px;
    margin: 30px auto 0;
  }
  #game-iq #own-categories {
    background: #F9FAFB;
  }
  #game-iq #navigate {
    padding: 60px 0 84px;
  }
  #game-iq #navigate .section-title {
    max-width: 700px;
    margin: 0 auto 50px;
  }
  #game-iq #navigate .img-container {
    position: relative;
  }
  #game-iq #navigate .img-container:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -5px;
    right: -30px;
    width: 176.48px;
    height: 128px;
    background: url(/mkt/assets/appdetailsv2/images/dots.90312a55.png) no-repeat center;
    background-size: cover;
  }
  #game-iq #navigate #tabs-nav {
    padding: 0 35px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-bottom: 50px;
  }
  #game-iq #navigate #tabs-nav li {
    width: 100%;
    height: 70px;
  }
  #game-iq #navigate #tabs-nav li.current a {
    color: #ffffff;
    background: #000000;
    transition: all 800ms ease;
  }
  #game-iq #navigate #tabs-nav li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #000000;
    background: #F3F5F7;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    text-transform: uppercase;
  }
  #game-iq #navigate .tab-content {
    display: none;
    padding: 0 35px;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  #game-iq #navigate .tab-content.active {
    display: grid;
    animation-name: opacityAnimation;
    animation-duration: 800ms;
  }
  #game-iq #navigate .tab-content .tab-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 35px 0 100px;
  }
  #game-iq #navigate .tab-content .tab-right .tab-title {
    color: #000000;
    font-size: 31px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 39px;
    margin-bottom: 30px;
  }
  #game-iq #navigate .tab-content .tab-right .tab-desc {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
  }
  #game-iq #on-demand {
    padding: 78px 0 55px;
    background: #F9FAFB;
  }
  #game-iq #on-demand .on-demand-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding: 0 35px;
  }
  #game-iq #on-demand .on-demand-grid .on-demand-item.left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-right: 100px;
  }
  #game-iq #on-demand .on-demand-grid .on-demand-item.left .section-title {
    text-align: left;
  }
  #game-iq #on-demand .on-demand-grid .on-demand-item.left .on-demand-text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
    margin: 30px 0;
  }
  #game-iq #on-demand .img-container {
    position: relative;
  }
  #game-iq #on-demand .img-container:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -5px;
    left: -30px;
    width: 176.48px;
    height: 128px;
    background: url(/mkt/assets/appdetailsv2/images/dots.90312a55.png) no-repeat center;
    background-size: cover;
  }
  #game-iq #quote {
    padding: 75px 0;
    background: #000000;
  }
  #game-iq #quote .quote-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  #game-iq #quote .quote-grid .quote-item.left img {
    max-width: 166px;
    margin-bottom: 30px;
  }
  #game-iq #quote .quote-grid .quote-item.left .quote {
    display: block;
    color: #ffffff;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 40px;
    margin-bottom: 30px;
  }
  #game-iq #quote .quote-grid .quote-item.left .author {
    display: block;
    margin-bottom: 40px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 21px;
  }
  #game-iq #quote .quote-grid .quote-item.right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  #product #product-hero {
    padding: 230px 0 140px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
  }
  #product #product-hero:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  #product #product-hero .game-disclaimer {
    background: #000000;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 11px 22px;
  }
  #product #product-hero .game-disclaimer.close:hover::before {
    background: #404040;
  }
  #product #product-hero .game-disclaimer.close:hover::after {
    background: #404040;
  }
  #product #product-hero .game-disclaimer.close:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 17px;
    height: 2px;
    background: #ffffff;
    cursor: pointer;
  }
  #product #product-hero .game-disclaimer.close:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 17px;
    height: 2px;
    background: #ffffff;
    cursor: pointer;
  }
  #product #product-hero .under-title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 23px;
    margin-top: 20px;
  }
  #product #product-hero .button,
  #product #product-hero .apple-cta {
    display: inline-block;
    margin-top: 50px;
  }
  #product #video {
    padding: 50px 0 66px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
  }
  #product #video .section-title {
    max-width: 700px;
    margin: 0 auto;
  }
  #product #video .under-section-title {
    margin-bottom: 30px;
  }
  #product #video .video-box {
    max-width: 610px;
    width: 100%;
    margin: 30px auto 0;
  }
  #product #video .video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  #product #video .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #product #product-content {
    padding: 80px 0;
  }
  #product #product-content .content-grid.margin-bottom {
    margin-bottom: 80px;
  }
  #product #product-content .content-grid .title-content {
    color: #000000;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 45px;
    margin-bottom: 30px;
  }
  #product #mobile {
    padding: 50px 0 100px;
  }
  #product #mobile .section-title {
    margin-bottom: 67px;
  }
  #product #mobile .title-content {
    color: #000000;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 45px;
    margin-bottom: 30px;
  }
  #product #mobile .content-grid {
    padding: 0 100px;
  }
  #product #mobile .content-grid.margin-bottom {
    margin-bottom: 30px;
  }
  #product #mobile .content-grid .content-right .content-box:after {
    display: none;
  }
  #product #get-pulse {
    padding: 106px 0;
    background: #800035;
    position: relative;
  }
  #product #get-pulse:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(38.81deg, #000000 0%, rgba(0, 0, 0, 0.24) 100%);
  }
  #product #get-pulse .section-title {
    margin-bottom: 30px;
  }
  #product #visibility {
    padding: 60px 0 20px;
    background: #F9FAFB;
  }
  #product #redefined,
  #product #own-categories {
    padding: 60px 0;
    text-align: center;
  }
  #product #redefined .under-section-title,
  #product #own-categories .under-section-title {
    margin-bottom: 30px;
  }
  #product #redefined img,
  #product #own-categories img {
    max-width: 768px;
    margin: 30px auto 0;
  }
  #product #own-categories {
    background: #F9FAFB;
  }
  #product #navigate {
    padding: 60px 0 84px;
  }
  #product #navigate .section-title {
    max-width: 700px;
    margin: 0 auto 50px;
  }
  #product #navigate .img-container {
    position: relative;
  }
  #product #navigate .img-container:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -5px;
    right: -30px;
    width: 176.48px;
    height: 128px;
    background: url(/mkt/assets/appdetailsv2/images/dots.90312a55.png) no-repeat center;
    background-size: cover;
  }
  #product #navigate #tabs-nav {
    padding: 0 35px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-bottom: 50px;
  }
  #product #navigate #tabs-nav li {
    width: 100%;
    height: 70px;
    text-align: center;
  }
  #product #navigate #tabs-nav li.current a, #product #navigate #tabs-nav li:hover a {
    color: #ffffff;
    background: #000000;
    transition: all 500ms ease;
  }
  #product #navigate #tabs-nav li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #000000;
    background: #F3F5F7;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 20px;
    text-transform: uppercase;
  }
  #product #navigate .tab-content {
    display: none;
    padding: 0 35px;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  #product #navigate .tab-content.active {
    display: grid;
    animation-name: opacityAnimation;
    animation-duration: 800ms;
  }
  #product #navigate .tab-content .tab-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 35px 0 100px;
  }
  #product #navigate .tab-content .tab-right .tab-title {
    color: #000000;
    font-size: 31px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 39px;
    margin-bottom: 30px;
  }
  #product #navigate .tab-content .tab-right .tab-desc {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
  }
  #product #on-demand {
    padding: 78px 0 55px;
    background: #F9FAFB;
  }
  #product #on-demand .on-demand-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding: 0 35px;
  }
  #product #on-demand .on-demand-grid .on-demand-item.left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-right: 100px;
  }
  #product #on-demand .on-demand-grid .on-demand-item.left .section-title {
    text-align: left;
  }
  #product #on-demand .on-demand-grid .on-demand-item.left .on-demand-text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
    margin: 30px 0;
  }
  #product #on-demand .img-container {
    position: relative;
  }
  #product #on-demand .img-container:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -5px;
    left: -30px;
    width: 176.48px;
    height: 128px;
    background: url(/mkt/assets/appdetailsv2/images/dots.90312a55.png) no-repeat center;
    background-size: cover;
  }
  #product #customers {
    padding: 60px 0 100px;
    overflow: hidden;
  }
  #product #customers .section-title {
    max-width: 800px;
    margin: 0 auto 55px;
  }
  #product #insights {
    padding: 80px 0;
  }
  #product #insights .app-list {
    margin: 40px 0 80px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  #product #insights .app-list li {
    margin: 0 25px 25px;
  }
  #product #insights .ad-list {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  #product #insights .ad-list li {
    max-width: 110px;
    margin: 0 30px 45px;
  }
  #product #more {
    padding: 70px 0 85px;
  }
  #product #more .more-title {
    color: #000000;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 45px;
    margin-bottom: 40px;
  }
  #product #connect {
    padding: 75px 0;
    background: #F9FAFB;
  }
  #product #connect .connect-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 35px;
    gap: 30px;
  }
  #product #connect .connect-grid .connect-item {
    padding: 43px 53px 53px;
    text-align: center;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 #E7E8EC;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #product #connect .connect-grid .connect-item.has-image {
    padding: 43px 43px 55px;
    justify-content: flex-start;
  }
  #product #connect .connect-grid .connect-item.has-image .connect-text {
    margin-bottom: 0;
  }
  #product #connect .connect-grid .connect-item.has-image img {
    margin-bottom: 30px;
  }
  #product #connect .connect-grid .connect-item .connect-text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
    text-align: center;
    margin: 21px 0 50px;
  }
  #product #partnership {
    padding: 60px 0;
  }
  #product #partnership .under-section-title a {
    font-weight: 300;
  }
  #product #partnership .logos-container.margin-top {
    margin-top: 60px;
  }
  #product #insurance-content {
    padding: 80px 0 100px;
  }
  #product #insurance-content .inside {
    max-width: 785px;
  }
  #product #insurance-content h2 {
    color: #FF006B;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 50px;
    text-align: left;
    margin-bottom: 20px;
  }
  #product #insurance-content p {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
    margin-bottom: 20px;
  }
  #product #game-changer-video {
    padding: 80px 0;
    background-color: rgba(0, 0, 0, 0.03);
    position: relative;
    z-index: 1;
  }
  #product #game-changer-video .video-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
  }
  #product #game-changer-video .video-grid .video-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
  }
  #product #game-changer-video .video-grid .video-item.left::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 6px;
    right: -40px;
    width: 176.48px;
    height: 128px;
    background: url(/mkt/assets/appdetailsv2/images/dots.90312a55.png) no-repeat center center;
    background-size: cover;
  }
  #product #game-changer-video .video-grid .video-item.left::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 28px;
    left: -20px;
    width: 215px;
    height: 96px;
    background-color: rgba(0, 0, 0, 0.1);
  }
  #product #game-changer-video .video-grid .video-item.right {
    padding-right: 60px;
  }
  #product #game-changer-video .video-container {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
  }
  #product #game-changer-video .video-container:hover:before {
    background-color: #ffffff;
    transition: background-color 500ms ease;
  }
  #product #game-changer-video .video-container:hover:after {
    border-color: transparent transparent transparent #FF006B;
    transition: border-color 500ms ease;
  }
  #product #game-changer-video .video-container:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #ffffff;
  }
  #product #game-changer-video .video-container:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 51%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 26px;
    border-color: transparent transparent transparent #ffffff;
  }
  #product #game-changer-video .top-video {
    display: block;
    color: #FF006B;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 4.5px;
    line-height: 23px;
    margin-bottom: 20px;
  }
  #product #game-changer-video .title-video {
    color: #000000;
    font-size: 30px;
    line-height: 40px;
    font-weight: 300;
    letter-spacing: 0.2px;
    margin-bottom: 20px;
  }
  #product #game-changer-video .popup-title {
    color: #000000;
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: 0.2px;
    margin-bottom: 20px;
  }
  #product #game-changer-video .text-video {
    color: #000000;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
    margin-bottom: 30px;
  }
  #product #game-changer-video .video-link {
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 15px 0 0;
    color: #FF006B;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
    position: relative;
  }
  #product #game-changer-video .video-link:before {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 6px;
    height: 1px;
    background: #FF006B;
    transform: rotate(45deg);
  }
  #product #game-changer-video .video-link:after {
    content: "";
    position: absolute;
    bottom: 6px;
    right: 0;
    width: 6px;
    height: 1px;
    background: #FF006B;
    transform: rotate(-45deg);
  }
  #product #game-changer-video .video-popup {
    display: none;
    position: fixed;
    z-index: 2;
    background: #000000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 720px;
    width: 100%;
    padding: 30px;
  }
  #product #game-changer-video .video-popup.opened {
    display: block;
    animation-name: opacityAnimation;
    animation-duration: 500ms;
  }
  #product #game-changer-video .video-popup .video-full {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  #product #game-changer-video .video-popup .video-full iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #product #game-content {
    padding: 80px 0;
    background: #ffffff;
    position: relative;
    z-index: 1;
  }
  #product #game-content .changer-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    position: relative;
    left: -15px;
  }
  #product #game-content .changer-list li {
    max-width: 373px;
    width: 100%;
    margin: 0 15px 50px;
  }
  #product #game-content .changer-list .game-link {
    text-decoration: none;
    cursor: pointer;
  }
  #product #game-content .changer-list .game-link .game-img {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    position: relative;
  }
  #product #game-content .changer-list .game-link .game-img::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #ffffff;
  }
  #product #game-content .changer-list .game-link .game-img::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50.5%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 18px;
    border-color: transparent transparent transparent #ffffff;
  }
  #product #game-content .changer-list .game-link .game-img:hover::before {
    background-color: #ffffff;
    transition: background-color 500ms ease;
  }
  #product #game-content .changer-list .game-link .game-img:hover::after {
    border-color: transparent transparent transparent #FF006B;
    transition: border-color 500ms ease;
  }
  #product #game-content .changer-list .game-link .game-title {
    color: #000000;
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
    letter-spacing: 0.2px;
    margin-bottom: 20px;
  }
  #product #game-content .changer-list .game-link .game-text {
    color: #000000;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
    margin-bottom: 20px;
  }
  #product #game-content .changer-list .game-link .game-link {
    color: #FF006B;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 23px;
    position: relative;
    padding-left: 25px;
  }
  #product #game-content .changer-list .game-link .game-link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(/mkt/assets/appdetailsv2/images/player.a465eed6.svg) no-repeat center bottom;
    background-size: cover;
  }
  #product #game-content .changer-list .game-link-video {
    display: none;
    position: fixed;
    z-index: 4;
    background: #000000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 720px;
    width: 100%;
    padding: 30px;
  }
  #product #game-content .changer-list .game-link-video.opened {
    display: block;
    animation-name: opacityAnimation;
    animation-duration: 500ms;
  }
  #product #game-content .changer-list .game-link-video .link-title {
    color: #ffffff;
    font-size: 20px;
    line-height: 32px;
    font-weight: 300;
    letter-spacing: 0.2px;
    margin-bottom: 20px;
  }
  #product #game-content .changer-list .game-link-video .frame-container {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    margin: 20px 0;
  }
  #product #game-content .changer-list .game-link-video .frame-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #product #game-changer-video .close-popup,
  #product #game-content .close-popup {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    appearance: none;
    cursor: pointer;
    padding: 0;
    background: none;
    border: none;
  }
  #product #game-changer-video .close-popup:before,
  #product #game-content .close-popup:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2px;
    transform: translate(-50%, -50%) rotate(45deg);
    background: #ffffff;
  }
  #product #game-changer-video .close-popup:after,
  #product #game-content .close-popup:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2px;
    transform: translate(-50%, -50%) rotate(-45deg);
    background: #ffffff;
  }
  #product #game-changer-video .social-media,
  #product #game-content .social-media {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    margin-top: 13px;
  }
  #product #game-changer-video .social-media a,
  #product #game-content .social-media a {
    text-decoration: none;
    margin: 0 15px;
  }
  #product #game-changer-video .social-media a .social,
  #product #game-content .social-media a .social {
    width: 18px;
  }
  #product #game-changer-video .social-media .red-text,
  #product #game-content .social-media .red-text {
    color: #FF006B;
    font-weight: 600;
    display: flex;
    justify-content: center;
    position: relative;
    padding-left: 25px;
  }
  #product #game-changer-video .social-media .red-text::before,
  #product #game-content .social-media .red-text::before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    width: 19px;
    height: 21px;
    background: url(/mkt/assets/appdetailsv2/images/social-podcast.e860056b.svg) no-repeat center center;
    background-size: cover;
  }
  #product #start-free {
    padding: 100px 0 80px;
    overflow: hidden;
  }
  #product #start-free .s-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
  }
  #product #start-free .s-grid .s-item.left .img-layer {
    position: relative;
  }
  #product #start-free .s-grid .s-item.left .img-layer::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -45px;
    right: -35px;
    width: 176.48px;
    height: 128px;
    background: url(/mkt/assets/appdetailsv2/images/dots.90312a55.png) no-repeat center center;
    background-size: cover;
  }
  #product #start-free .s-grid .s-item.left .img-layer::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -22px;
    left: -20px;
    width: 215px;
    height: 96px;
    background-color: rgba(0, 0, 0, 0.1);
  }
  #product #start-free .s-grid .s-item.left .img-layer img {
    margin: 0 auto;
  }
  #product #start-free .s-grid .s-item.right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #product #start-free .s-grid .s-item.right .under-section-title {
    text-align: left;
    line-height: 25px;
    margin-bottom: 20px;
  }
  #product #start-free .s-grid .s-item.right .under-section-title.mgn-btm {
    margin-bottom: 35px;
    margin-top: 0px;
  }
  
  @media only screen and (max-width: 1281px) {
    #product #game-changer-video .popup-title {
      font-size: 20px;
    }
  }
  @media only screen and (max-width: 1100px) {
    #product #mobile .content-grid {
      padding: 0;
    }
    #product #mobile .content-grid .content-right {
      padding: 0;
    }
  }
  @media only screen and (max-width: 1025px) {
    #product #product-hero {
      padding: 160px 0 80px;
    }
    #product #connect {
      padding: 60px 0;
    }
    #product #connect .connect-grid {
      padding: 0;
    }
    #product #connect .connect-grid .connect-item {
      padding: 20px;
    }
    #product #connect .connect-grid .connect-item.has-image {
      padding: 20px;
    }
    #product #insurance-content {
      padding: 60px 0;
    }
    #product #insurance-content h2 {
      font-size: 26px;
      line-height: 36px;
    }
    #product #insurance-content p {
      font-size: 16px;
      line-height: 20px;
    }
    #product #navigate #tabs-nav {
      padding: 0;
    }
    #product #navigate .tab-content {
      padding: 0;
    }
    #product #navigate .tab-content .tab-right {
      padding: 0;
    }
    #product #on-demand .on-demand-grid {
      padding: 0;
    }
    #product #on-demand .on-demand-grid .on-demand-item.left {
      padding: 0;
    }
    #product #game-changer-video .video-grid {
      grid-template-columns: repeat(1, 1fr);
      gap: 40px;
    }
    #product #game-changer-video .video-grid .video-item.left {
      max-width: 450px;
      width: 100%;
      margin: 0 auto;
    }
    #product #start-free {
      padding: 60px 0;
    }
    #product #start-free .s-grid {
      display: flex;
      flex-direction: column-reverse;
    }
  }
  @media only screen and (max-width: 769px) {
    #product .inside.box-mobile {
      background: #000000;
      position: relative;
      top: 230px;
      padding: 30px;
    }
    #product .inside.box-mobile .top-title,
    #product .inside.box-mobile .main-title {
      display: block;
      text-align: left;
    }
    #product #product-hero.height-mobile {
      min-height: 300px;
      padding: 0 30px;
      margin-bottom: 300px;
    }
    #product #product-hero.height-mobile .button {
      margin-top: 30px;
    }
    #product #product-hero.height-mobile .apple-cta {
      display: block;
      margin: 30px 0 0;
    }
    #product #product-hero .game-disclaimer {
      bottom: -300px;
    }
    #product #connect .connect-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #product #mobile .title-content {
      font-size: 24px;
      line-height: 29px;
      margin-bottom: 15px;
    }
    #product #mobile .text {
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 20px;
    }
    #product #navigate .inside.no-padding {
      padding: 0;
    }
    #product #navigate #tabs-nav {
      overflow: auto;
      white-space: nowrap;
    }
    #product #navigate #tabs-nav li {
      width: 155px;
      white-space: break-spaces;
    }
    #product #navigate .tab-content {
      grid-template-columns: repeat(1, 1fr);
    }
    #product #navigate .tab-content .tab-right .tab-title {
      font-size: 24px;
      line-height: 29px;
      margin-bottom: 15px;
    }
    #product #navigate .tab-content .tab-right .tab-desc {
      font-size: 16px;
      line-height: 22px;
    }
    #product #on-demand .on-demand-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #product #on-demand .on-demand-grid .on-demand-item.left .section-title {
      font-size: 24px;
      line-height: 29px;
    }
    #product #on-demand .on-demand-grid .on-demand-item.left .on-demand-text {
      font-size: 16px;
      line-height: 22px;
      margin: 15px 0;
    }
  }
  @media only screen and (max-width: 500px) {
    #product #product-hero .game-disclaimer.close::before {
      top: 13px;
      right: 0;
    }
    #product #product-hero .game-disclaimer.close::after {
      top: 13px;
      right: 0;
    }
    #product #mobile .ctas-container {
      width: 100%;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    #product #mobile .ctas-container .apple-cta.margin-right {
      margin: 0 0 20px;
    }
  }
  #about #about-hero,
  #about #why-hero,
  #why-data #about-hero,
  #why-data #why-hero {
    padding: 200px 0 120px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
  }
  #about #about-hero:before,
  #about #why-hero:before,
  #why-data #about-hero:before,
  #why-data #why-hero:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  #about #about-hero .main-title,
  #about #why-hero .main-title,
  #why-data #about-hero .main-title,
  #why-data #why-hero .main-title {
    max-width: 900px;
  }
  #about #our-platform,
  #why-data #our-platform {
    padding: 95px 0 80px;
  }
  #about #our-platform .about-grid,
  #why-data #our-platform .about-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  #about #our-platform .about-grid .about-item.left,
  #why-data #our-platform .about-grid .about-item.left {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  #about #our-platform .about-grid .about-item .img-container,
  #why-data #our-platform .about-grid .about-item .img-container {
    position: relative;
  }
  #about #our-platform .about-grid .about-item .img-container:before,
  #why-data #our-platform .about-grid .about-item .img-container:before {
    content: "";
    position: absolute;
    top: -34px;
    right: -29px;
    width: 206.82px;
    height: 150px;
    background: url(/mkt/assets/appdetailsv2/images/dots.90312a55.png) no-repeat center;
    background-size: cover;
  }
  #about #our-platform .about-grid .about-item .img-container:after,
  #why-data #our-platform .about-grid .about-item .img-container:after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: -31px;
    width: 214.23px;
    height: 226px;
    background: rgba(0, 0, 0, 0.1);
    opacity: 15%;
  }
  #about #our-platform .about-grid .about-item .img-container img,
  #why-data #our-platform .about-grid .about-item .img-container img {
    position: relative;
    z-index: 2;
  }
  #about #our-platform .about-grid .about-item .section-title,
  #why-data #our-platform .about-grid .about-item .section-title {
    text-align: left;
    margin-bottom: 30px;
  }
  #about #our-platform .about-grid .about-item .button,
  #why-data #our-platform .about-grid .about-item .button {
    display: inline-block;
    margin-top: 15px;
  }
  #about #know-us,
  #why-data #know-us {
    padding: 67px 0;
    background: #F9FAFB;
  }
  #about #advantage,
  #why-data #advantage {
    padding: 67px 0;
    background: #ffffff;
  }
  #about #best-in-class,
  #why-data #best-in-class {
    padding: 30px 0 120px;
  }
  #about #best-in-class .section-title,
  #why-data #best-in-class .section-title {
    max-width: 880px;
    margin: 0 auto;
  }
  #about #best-in-class .double-grid,
  #why-data #best-in-class .double-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 60px;
    gap: 60px 30px;
  }
  #about #best-in-class .double-grid .double-item,
  #why-data #best-in-class .double-grid .double-item {
    padding: 0 15px 0 85px;
    position: relative;
  }
  #about #best-in-class .double-grid .double-item .double-picto,
  #why-data #best-in-class .double-grid .double-item .double-picto {
    position: absolute;
    top: 6px;
    left: 35px;
    max-width: 32px;
    height: auto;
  }
  #about #best-in-class .double-grid .double-item .double-title,
  #why-data #best-in-class .double-grid .double-item .double-title {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 28px;
    margin-bottom: 12px;
    text-transform: uppercase;
  }
  #about #best-in-class .double-grid .double-item .double-text,
  #why-data #best-in-class .double-grid .double-item .double-text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
    margin-bottom: 12px;
  }
  #about #trusted-source,
  #about #customers-rely,
  #why-data #trusted-source,
  #why-data #customers-rely {
    padding: 60px 0 80px;
  }
  #about #trusted-source .section-title,
  #about #customers-rely .section-title,
  #why-data #trusted-source .section-title,
  #why-data #customers-rely .section-title {
    max-width: 900px;
    margin: 0 auto 30px;
  }
  #about #trusted-source .top-logos-container,
  #about #customers-rely .top-logos-container,
  #why-data #trusted-source .top-logos-container,
  #why-data #customers-rely .top-logos-container {
    display: block;
    margin: 0 auto 20px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 28px;
    text-transform: uppercase;
    text-align: center;
  }
  #about #milestones,
  #why-data #milestones {
    padding: 55px 0 115px;
    background: #800035;
    position: relative;
  }
  #about #milestones:before,
  #why-data #milestones:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(38.81deg, #000000 0%, rgba(0, 0, 0, 0.24) 100%);
  }
  #about #milestones .section-title,
  #why-data #milestones .section-title {
    text-align: left;
    margin-bottom: 30px;
  }
  #about #milestones .milestones-slider,
  #why-data #milestones .milestones-slider {
    opacity: 0;
  }
  #about #milestones .milestones-slider.slick-initialized,
  #why-data #milestones .milestones-slider.slick-initialized {
    opacity: 1;
    transition: opacity 750ms ease;
  }
  #about #milestones .milestones-slider .slick-list,
  #why-data #milestones .milestones-slider .slick-list {
    overflow: visible;
  }
  #about #milestones .milestones-slider .slick-slide,
  #why-data #milestones .milestones-slider .slick-slide {
    width: 330px;
    height: 300px;
    margin-right: 30px;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 0 15px 0 #E7E8EC;
    padding: 33px 41px;
  }
  #about #milestones .milestones-slider > div,
  #why-data #milestones .milestones-slider > div {
    height: 100%;
    border-radius: 8px;
  }
  #about #milestones .milestones-slider .milestones-date,
  #why-data #milestones .milestones-slider .milestones-date {
    display: block;
    margin-bottom: 20px;
    color: #000000;
    font-size: 32px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 40px;
  }
  #about #milestones .milestones-slider .milestones-text,
  #why-data #milestones .milestones-slider .milestones-text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
  }
  #about #milestones .milestones-slider .slick-arrow,
  #why-data #milestones .milestones-slider .slick-arrow {
    appearance: none;
    font-size: 0;
    border: none;
    padding: 0;
    position: absolute;
    bottom: -60px;
    width: 30px;
    height: 30px;
    background: transparent url(/mkt/assets/appdetailsv2/images/slider-white.76e2908e.svg) no-repeat center;
    background-size: cover;
    cursor: pointer;
  }
  #about #milestones .milestones-slider .slick-arrow.slick-prev,
  #why-data #milestones .milestones-slider .slick-arrow.slick-prev {
    left: 0;
  }
  #about #milestones .milestones-slider .slick-arrow.slick-prev.slick-disabled,
  #why-data #milestones .milestones-slider .slick-arrow.slick-prev.slick-disabled {
    opacity: 0.5;
    pointer-events: none;
  }
  #about #milestones .milestones-slider .slick-arrow.slick-next,
  #why-data #milestones .milestones-slider .slick-arrow.slick-next {
    left: 50px;
    transform: rotate(180deg);
  }
  #about #milestones .milestones-slider .slick-arrow.slick-next.slick-disabled,
  #why-data #milestones .milestones-slider .slick-arrow.slick-next.slick-disabled {
    opacity: 0.5;
    pointer-events: none;
  }
  #about #about-people,
  #why-data #about-people {
    padding: 90px 0;
    background: #F9FAFB;
    position: relative;
  }
  #about #about-people .size,
  #why-data #about-people .size {
    max-width: 400px;
  }
  #about #about-people .size .section-title,
  #why-data #about-people .size .section-title {
    text-align: left;
    margin-bottom: 30px;
  }
  #about #about-people .size .ppl-text,
  #why-data #about-people .size .ppl-text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
    margin-bottom: 30px;
  }
  #about #about-people .full-image,
  #why-data #about-people .full-image {
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
  #about #why-data-ai,
  #why-data #why-data-ai {
    padding: 100px 0;
  }
  #about #why-data-ai .button,
  #why-data #why-data-ai .button {
    margin-top: 50px;
  }
  
  @media only screen and (max-width: 1025px) {
    #about #about-hero,
    #about #why-hero,
    #why-data #about-hero,
    #why-data #why-hero {
      padding: 140px 0 80px;
    }
    #about #our-platform,
    #why-data #our-platform {
      padding: 60px 0;
    }
    #about #our-platform .about-grid.reverse-mobile,
    #why-data #our-platform .about-grid.reverse-mobile {
      display: flex;
      flex-direction: column-reverse;
    }
    #about #our-platform .about-grid.reverse-mobile .img-container,
    #why-data #our-platform .about-grid.reverse-mobile .img-container {
      max-width: 450px;
    }
    #about #why-data-ai,
    #why-data #why-data-ai {
      padding: 60px 0;
    }
    #about #best-in-class .double-grid .double-item,
    #why-data #best-in-class .double-grid .double-item {
      padding: 0 0 0 50px;
    }
    #about #best-in-class .double-grid .double-item .double-picto,
    #why-data #best-in-class .double-grid .double-item .double-picto {
      left: 0;
    }
  }
  @media only screen and (max-width: 769px) {
    #about .inside.box-mobile,
    #why-data .inside.box-mobile {
      background: #000000;
      position: relative;
      top: 230px;
      padding: 30px;
    }
    #about .inside.box-mobile .top-title,
    #about .inside.box-mobile .main-title,
    #why-data .inside.box-mobile .top-title,
    #why-data .inside.box-mobile .main-title {
      display: block;
      text-align: left;
    }
    #about .inside.box-mobile .under-section-title,
    #why-data .inside.box-mobile .under-section-title {
      text-align: left;
    }
    #about #about-hero.height-mobile,
    #why-data #about-hero.height-mobile {
      min-height: 300px;
      padding: 0 30px;
      margin-bottom: 300px;
    }
    #about #milestones .milestones-slider .slick-slide,
    #why-data #milestones .milestones-slider .slick-slide {
      width: 260px;
      height: 260px;
      padding: 20px;
    }
    #about #milestones .milestones-slider .milestones-date,
    #why-data #milestones .milestones-slider .milestones-date {
      font-size: 22px;
      line-height: 26px;
    }
    #about #milestones .milestones-slider .milestones-text,
    #why-data #milestones .milestones-slider .milestones-text {
      font-size: 15px;
      line-height: 18px;
    }
    #about #best-in-class .double-grid,
    #why-data #best-in-class .double-grid {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  @media only screen and (max-width: 641px) {
    #about #about-people,
    #why-data #about-people {
      padding: 60px 0;
    }
    #about #about-people .size,
    #why-data #about-people .size {
      max-width: 100%;
    }
    #about #about-people .size .ppl-text,
    #why-data #about-people .size .ppl-text {
      font-size: 16px;
      line-height: 20px;
    }
    #about #about-people .full-image,
    #why-data #about-people .full-image {
      display: none;
    }
  }
  .visibily-flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 50px;
  }
  .visibily-flex .visibility-item {
    margin: 0 15px 50px 15px;
    padding: 0 15px;
  }
  .visibily-flex .visibility-item .item-box {
    width: 90px;
    height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
  }
  .visibily-flex .visibility-item .item-box img {
    width: 100%;
  }
  .visibily-flex .visibility-item .item-top {
    display: block;
    text-align: center;
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 28px;
    margin-bottom: 10px;
    text-transform: uppercase;
  }
  .visibily-flex .visibility-item .item-top.resize {
    max-width: 190px;
    width: 100%;
    height: 58px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    margin: 0 auto 10px;
  }
  .visibily-flex .visibility-item .item-text {
    max-width: 320px;
    margin: 0 auto;
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
    text-align: center;
  }
  .visibily-flex .visibility-item .link {
    display: inline-block;
    margin: 20px auto 0;
  }
  
  #leadership {
    padding: 160px 0 0;
  }
  #leadership .inside {
    z-index: inherit;
  }
  #leadership .leader-title {
    color: #000000;
    font-size: 46px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 58px;
    text-align: center;
  }
  #leadership .team {
    margin-bottom: 50px;
  }
  #leadership .leader-under-title {
    max-width: 640px;
    margin: 30px auto 0;
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 23px;
    text-align: center;
  }
  #leadership .leader-highlight {
    max-width: 350px;
    width: 100%;
    margin: 60px auto 0;
  }
  #leadership .leader-highlight .leader-item .extended-bio {
    left: 50%;
    transform: translateX(-50%);
  }
  #leadership .leader-highlight .leader-item .extended-bio:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #ffffff transparent;
    filter: drop-shadow(rgb(231, 232, 236) 0px -2px 2px);
  }
  #leadership .leader-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 30px;
    margin-top: 60px;
  }
  #leadership .leader-grid .leader-item:nth-of-type(3n+1) .extended-bio {
    left: 0;
  }
  #leadership .leader-grid .leader-item:nth-of-type(3n+1) .extended-bio:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 165px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #ffffff transparent;
    filter: drop-shadow(rgb(231, 232, 236) 0px -2px 2px);
  }
  #leadership .leader-grid .leader-item:nth-of-type(3n+2) .extended-bio {
    left: 50%;
    transform: translateX(-50%);
  }
  #leadership .leader-grid .leader-item:nth-of-type(3n+2) .extended-bio:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #ffffff transparent;
    filter: drop-shadow(rgb(231, 232, 236) 0px -2px 2px);
  }
  #leadership .leader-grid .leader-item:nth-of-type(3n+3) .extended-bio {
    right: 0;
  }
  #leadership .leader-grid .leader-item:nth-of-type(3n+3) .extended-bio:before {
    content: "";
    position: absolute;
    top: -20px;
    right: 165px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #ffffff transparent;
    filter: drop-shadow(rgb(231, 232, 236) 0px -2px 2px);
  }
  #leadership .leader-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }
  #leadership .leader-item.show-bio .extended-bio {
    display: block;
    animation-name: opacityAnimation;
    animation-duration: 600ms;
  }
  #leadership .leader-item .leader-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 200px;
    height: 200px;
    border-radius: 50%;
  }
  #leadership .leader-item .leader-caption {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  #leadership .leader-item .leader-name {
    display: block;
    margin: 40px 0 15px;
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 28px;
  }
  #leadership .leader-item .leader-job {
    display: block;
    margin-bottom: 15px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
  }
  #leadership .leader-item .leader-job.center {
    text-align: center;
  }
  #leadership .leader-item .link {
    appearance: none;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0 15px 0 0;
  }
  #leadership .leader-item .extended-bio {
    display: none;
    background: #ffffff;
    position: absolute;
    z-index: 1;
    top: 225px;
    width: 250%;
    padding: 30px;
    box-shadow: 0 0 8px 0 #E7E8EC;
  }
  #leadership .leader-item .extended-bio .close-bio {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    appearance: none;
    background: transparent;
    padding: 0;
    border: none;
    cursor: pointer;
  }
  #leadership .leader-item .extended-bio .close-bio:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 100%;
    height: 2px;
    background: #FF006B;
  }
  #leadership .leader-item .extended-bio .close-bio:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 100%;
    height: 2px;
    background: #FF006B;
  }
  #leadership .leader-item .bio-grid {
    display: grid;
    grid-template-columns: 30% 70%;
    gap: 30px;
  }
  #leadership .leader-item .bio-grid .bio-right {
    padding-right: 30px;
  }
  #leadership .leader-item .bio-grid .bio-name {
    display: block;
    color: #000000;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 32px;
    margin-bottom: 15px;
  }
  #leadership .leader-item .bio-grid .bio-links li {
    margin-bottom: 20px;
  }
  #leadership .leader-item .bio-grid .bio-links li:last-child {
    margin-bottom: 0;
  }
  #leadership .leader-item .bio-grid .bio-links li a {
    text-decoration: none;
    color: #FF006B;
    position: relative;
    padding-left: 25px;
  }
  #leadership .leader-item .bio-grid .bio-links li a.linkedin:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 14.018px;
    height: 13.262px;
    background: url(/mkt/assets/appdetailsv2/images/linkedin.svg) no-repeat top center;
    background-size: cover;
  }
  #leadership .leader-item .bio-grid .bio-links li a.interview:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    width: 9.5px;
    height: 15px;
    background: url(/mkt/assets/appdetailsv2/images/picto-3.5f162465.png) no-repeat top center;
    background-size: cover;
  }
  #leadership .leader-item .bio-grid .bio-links li a.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(/mkt/assets/appdetailsv2/images/download.b97b12dd.svg) no-repeat top center;
    background-size: cover;
  }
  #leadership .leader-item .bio-grid .bio-about {
    display: block;
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 26px;
    margin-bottom: 15px;
  }
  #leadership .leader-item .bio-grid .bio-text {
    color: #000000;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2px;
    margin-bottom: 15px;
  }
  #leadership .leader-item .bio-grid .fav-apps {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  #leadership .leader-item .bio-grid .fav-apps li {
    margin-right: 3px;
  }
  #leadership .leader-item .bio-grid .fav-apps li:last-child {
    margin-right: 0;
  }
  #leadership .leader-item .bio-grid .fav-apps li a {
    color: #FF006B;
  }
  #leadership .leader-item .bio-grid .itw-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    max-height: 330px;
    overflow: scroll;
  }
  #leadership .leader-item .bio-grid .itw-list li .itw-link {
    text-decoration: none;
    color: #FF006B;
  }
  #leadership .leader-item .bio-grid .itw-list li .itw-link .itw-img {
    width: 100%;
    height: 140px;
    margin-bottom: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #leadership #investors {
    padding: 50px 0 60px;
  }
  #leadership #investors .logos-container {
    margin-top: 60px;
  }
  #leadership #investors .logos-container .item {
    max-width: 180px;
  }
  #leadership #hiring {
    padding: 70px 0;
    background: #800035;
    position: relative;
    text-align: center;
  }
  #leadership #hiring:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(38.81deg, #000000 0%, rgba(0, 0, 0, 0.24) 100%);
  }
  #leadership #hiring .inside {
    z-index: 2;
  }
  #leadership #hiring .section-title {
    max-width: 945px;
    margin: 0 auto 60px;
  }
  
  @media only screen and (max-width: 900px) {
    #leadership {
      padding: 130px 0 0;
    }
    #leadership .leader-grid {
      grid-template-columns: repeat(2, 1fr);
    }
    #leadership .leader-grid .leader-item:nth-of-type(2n+1) .extended-bio {
      left: 0;
      transform: none;
    }
    #leadership .leader-grid .leader-item:nth-of-type(2n+1) .extended-bio:before {
      left: 165px;
    }
    #leadership .leader-grid .leader-item:nth-of-type(2n+2) .extended-bio {
      right: 0;
      left: auto;
      transform: none;
    }
    #leadership .leader-grid .leader-item:nth-of-type(2n+2) .extended-bio:before {
      left: auto;
      transform: none;
      right: 165px;
    }
    #leadership .leader-item .extended-bio {
      width: 200%;
    }
  }
  @media only screen and (max-width: 700px) {
    #leadership .leader-highlight {
      max-width: none;
    }
    #leadership .leader-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #leadership .leader-grid .leader-item:nth-of-type(2n+1) .extended-bio {
      left: 50%;
      transform: translateX(-50%);
    }
    #leadership .leader-grid .leader-item:nth-of-type(2n+1) .extended-bio:before {
      left: 50%;
      transform: translateX(-50%);
    }
    #leadership .leader-grid .leader-item:nth-of-type(2n+2) .extended-bio {
      right: auto;
      left: 50%;
      transform: translateX(-50%);
    }
    #leadership .leader-grid .leader-item:nth-of-type(2n+2) .extended-bio:before {
      right: auto;
      left: 50%;
      transform: translateX(-50%);
    }
    #leadership .leader-grid .leader-item .extended-bio {
      width: 100%;
    }
    #leadership .leader-item .extended-bio {
      width: 100%;
    }
  }
  @media only screen and (max-width: 560px) {
    #leadership .leader-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #leadership .leader-item .bio-grid {
      grid-template-columns: repeat(1, 1fr);
      gap: 15px;
    }
    #leadership .leader-item .bio-grid .bio-right {
      padding-right: 0;
    }
  }
  @media only screen and (max-width: 440px) {
    #leadership .leader-item .bio-grid .itw-list {
      grid-template-columns: repeat(1, 1fr);
      max-height: 220px;
    }
  }
  #demo {
    padding: 75px 0;
    background-color: rgba(0, 0, 0, 0.75);
  }
  #demo .section-title {
    margin-bottom: 40px;
  }
  #demo .demo-form {
    max-width: 955px;
    width: 100%;
    margin: 0 auto;
  }
  #demo .demo-form .form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 20px;
  }
  #demo .demo-form .form-row {
    margin-bottom: 20px;
  }
  #demo .demo-form .form-label {
    display: block;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin-bottom: 6px;
  }
  #demo .demo-form .checkbox-label {
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
  }
  #demo .demo-form .form-small-text {
    color: #DBDEE4;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    max-width: 750px;
  }
  #demo .demo-form .form-small-text a {
    color: #ffffff;
  }
  #demo .demo-form .form-input {
    width: 100%;
    height: 50px;
    background: #ffffff;
    border: 1px solid #ffffff;
    padding: 4px 16px;
  }
  #demo .demo-form .form-area {
    width: 100%;
    height: 90px;
  }
  #demo .demo-form .form-cta {
    appearance: none;
    text-transform: uppercase;
    padding: 20px 33px 21px 32px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 23px;
    color: #ffffff;
    background: #FF006B;
    border: 1px solid #FF006B;
  }
  
  #plans .button {
    text-align: center;
  }
  #plans #plans-hero {
    padding: 145px 0 65px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
  }
  #plans #plans-hero:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  #plans #plans-hero .hero-container {
    background: #ffffff;
    padding: 60px;
    max-width: 623px;
    position: relative;
  }
  #plans #plans-hero .hero-container::before {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    bottom: -15px;
    left: -15px;
    background: rgba(255, 255, 255, 0.768);
    z-index: -1;
  }
  #plans #plans-hero .hero-container::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    top: -15px;
    right: -15px;
    background: url(/mkt/assets/appdetailsv2/images/free.0bcf0655.svg) no-repeat center center;
    background-size: cover;
    z-index: -1;
  }
  #plans #plans-hero .hero-container .title-top {
    display: block;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #000000;
    font-size: 18px;
    letter-spacing: 4.5px;
    line-height: 23px;
  }
  #plans #plans-hero .hero-container .plans-title {
    color: #000000;
    font-size: 46px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 58px;
    margin-bottom: 20px;
  }
  #plans #plans-hero .hero-container .hero-text {
    color: rgba(0, 0, 0, 0.75);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 30px;
    margin-bottom: 35px;
  }
  #plans #plans-content {
    padding: 60px 0 80px;
    overflow: hidden;
  }
  #plans #plans-content .plans-top {
    padding: 44px 65px 43px 64px;
    background-color: #800035;
    position: relative;
    margin-bottom: 60px;
  }
  #plans #plans-content .plans-top:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(38.81deg, #000000 0%, rgba(0, 0, 0, 0.24) 100%);
  }
  #plans #plans-content .plans-top span,
  #plans #plans-content .plans-top p {
    position: relative;
    z-index: 2;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 23px;
  }
  #plans #plans-content .plans-top span a,
  #plans #plans-content .plans-top p a {
    color: #ffffff;
  }
  #plans #plans-content .plans-top span {
    display: block;
    margin-bottom: 25px;
  }
  #plans #plans-content .plans-top u {
    color: #FF006B;
  }
  #plans #plans-content .plans-top u:hover {
    font-weight: 500;
  }
  #plans #plans-content .plans-list .accordion {
    padding: 11px 25px;
  }
  #plans #plans-content .plans-list .accordion:nth-child(even) {
    background: #F3F5F7;
  }
  #plans #plans-content .plans-list .click-info {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  #plans #plans-content .plans-list .click-info.overflow {
    overflow: visible;
  }
  #plans #plans-content .plans-list .click-info .plans-row {
    padding: 24px 25px 0 25px;
  }
  #plans #plans-content .plans-list .click-info .inner-infos .inner-list {
    padding: 15px 0 0;
  }
  #plans #plans-content .plans-list .click-info .inner-infos .inner-list .inner-item {
    display: grid;
    grid-template-columns: 70% 15% 15%;
    margin-bottom: 15px;
  }
  #plans #plans-content .plans-list .click-info .inner-infos .inner-list .inner-item:last-child {
    margin-bottom: 0;
  }
  #plans #plans-content .plans-list .click-info .inner-infos .inner-list .inner-item span {
    padding-left: 30px;
    padding-right: 20px;
    color: rgba(0, 0, 0, 0.75);
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 23px;
  }
  #plans #plans-content .plans-list .click-info .inner-infos .inner-list .inner-item .flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  #plans #plans-content .plans-list .click-info .inner-infos .inner-list .inner-item .flex .icon-info {
    appearance: none;
    background: transparent;
    border: transparent;
    background: none;
    padding: 0;
    position: relative;
  }
  #plans #plans-content .plans-list .click-info .inner-infos .inner-list .inner-item .flex .icon-info::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    top: 50%;
    transform: translateY(-50%);
    left: -4px;
    background: url(/mkt/assets/appdetailsv2/images/info.svg) no-repeat center center;
    background-size: cover;
    cursor: pointer;
  }
  #plans #plans-content .plans-list .click-info .inner-infos .inner-list .inner-item .flex .icon-info .bubble-info {
    display: none;
  }
  #plans #plans-content .plans-list .click-info .inner-infos .inner-list .inner-item .flex .icon-info .bubble-info::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: -12px;
    transform: translateY(-50%);
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #000000 transparent transparent;
  }
  #plans #plans-content .plans-list .click-info .inner-infos .inner-list .inner-item .flex .icon-info .bubble-info.active {
    display: block;
    text-align: left;
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 20px;
    background-color: #000000;
    padding: 10px;
    max-width: 430px;
    position: absolute;
    z-index: 2;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 600ms ease;
  }
  #plans #plans-content .plans-list .click-info .inner-infos .inner-list .inner-item .has-picto:before {
    width: 8px;
    height: 8px;
  }
  #plans #plans-content .plans-list .plans-row {
    display: grid;
    grid-template-columns: 70% 15% 15%;
  }
  #plans #plans-content .plans-list .plans-row.padding-list {
    padding: 0 25px 24px;
  }
  #plans #plans-content .plans-list .plans-row.padding-list .plans-left {
    padding-left: 20px;
  }
  #plans #plans-content .plans-list .plans-row.active .plans-left span:after {
    opacity: 0;
  }
  #plans #plans-content .plans-list .plans-left span {
    color: #000000;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 23px;
    padding-left: 30px;
    position: relative;
    cursor: pointer;
  }
  #plans #plans-content .plans-list .plans-left span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 14px;
    height: 1px;
    background: #FF006B;
  }
  #plans #plans-content .plans-list .plans-left span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 7px;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: #FF006B;
    transition: opacity 500ms ease;
  }
  #plans #plans-content .plans-list .flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #plans #plans-content .plans-list .info-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  #plans #plans-content .plans-list .info-list li {
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 22px;
    padding-left: 22px;
    margin-right: 40px;
    position: relative;
  }
  #plans #plans-content .plans-list .info-list li:last-child {
    margin-right: 0;
  }
  #plans #plans-content .plans-list .info-list li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
  }
  #plans #plans-content .plans-list .info-list li.not:before {
    background: url(/mkt/assets/appdetailsv2/images/circle.3a7c1f15.png) no-repeat center;
    background-size: cover;
  }
  #plans #plans-content .plans-list .info-list li.some:before {
    background: url(/mkt/assets/appdetailsv2/images/cirlce-2.11424802.png) no-repeat center;
    background-size: cover;
  }
  #plans #plans-content .plans-list .info-list li.all:before {
    background: url(/mkt/assets/appdetailsv2/images/circle.98441cd1.png) no-repeat center;
    background-size: cover;
  }
  #plans #plans-content .plans-list .plans-type {
    color: #FF006B;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    position: relative;
  }
  #plans #plans-content .plans-list .plans-type.icone {
    padding-left: 27px;
    position: relative;
  }
  #plans #plans-content .plans-list .plans-type.icone:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 19px;
    height: 16.24px;
    background: url(/mkt/assets/appdetailsv2/images/picto.e3e892a1.png) no-repeat center;
    background-size: cover;
  }
  #plans #plans-content .has-picto {
    position: relative;
  }
  #plans #plans-content .has-picto.full:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 13px;
    height: 12px;
    background: url(/mkt/assets/appdetailsv2/images/circle.98441cd1.png) no-repeat center;
    background-size: cover;
    cursor: pointer;
  }
  #plans #plans-content .has-picto.half:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 13px;
    height: 12px;
    background: url(/mkt/assets/appdetailsv2/images/cirlce-2.11424802.png) no-repeat center;
    background-size: cover;
    cursor: pointer;
  }
  #plans #plans-content .has-picto.empty:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 13px;
    height: 12px;
    background: url(/mkt/assets/appdetailsv2/images/circle.3a7c1f15.png) no-repeat center;
    background-size: cover;
    cursor: pointer;
  }
  #plans #plans-content .questions-grid {
    margin-top: 90px;
    display: grid;
    grid-template-columns: 4fr 8fr;
    gap: 30px;
  }
  #plans #plans-content .questions-grid .questions-item.left {
    padding-left: 35px;
  }
  #plans #plans-content .questions-grid .questions-item.left .section-title {
    text-align: left;
  }
  #plans #plans-content .questions-grid .questions-item .question-list {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.25);
    padding: 34px 62px 33px;
    position: relative;
    background: #ffffff;
  }
  #plans #plans-content .questions-grid .questions-item .question-list:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -21px;
    left: -20px;
    width: 285px;
    height: 110px;
    background: rgba(0, 0, 0, 0.1);
  }
  #plans #plans-content .questions-grid .questions-item .question-list:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -58px;
    right: -37px;
    width: 228px;
    height: 147px;
    background: url(/mkt/assets/appdetailsv2/images/dots.07453c90.png) no-repeat center;
    background-size: cover;
  }
  #plans #plans-content .questions-grid .questions-item .question-list li {
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  }
  #plans #plans-content .questions-grid .questions-item .question-list li:last-child {
    border-bottom: none;
  }
  #plans #plans-content .questions-grid .questions-item .question-list li .clickable {
    padding: 24px 0;
    color: #000000;
    font-size: 18px;
    letter-spacing: 0.2px;
    position: relative;
  }
  #plans #plans-content .questions-grid .questions-item .question-list li .clickable.active:after {
    opacity: 0;
  }
  #plans #plans-content .questions-grid .questions-item .question-list li .clickable:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 14px;
    height: 1px;
    background: #FF006B;
  }
  #plans #plans-content .questions-grid .questions-item .question-list li .clickable:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: #FF006B;
    transition: opacity 500ms ease;
  }
  #plans #plans-content .questions-grid .questions-item .question-list li .question-desc {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  #plans #plans-content .questions-grid .questions-item .question-list li .question-desc .question-content {
    padding: 0 24px 24px;
    color: rgba(0, 0, 0, 0.25);
    line-height: 16px;
  }
  #plans #plans-content .plans-help {
    margin-top: 100px;
  }
  #plans #plans-content .plans-help p {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 23px;
    text-align: center;
    margin-top: 20px;
  }
  #plans #plans-content .plans-help p a {
    color: #FF006B;
    font-weight: 500;
    text-decoration: none;
  }
  #plans #plans-content .plans-help p a:hover {
    color: #800035;
  }
  
  @media only screen and (max-width: 1025px) {
    #plans .section.height-mobile {
      min-height: 300px;
      padding: 0 30px;
      margin-bottom: 180px;
    }
    #plans #plans-hero .hero-container {
      max-width: 100%;
    }
    #plans #plans-hero .hero-container::before {
      content: none;
    }
    #plans #plans-hero .hero-container::after {
      content: none;
    }
    #plans #plans-hero .hero-container.box-mobile {
      position: relative;
      top: 230px;
      padding: 30px;
    }
    #plans #plans-content {
      padding: 60px 0 0;
    }
    #plans #plans-content .questions-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #plans #plans-content .questions-grid .questions-item.left {
      padding-left: 0;
    }
  }
  @media only screen and (max-width: 769px) {
    #plans #plans-hero .hero-top {
      padding: 15px 0;
    }
    #plans #plans-content .plans-top {
      padding: 40px 20px;
      margin-bottom: 30px;
    }
    #plans #plans-content .plans-list .plans-row.padding-list .plans-left {
      padding-left: 0;
    }
    #plans #plans-content .plans-list .plans-type {
      font-size: 15px;
      line-height: 18px;
    }
    #plans #plans-content .plans-list .plans-type.icone {
      padding-left: 0;
    }
    #plans #plans-content .plans-list .plans-type.icone:before {
      top: -20px;
      left: 50%;
      transform: translateX(-50%);
    }
    #plans #plans-content .plans-list .plans-left span {
      font-size: 15px;
      line-height: 18px;
    }
    #plans #plans-content .plans-list .click-info .inner-infos .inner-list .inner-item span {
      font-size: 13px;
      line-height: 15px;
      padding-left: 20px;
    }
    #plans #plans-content .questions-grid {
      padding: 0 30px;
    }
    #plans #plans-content .questions-grid .questions-item .question-list {
      padding: 20px;
    }
    #plans #plans-content .plans-help {
      padding: 0 30px;
      margin-top: 50px;
    }
  }
  @media only screen and (max-width: 641px) {
    #plans #plans-content .plans-list .plans-row.padding-list {
      padding: 0 15px 15px;
    }
    #plans #plans-content .plans-list .accordion {
      padding: 11px 15px;
    }
    #plans #plans-content .plans-list .plans-left {
      padding-left: 20px;
    }
    #plans #plans-content .plans-list .plans-left span {
      padding-left: 0;
    }
    #plans #plans-content .plans-list .plans-left span:before {
      left: -20px;
    }
    #plans #plans-content .plans-list .plans-left span:after {
      left: -13px;
    }
  }
  @media only screen and (max-width: 421px) {
    #plans #plans-content .plans-list .click-info .inner-infos .inner-list .inner-item .flex .icon-info .bubble-info {
      font-size: 13px;
      width: 180px;
      padding: 15px;
    }
  }
  #contact-page #contact-hero {
    padding: 200px 0 120px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
  }
  #contact-page #contact-hero:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  #contact-page #contact-hero .under-section-title {
    color: #ffffff;
  }
  #contact-page #contact-content {
    padding: 80px 0;
  }
  #contact-page #contact-content .contact-grid {
    max-width: 950px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 60px;
  }
  #contact-page #contact-content .contact-grid .contact-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  #contact-page #contact-content .contact-grid .contact-item .img-box {
    width: 80px;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
  }
  #contact-page #contact-content .contact-grid .contact-item .img-box img {
    max-height: 100%;
  }
  #contact-page #contact-content .contact-grid .contact-item .contact-city {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
  }
  #contact-page #contact-support {
    padding: 60px 0;
    background: #F9FAFB;
  }
  #contact-page #contact-support .section-title {
    margin-bottom: 20px;
  }
  #contact-page #contact-support p {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 23px;
    text-align: center;
  }
  #contact-page #contact-support p a {
    color: #FF006B;
    font-weight: 500;
    text-decoration: none;
  }
  
  @media only screen and (max-width: 1025px) {
    #contact-page #contact-hero {
      padding: 140px 0 80px;
    }
  }
  @media only screen and (max-width: 769px) {
    #contact-page .inside.box-mobile {
      background: #000000;
      position: relative;
      top: 200px;
      padding: 30px;
    }
    #contact-page .inside.box-mobile .top-title,
    #contact-page .inside.box-mobile .main-title {
      display: block;
      text-align: left;
    }
    #contact-page .inside.box-mobile .under-section-title {
      text-align: left;
    }
    #contact-page #contact-hero {
      background-position: left center;
    }
    #contact-page #contact-hero.height-mobile {
      min-height: 300px;
      padding: 0 30px;
      margin-bottom: 300px;
      margin-top: 40px;
    }
  }
  @media only screen and (max-width: 641px) {
    #contact-page #contact-content {
      padding: 60px 0;
    }
    #contact-page #contact-content .contact-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  #platform #platform-hero {
    padding: 145px 0 65px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
  }
  #platform #platform-hero:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  #platform #platform-hero .hero-container {
    background: #000000;
    padding: 62px 76px 62px 77px;
    max-width: 623px;
    position: relative;
  }
  #platform #platform-hero .hero-container::before {
    content: "";
    position: absolute;
    width: 200px;
    height: 150px;
    left: -20px;
    bottom: -20px;
    background-color: rgba(76, 75, 75, 0.69);
    z-index: -1;
  }
  #platform #platform-hero .hero-container .title-top {
    display: block;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 4.5px;
    line-height: 23px;
  }
  #platform #platform-hero .hero-container .plans-title {
    color: #ffffff;
    font-size: 46px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 58px;
    margin-bottom: 20px;
  }
  #platform #platform-hero .hero-container .hero-text {
    color: #DBDEE4;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 23px;
  }
  #platform #platform-about {
    background: #F2F2F2;
    padding: 60px 0 105px;
  }
  #platform #platform-about .platform-img {
    margin: 40px auto 0;
  }
  #platform #platform-about #platform-graph {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 30px auto;
    max-width: 750px;
    height: 490px;
    position: relative;
  }
  #platform #platform-about #platform-graph h2 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
    width: 50%;
  }
  #platform #platform-about #platform-graph span {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
  }
  #platform #platform-about #platform-graph .platform-row {
    position: absolute;
    top: 0;
    left: 0;
  }
  #platform #platform-about #platform-graph .platform-row.one {
    z-index: 4;
    display: flex;
  }
  #platform #platform-about #platform-graph .platform-row.one a {
    text-decoration: none;
    cursor: pointer;
    position: relative;
    background-size: cover;
    height: 103px;
  }
  #platform #platform-about #platform-graph .platform-row.one a:hover {
    transition: all 3s ease-in;
    top: -5px;
  }
  #platform #platform-about #platform-graph .platform-row.one a.platform-1 {
    background: url(/mkt/assets/appdetailsv2/images/platform1.svg) no-repeat center;
    background-size: cover;
    width: 272px;
  }
  #platform #platform-about #platform-graph .platform-row.one a.platform-2 {
    background: url(/mkt/assets/appdetailsv2/images/platform2.svg) no-repeat center;
    background-size: cover;
    width: 272px;
  }
  #platform #platform-about #platform-graph .platform-row.one a.platform-3 {
    background: url(/mkt/assets/appdetailsv2/images/platform3.svg) no-repeat center;
    background-size: cover;
    width: 206px;
  }
  #platform #platform-about #platform-graph .platform-row.one .top-content {
    position: absolute;
    left: 0;
    width: 100%;
    top: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #platform #platform-about #platform-graph .platform-row.one .top-content.right {
    left: -12px;
  }
  #platform #platform-about #platform-graph .platform-row.one .top-content .arrow {
    position: relative;
    padding-right: 12px;
    color: #ffffff;
    text-decoration: none;
  }
  #platform #platform-about #platform-graph .platform-row.one .top-content .arrow::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 12px;
    top: 5px;
    right: 0;
    background: url(/mkt/assets/appdetailsv2/images/arrow.png);
    background-size: cover;
  }
  #platform #platform-about #platform-graph .platform-row.one .top-content .arrow:hover {
    transition: all 0.5s ease;
  }
  #platform #platform-about #platform-graph .platform-row.one .top-content .arrow:hover:before {
    content: "";
    position: absolute;
    transition: all 0.5s ease;
    right: -10px;
  }
  #platform #platform-about #platform-graph .platform-row.two {
    z-index: 3;
    top: 30px;
  }
  #platform #platform-about #platform-graph .platform-row.two .row-content {
    position: relative;
    top: -100px;
  }
  #platform #platform-about #platform-graph .platform-row.three {
    z-index: 2;
    top: 100px;
  }
  #platform #platform-about #platform-graph .platform-row.three .row-content {
    position: relative;
    top: -90px;
  }
  #platform #platform-about #platform-graph .platform-row.three .row-content ul {
    width: 100%;
    display: flex;
    justify-content: space-around;
    gap: 0;
  }
  #platform #platform-about #platform-graph .platform-row.four {
    z-index: 1;
    top: 120px;
  }
  #platform #platform-about #platform-graph .platform-row.four .row-content {
    position: relative;
    top: -150px;
  }
  #platform #platform-about #platform-graph .platform-row.four .row-content ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    row-gap: 5px;
  }
  #platform #platform-about #platform-graph .platform-row .row-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #platform #platform-about #platform-graph .platform-row .row-content ul li {
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 10px;
    padding-left: 10px;
    position: relative;
  }
  #platform #platform-about #platform-graph .platform-row .row-content ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ffffff;
  }
  #platform #platform-content {
    padding: 60px 0;
  }
  #platform #platform-content .section-title {
    max-width: 830px;
    width: 100%;
    margin: 0 auto 50px;
  }
  #platform #platform-content .content-grid.margin-bottom {
    margin-bottom: 80px;
  }
  #platform #platform-content .content-grid .title-content {
    color: #000000;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 45px;
    margin-bottom: 30px;
  }
  #platform #platform-additional {
    padding: 75px 0;
    background: #F9FAFB;
  }
  #platform #platform-additional .add-flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto 40px;
    max-width: 580px;
    padding: 0 35px;
  }
  #platform #platform-additional .add-flex .add-item {
    padding: 43px 53px 53px;
    text-align: center;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 #E7E8EC;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #platform #platform-additional .add-flex .add-item .img-box {
    max-width: 165px;
    margin: 0 auto 20px;
  }
  #platform #platform-why {
    padding: 70px 0;
    background: #800035;
    position: relative;
    text-align: center;
  }
  #platform #platform-why:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(38.81deg, #000000 0%, rgba(0, 0, 0, 0.24) 100%);
  }
  #platform #platform-why .text {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
    text-align: center;
    margin: 30px 0 40px;
  }
  
  @media only screen and (max-width: 1025px) {
    #platform #platform-additional .add-grid {
      padding: 0;
    }
  }
  @media only screen and (max-width: 800px) {
    #platform #platform-about .inside {
      padding: 0;
    }
    #platform #platform-about .section-title {
      padding: 0 30px;
    }
    #platform #platform-about #platform-graph .platform-row.one {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
    }
    #platform #platform-about #platform-graph .platform-row.one a.platform-1, #platform #platform-about #platform-graph .platform-row.one a.platform-3 {
      width: 100%;
      background: url(/mkt/assets/appdetailsv2/images/platform2.svg) no-repeat center;
      background-size: contain;
    }
    #platform #platform-about #platform-graph .platform-row.one a.platform-2 {
      width: 100%;
      background-size: contain;
    }
    #platform #platform-about #platform-graph .platform-row h2 {
      font-size: 14px;
    }
    #platform #platform-about #platform-graph .platform-row span,
    #platform #platform-about #platform-graph .platform-row li {
      font-size: 14px;
    }
    #platform #platform-about #platform-graph .platform-row.two .row-content {
      top: -70px;
    }
    #platform #platform-about #platform-graph .platform-row.two .row-content h2 {
      margin-bottom: 20px;
    }
    #platform #platform-about #platform-graph .platform-row.three .row-content {
      top: -80px;
    }
    #platform #platform-about #platform-graph .platform-row.three .row-content h2 {
      margin-bottom: 20px;
    }
    #platform #platform-about #platform-graph .platform-row.four {
      top: 190px;
    }
    #platform #platform-about #platform-graph .platform-row.four .row-content h2 {
      margin-bottom: 20px;
    }
    #platform #platform-about #platform-graph .platform-row.four .row-content li {
      font-size: 12px;
    }
  }
  @media only screen and (max-width: 769px) {
    #platform #platform-hero .hero-container {
      padding: 20px;
    }
    #platform #platform-hero .hero-container .plans-title {
      font-size: 38px;
      line-height: 53px;
    }
    #platform #platform-additional .add-grid {
      gap: 15px;
    }
    #platform #platform-additional .add-grid .add-item {
      padding: 20px;
    }
  }
  @media only screen and (max-width: 641px) {
    #platform #platform-about {
      padding-bottom: 0;
    }
    #platform #platform-about #platform-graph {
      margin: 50px 0 0;
    }
    #platform #platform-about #platform-graph .platform-row.one {
      top: -20px;
    }
    #platform #platform-about #platform-graph .platform-row.one h2 {
      color: #000000;
      position: absolute;
      top: -45px;
      left: 10px;
    }
    #platform #platform-about #platform-graph .platform-row.one .top-content {
      top: 35px;
      width: 90%;
      left: 5px;
    }
    #platform #platform-about #platform-graph .platform-row.one .top-content.right {
      left: 5px;
    }
    #platform #platform-additional .add-grid {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  #signin .signin-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  #signin .signin-grid.margin-bottom {
    margin-bottom: 130px;
  }
  #signin .signin-grid .button {
    cursor: pointer;
  }
  #signin .signin-grid .button:hover {
    background-color: #ffffff;
    color: #FF006B;
    border: #ffffff;
  }
  #signin .title-section {
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 45px;
  }
  #signin .title-section.black {
    color: #000000;
  }
  #signin .title-section.pink {
    color: #FF006B;
  }
  #signin .title-section.center {
    text-align: center;
  }
  #signin #hero {
    padding: 133px 0 80px;
    position: relative;
  }
  #signin #hero:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(114.17deg, #000000 0%, #800035 100%);
  }
  #signin #hero .title {
    color: #ffffff;
    font-size: 50px;
    letter-spacing: 0;
    line-height: 63px;
    margin-bottom: 39px;
  }
  #signin #hero .hero-list {
    margin-bottom: 40px;
  }
  #signin #hero .hero-list.signin li {
    color: #ffffff;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 0.32px;
    line-height: 24px;
    padding-left: 45px;
    margin-bottom: 14px;
    position: relative;
  }
  #signin #hero .hero-list.signin li:last-child {
    margin-bottom: 0;
  }
  #signin #hero .hero-list.signin li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(/mkt/assets/appdetailsv2/images/check.png) no-repeat center;
    background-size: cover;
  }
  #signin #hero #validate-step-one {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  #signin #hero .signup-form {
    max-width: 400px;
    width: 100%;
  }
  #signin #hero .signup-form .form-step-one {
    display: block;
  }
  #signin #hero .signup-form .form-step-one.next {
    display: none;
  }
  #signin #hero .signup-form .form-step-two {
    display: none;
  }
  #signin #hero .signup-form .form-step-two.next-step {
    display: block;
  }
  #signin #hero .signup-form .form-title {
    color: #ffffff;
    font-size: 36px;
    letter-spacing: 0;
    line-height: 45px;
    margin-bottom: 20px;
  }
  #signin #hero .signup-form .no-card {
    display: block;
    position: relative;
    color: #ffffff;
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 21px;
    padding-left: 28px;
    margin-bottom: 20px;
  }
  #signin #hero .signup-form .no-card:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url(/mkt/assets/appdetailsv2/images/picto.ede6684d.png) no-repeat center;
    background-size: cover;
  }
  #signin #hero .signup-form .not-robot {
    margin-top: 12px;
  }
  #signin #hero .signup-form .not-robot input,
  #signin #hero .signup-form .not-robot label {
    cursor: pointer;
  }
  #signin #hero .signup-form .captcha #challenge {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  #signin #hero .signup-form .captcha #challenge.hide-captcha {
    display: none;
  }
  #signin #hero .signup-form .captcha #challenge input {
    height: 40px;
    margin-top: 8px;
  }
  #signin #hero .signup-form .captcha #challenge div {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
  }
  #signin #hero .signup-form .form-row {
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
  }
  #signin #hero .signup-form .form-row.double {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  #signin #hero .signup-form .form-row.top {
    margin-top: 12px;
  }
  #signin #hero .signup-form .form-row.has-select:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #8790a2 transparent transparent transparent;
  }
  #signin #hero .signup-form label {
    position: absolute;
    left: -200%;
  }
  #signin #hero .signup-form label.not-hide {
    position: relative;
    left: 0;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 20px;
  }
  #signin #hero .signup-form input[type=text],
  #signin #hero .signup-form input[type=email],
  #signin #hero .signup-form input[type=password],
  #signin #hero .signup-form select {
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    width: 100%;
    height: 64px;
    padding: 0 22px;
    color: #8790A2;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 20px;
  }
  #signin #hero .signup-form input[type=text]::placeholder,
  #signin #hero .signup-form input[type=email]::placeholder,
  #signin #hero .signup-form input[type=password]::placeholder,
  #signin #hero .signup-form select::placeholder {
    color: #8790A2;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 20px;
  }
  #signin #hero .signup-form select {
    appearance: none;
    cursor: pointer;
  }
  #signin #hero .signup-form .custom-select-container {
    margin-bottom: 12px;
  }
  #signin #hero .signup-form .custom-select {
    position: relative;
  }
  #signin #hero .signup-form .custom-select select {
    display: none;
  }
  #signin #hero .signup-form .select-selected {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 64px;
    padding: 0 22px;
    line-height: 20px;
    background: #ffffff;
  }
  #signin #hero .signup-form .select-selected:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #8790a2 transparent transparent transparent;
    transition: all 600ms ease;
  }
  #signin #hero .signup-form .select-selected.select-arrow-active:after {
    transform: translateY(-50%) rotate(-180deg);
  }
  #signin #hero .signup-form .select-items div, #signin #hero .signup-form .select-selected {
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    color: #8790A2;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 20px;
    cursor: pointer;
  }
  #signin #hero .signup-form .select-items {
    position: absolute;
    background-color: #fff;
    top: calc(100% + 5px);
    width: 100%;
    left: 0;
    right: 0;
    z-index: 9;
    border: 2px solid #ffffff;
    padding: 12px;
    max-height: 200px;
    overflow: scroll;
  }
  #signin #hero .signup-form .select-items div {
    border-radius: 6px;
    padding: 8px 16px;
  }
  #signin #hero .signup-form .select-hide {
    display: none;
  }
  #signin #hero .signup-form .select-items div:hover {
    background-color: #E7E8EC;
  }
  #signin #hero .signup-form .info-pwd {
    display: none;
  }
  #signin #hero .signup-form .info-pwd.active {
    display: block;
    background: #ffffff;
    padding: 22px;
    color: #000000;
    border-radius: 2px;
    position: relative;
  }
  #signin #hero .signup-form .info-pwd.active:before {
    content: "";
    position: absolute;
    left: 50px;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 10px 9px;
    border-color: transparent transparent #ffffff transparent;
    transform: rotate(0deg);
  }
  #signin #hero .signup-form .info-pwd.active .info-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #signin #hero .signup-form .info-pwd.active .title-pwd {
    color: #800035;
    margin-bottom: 15px;
  }
  #signin #hero .signup-form .info-pwd.active .check,
  #signin #hero .signup-form .info-pwd.active .check-two {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 5px;
    padding-left: 25px;
  }
  #signin #hero .signup-form .info-pwd.active .check.check-caution, #signin #hero .signup-form .info-pwd.active .check.check-caution-two,
  #signin #hero .signup-form .info-pwd.active .check-two.check-caution,
  #signin #hero .signup-form .info-pwd.active .check-two.check-caution-two {
    position: relative;
  }
  #signin #hero .signup-form .info-pwd.active .check.check-caution::before, #signin #hero .signup-form .info-pwd.active .check.check-caution-two::before,
  #signin #hero .signup-form .info-pwd.active .check-two.check-caution::before,
  #signin #hero .signup-form .info-pwd.active .check-two.check-caution-two::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 1px;
    left: 0;
    background: url(/mkt/assets/appdetailsv2/images/caution.svg) no-repeat center;
    background-size: cover;
  }
  #signin #hero .signup-form .info-pwd.active .check.check-ok,
  #signin #hero .signup-form .info-pwd.active .check-two.check-ok {
    position: relative;
  }
  #signin #hero .signup-form .info-pwd.active .check.check-ok::before,
  #signin #hero .signup-form .info-pwd.active .check-two.check-ok::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 1px;
    left: 0;
    background: url(/mkt/assets/appdetailsv2/images/check.4041f54d.svg) no-repeat center;
    background-size: cover;
  }
  #signin #hero .signup-form .info-pwd.active .check strong,
  #signin #hero .signup-form .info-pwd.active .check-two strong {
    font-weight: 600;
  }
  #signin #hero .add-text {
    display: block;
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    margin: 15px 0;
  }
  #signin #hero .add-text a {
    color: #ffffff;
  }
  #signin #hero .step-back {
    color: #ffffff;
    display: block;
    text-align: center;
    cursor: pointer;
  }
  #signin #hero .button {
    width: 100%;
    display: block;
    height: 64px;
    margin-bottom: 20px;
  }
  #signin #hero .item.left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #signin #hero .item.right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #signin #hero .account {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
  }
  #signin #hero .account a {
    color: #ffffff;
  }
  #signin #trusted {
    overflow: hidden;
    padding: 80px 0 155px;
  }
  #signin #trusted .title-section {
    margin-bottom: 70px;
  }
  #signin #trusted .logos-container {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.25);
    padding: 61px 100px 64px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background: #ffffff;
  }
  #signin #trusted .logos-container:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -21px;
    left: -23px;
    width: 195px;
    height: 76px;
    background: rgba(0, 0, 0, 0.1);
  }
  #signin #trusted .logos-container:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -20px;
    right: -58px;
    width: 228px;
    height: 147px;
    background: url(/mkt/assets/appdetailsv2/images/dots.png) no-repeat center;
    background-size: cover;
  }
  #signin #content {
    padding-bottom: 150px;
  }
  #signin #content .content-left {
    padding: 0 35px;
  }
  #signin #content .content-left.flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #signin #content .content-left .title-section {
    margin-bottom: 30px;
  }
  #signin #content .content-right {
    padding: 0 35px;
  }
  #signin #content .content-right .img-box {
    position: relative;
  }
  #signin #content .content-right .img-box:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -77px;
    right: -44px;
    width: 228px;
    height: 147px;
    background: url(/mkt/assets/appdetailsv2/images/dots.png) no-repeat center;
    background-size: cover;
  }
  #signin #quote {
    overflow: hidden;
    padding: 70px 0;
    background: #000000;
    color: #ffffff;
  }
  #signin #quote .quote-text {
    display: block;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 45px;
    margin: 30px 0;
  }
  #signin #quote .author {
    display: block;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 21px;
    margin-bottom: 40px;
  }
  #signin #quote .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #signin #quote .img-box {
    position: relative;
  }
  #signin #quote .img-box:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -36px;
    right: -39px;
    width: 214px;
    height: 226px;
    background: rgba(255, 255, 255, 0.15);
  }
  #signin #quote .img-box:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -46px;
    left: -46px;
    width: 228px;
    height: 147px;
    background: url(/mkt/assets/appdetailsv2/images/dots.png) no-repeat center;
    background-size: cover;
  }
  #signin #quote .img-box img {
    position: relative;
    z-index: 2;
  }
  #signin #versus {
    padding: 80px 0 100px;
  }
  #signin #versus .title-section {
    margin-bottom: 50px;
  }
  #signin #versus .top-table {
    display: block;
    padding-left: 33px;
    color: rgba(0, 0, 0, 0.75);
    font-size: 18px;
    letter-spacing: 0.3px;
    line-height: 23px;
    position: relative;
    margin-bottom: 30px;
  }
  #signin #versus .top-table:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 23px;
    height: 23px;
    background: url(/mkt/assets/appdetailsv2/images/check.png) no-repeat center;
    background-size: cover;
  }
  #signin #versus .top-table strong {
    color: #FF006B;
  }
  #signin #versus .table-container {
    background: #ffffff;
    border: 1px solid #E7E8EC;
    border-radius: 8px;
    margin-bottom: 75px;
    padding-bottom: 38px;
    position: relative;
  }
  #signin #versus .table-container:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -36px;
    left: -39px;
    width: 228px;
    height: 147px;
    background: url(/mkt/assets/appdetailsv2/images/dots.png) no-repeat center;
    background-size: cover;
  }
  #signin #versus .table-container .grid-row {
    display: grid;
    grid-template-columns: 70% 15% 15%;
  }
  #signin #versus .table-container .grid-row.grey {
    background: #F3F5F7;
  }
  #signin #versus .table-container .grid-row.padding {
    padding: 11px 45px;
  }
  #signin #versus .table-container .grid-row.big-padding {
    padding: 27.5px 45px 24px;
  }
  #signin #versus .table-container .grid-row .item {
    color: rgba(0, 0, 0, 0.75);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 23px;
    position: relative;
  }
  #signin #versus .table-container .grid-row .item.center {
    text-align: center;
  }
  #signin #versus .table-container .grid-row .item.full:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background: url(/mkt/assets/appdetailsv2/images/circle.98441cd1.png) no-repeat center;
    background-size: cover;
  }
  #signin #versus .table-container .grid-row .item.half:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background: url(/mkt/assets/appdetailsv2/images/cirlce-2.11424802.png) no-repeat center;
    background-size: cover;
  }
  #signin #versus .table-container .grid-row .item.empty:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background: url(/mkt/assets/appdetailsv2/images/circle.3a7c1f15.png) no-repeat center;
    background-size: cover;
  }
  #signin #versus .table-container .grid-row .item .top-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  #signin #versus .table-container .grid-row .item .top-list li {
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 22px;
    padding-left: 22px;
    margin-right: 40px;
    position: relative;
  }
  #signin #versus .table-container .grid-row .item .top-list li:last-child {
    margin-right: 0;
  }
  #signin #versus .table-container .grid-row .item .top-list li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
  }
  #signin #versus .table-container .grid-row .item .top-list li.empty:before {
    background: url(/mkt/assets/appdetailsv2/images/circle.3a7c1f15.png) no-repeat center;
    background-size: cover;
  }
  #signin #versus .table-container .grid-row .item .top-list li.half:before {
    background: url(/mkt/assets/appdetailsv2/images/cirlce-2.11424802.png) no-repeat center;
    background-size: cover;
  }
  #signin #versus .table-container .grid-row .item .top-list li.full:before {
    background: url(/mkt/assets/appdetailsv2/images/circle.98441cd1.png) no-repeat center;
    background-size: cover;
  }
  #signin #versus .table-container .grid-row .item .top-vs {
    color: #FF006B;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
  }
  #signin #versus .table-container .grid-row .item .top-vs.icone {
    padding-left: 27px;
    position: relative;
  }
  #signin #versus .table-container .grid-row .item .top-vs.icone:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 19px;
    height: 16.24px;
    background: url(/mkt/assets/appdetailsv2/images/picto.e3e892a1.png) no-repeat center;
    background-size: cover;
  }
  #signin #versus .centering {
    text-align: center;
  }
  #signin #versus .centering .button.red:hover {
    color: #FF006B;
    border: 2px solid #FF006B;
    background-color: #ffffff;
  }
  #signin #versus .button {
    display: inline-block;
  }
  
  @media only screen and (max-width: 1025px) {
    #signin #hero .signin-grid {
      gap: 50px;
    }
    #signin #hero .title {
      font-size: 40px;
      line-height: 53px;
    }
    #signin #trusted {
      padding: 60px 0;
    }
    #signin #trusted .logos-container {
      flex-wrap: wrap;
      justify-content: center;
      padding: 60px 40px;
    }
    #signin #trusted .logos-container .item {
      margin: 20px;
    }
    #signin #content .content-left {
      padding: 0;
    }
    #signin #content .content-right {
      padding: 0;
    }
    #signin #content .content-right .img-box:after {
      display: none;
    }
    #signin #content .content-right .img-box img {
      margin: 0 auto;
    }
    #signin #quote .signin-grid {
      grid-template-columns: repeat(1, 1fr);
      gap: 50px;
    }
    #signin #quote .quote-text {
      font-size: 26px;
      line-height: 35px;
    }
    #signin #versus .table-container .grid-row {
      grid-template-columns: 50% 1fr 1fr;
    }
    #signin #versus .table-container .grid-row.padding {
      padding: 11px 20px;
    }
    #signin #versus .table-container .grid-row.big-padding {
      padding: 20px;
    }
    #signin #versus .table-container .grid-row .item {
      font-size: 15px;
      line-height: 19px;
    }
    #signin #versus .table-container .grid-row .item.center {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
    }
    #signin #versus .table-container .grid-row .item .top-vs {
      font-size: 15px;
      line-height: 19px;
    }
    #signin #versus .table-container .grid-row .item .top-vs.icone {
      padding-left: 0;
    }
    #signin #versus .table-container .grid-row .item .top-vs.icone:before {
      left: 50%;
      top: -20px;
      transform: translateX(-50%);
    }
  }
  @media only screen and (max-width: 768px) {
    #signin #hero .signin-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #signin #hero .title {
      font-size: 40px;
      line-height: 53px;
    }
  }
  #solutions #s-hero {
    padding: 240px 0 140px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    overflow: hidden;
    z-index: 3;
  }
  #solutions #s-hero .hero-top {
    top: -100%;
    padding: 25px 0;
  }
  #solutions #s-hero .hero-top.fixed {
    top: 0;
    transition: top 250ms ease;
  }
  #solutions #s-hero .hero-top .button {
    margin: 0 5px;
  }
  #solutions #s-hero .top-title {
    display: block;
    text-align: left;
  }
  #solutions #s-hero .main-title {
    max-width: 300px;
    margin: 15px 0 0;
    text-align: left;
  }
  #solutions #s-hero .rotate-form-two:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 180px;
    right: 420px;
    width: 240px;
    height: 240px;
    background-color: rgba(121, 119, 119, 0.69);
    transform: rotate(45deg);
  }
  #solutions #s-hero .rotate-form-two:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 250px;
    right: 48px;
    width: 207px;
    height: 150px;
    background: url(/mkt/assets/appdetailsv2/images/dots.07453c90.png) no-repeat center;
    background-size: cover;
    transform: rotate(-45deg);
  }
  #solutions #s-hero .rotate-form-two .rotate-img-two {
    position: absolute;
    top: 10px;
    right: 80px;
    width: 584px;
    height: 584px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  }
  #solutions #solutions-content {
    padding: 60px 0 80px;
  }
  #solutions #solutions-content .under-section-title {
    line-height: 30px;
  }
  #solutions #solutions-content .solutions-grid {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 30px;
  }
  #solutions #solutions-content .solutions-grid .solution-item {
    width: 100%;
    text-decoration: none;
    box-shadow: 0 0 15px 0 #E7E8EC;
    border-radius: 8px 8px 0 0;
  }
  #solutions #solutions-content .solutions-grid .solution-item .sol-img {
    width: 100%;
    height: 200px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px 8px 0 0;
  }
  #solutions #solutions-content .solutions-grid .solution-item .sol-tag {
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    letter-spacing: 0.3px;
    line-height: 23px;
    color: #FF006B;
  }
  #solutions #solutions-content .solutions-grid .solution-item .sol-tag:hover {
    color: #800035;
  }
  
  @media only screen and (max-width: 1025px) {
    #solutions #s-hero .rotate-form-two::before {
      bottom: 0;
      top: 155px;
      right: 350px;
    }
    #solutions #s-hero .rotate-form-two::after {
      right: -50px;
    }
    #solutions #s-hero .rotate-form-two .rotate-img-two {
      width: 584px;
      height: 584px;
      right: 0;
    }
  }
  @media only screen and (max-width: 930px) {
    #solutions #solutions-content .solutions-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media only screen and (max-width: 769px) {
    #solutions #s-hero {
      padding: 140px 0 0;
    }
    #solutions #s-hero .rotate-form-two {
      padding: 0 30px;
    }
    #solutions #s-hero .rotate-form-two .rotate-img-two {
      width: 100%;
      height: 0;
      padding-bottom: 56.25%; /* 16:9 */
      margin: 30px auto 0;
      position: relative;
      top: 0;
      clip-path: none;
    }
  }
  @media only screen and (max-width: 610px) {
    #solutions #solutions-content .solutions-grid {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  #press .press-text {
    max-width: 1040px;
    display: block;
    text-align: center;
    margin: 0 auto 20px;
    color: rgba(0, 0, 0, 0.75);
    font-size: 20px;
    font-weight: 200;
    letter-spacing: 0.2px;
    line-height: 21px;
  }
  #press .press-text a {
    text-decoration: none;
    color: #FF006B;
  }
  #press .press-grid {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  #press .press-grid .tiers-item {
    max-width: 360px;
    width: 100%;
    border-radius: 8px;
    margin: 0 15px 30px 15px;
    box-shadow: 0 0 15px 0 #E7E8EC;
  }
  #press .press-grid .tiers-item .img-box {
    width: 100%;
    height: 364px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 8px 8px 0 0;
  }
  #press .press-grid .tiers-item .tiers-btm {
    padding: 28px 32px 36px;
  }
  #press .press-grid .tiers-item .tiers-btm span {
    display: block;
  }
  #press .press-grid .tiers-item .tiers-btm span.item-btm {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 25px;
    margin-bottom: 8px;
  }
  #press .press-grid .tiers-item .tiers-btm span.item-nbr {
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 19px;
  }
  #press .press-grid .tiers-item .tiers-btm .download {
    position: relative;
    padding-left: 21px;
    color: #FF006B;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
    text-decoration: none;
  }
  #press .press-grid .tiers-item .tiers-btm .download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(/mkt/assets/appdetailsv2/images/download.png) no-repeat center;
    background-size: cover;
  }
  #press #press-hero {
    padding: 200px 0 120px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
  }
  #press #press-hero:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  #press #press-hero .main-title {
    max-width: 900px;
  }
  #press #press-about {
    padding: 30px 0 80px;
  }
  #press #press-release {
    padding: 70px 0;
    background: #F9FAFB;
  }
  #press #press-release .tiers-grid {
    margin: 60px 0;
  }
  #press #press-release .release-item {
    height: 288px;
    border-radius: 8px;
    background: #800035;
    position: relative;
    text-decoration: none;
  }
  #press #press-release .release-item:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 100%);
  }
  #press #press-release .release-item .release-content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 30px 29px 70px 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
  }
  #press #press-release .release-item .release-top {
    position: absolute;
    top: 14px;
    right: 17px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  #press #press-release .release-item .release-top li {
    margin-left: 5px;
    color: #FF006B;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    background: #ffffff;
    border-radius: 16px;
    padding: 6px 16px 8px;
  }
  #press #press-release .release-item .release-date {
    display: block;
    color: #C3C8D1;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 8px;
  }
  #press #press-release .release-item .release-title {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 25px;
  }
  #press #press-release .release-item .release-more {
    position: absolute;
    left: 30px;
    bottom: 28px;
    color: #ffffff;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
  }
  #press #press-release .release-item .release-more:before {
    content: "";
    position: absolute;
    right: -15px;
    top: 7px;
    transform: rotate(45deg);
    width: 8px;
    height: 1px;
    background: #ffffff;
  }
  #press #press-release .release-item .release-more:after {
    content: "";
    position: absolute;
    right: -15px;
    bottom: 5px;
    transform: rotate(-45deg);
    width: 8px;
    height: 1px;
    background: #ffffff;
  }
  #press #press-contact {
    padding: 60px 0 80px;
  }
  #press #press-contact .press-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 40px;
  }
  #press #press-contact .press-grid .grid-item {
    padding: 50px 61px 50px 62px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #F9FAFB;
  }
  #press #press-contact .press-grid .grid-item a {
    text-decoration: none;
    color: #FF006B;
  }
  #press #press-contact .press-grid .grid-item span {
    display: block;
  }
  #press #press-contact .press-grid .grid-item span.margin-btm {
    margin-bottom: 16px;
  }
  #press #press-contact .press-grid .grid-item span.bigger {
    color: #000000;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    line-height: 27px;
  }
  #press #press-contact .press-grid .grid-item span.smaller {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
  }
  
  @media only screen and (max-width: 1025px) {
    #press .press-text {
      font-size: 16px;
      line-height: 18px;
    }
    #press #press-hero {
      padding: 140px 0 80px;
    }
    #press #press-about {
      padding: 30px 0 60px;
    }
    #press #press-release {
      padding: 60px 0;
    }
    #press #press-release .tiers-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media only screen and (max-width: 769px) {
    #press .inside.box-mobile {
      background: #000000;
      position: relative;
      top: 230px;
      padding: 30px;
    }
    #press .inside.box-mobile .top-title,
    #press .inside.box-mobile .main-title {
      display: block;
      text-align: left;
    }
    #press .inside.box-mobile .under-section-title {
      text-align: left;
    }
    #press #press-hero.height-mobile {
      min-height: 300px;
      padding: 0 30px;
      margin-bottom: 300px;
    }
    #press #press-contact .press-grid .grid-item {
      padding: 20px;
    }
  }
  @media only screen and (max-width: 641px) {
    #press #press-release .tiers-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #press #press-contact .press-grid {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  #solutions-template #s-hero {
    padding: 200px 0 100px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    overflow: hidden;
    z-index: 3;
  }
  #solutions-template #s-hero .hero-top {
    top: -100%;
    padding: 25px 0;
  }
  #solutions-template #s-hero .hero-top.fixed {
    top: 0;
    transition: top 250ms ease;
  }
  #solutions-template #s-hero .hero-top .button {
    margin: 0 5px;
  }
  #solutions-template #s-hero .top-title {
    display: block;
    text-align: left;
  }
  #solutions-template #s-hero .main-title {
    max-width: 300px;
    margin: 15px 0 0;
    text-align: left;
  }
  #solutions-template #s-hero .rotate-form-two:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 180px;
    right: 420px;
    width: 240px;
    height: 240px;
    background-color: rgba(121, 119, 119, 0.69);
    transform: rotate(45deg);
  }
  #solutions-template #s-hero .rotate-form-two:after {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 179px;
    right: 48px;
    width: 207px;
    height: 150px;
    background: url(/mkt/assets/appdetailsv2/images/dots.07453c90.png) no-repeat center;
    background-size: cover;
    transform: rotate(-45deg);
  }
  #solutions-template #s-hero .rotate-form-two .rotate-img-two {
    position: absolute;
    top: 10px;
    right: 80px;
    width: 584px;
    height: 584px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  }
  #solutions-template #s-deliver {
    padding: 100px 0 55px;
  }
  #solutions-template #s-deliver .s-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
  }
  #solutions-template #s-deliver .s-grid .s-item .section-title {
    text-align: left;
  }
  #solutions-template #s-deliver .s-grid .s-item .under-section-title {
    text-align: left;
    line-height: 30px;
    margin-bottom: 50px;
  }
  #solutions-template #s-deliver .img-layer {
    position: relative;
  }
  #solutions-template #s-deliver .img-layer::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -45px;
    right: -35px;
    width: 176.48px;
    height: 128px;
    background: url(/mkt/assets/appdetailsv2/images/dots.90312a55.png) no-repeat center center;
    background-size: cover;
  }
  #solutions-template #s-deliver .img-layer::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -22px;
    left: -20px;
    width: 215px;
    height: 96px;
    background-color: rgba(0, 0, 0, 0.1);
  }
  #solutions-template #s-deliver .img-layer img {
    margin: 0 auto;
  }
  #solutions-template #s-high-impact {
    padding: 55px 0 80px;
  }
  #solutions-template #s-high-impact .impact-list {
    margin-top: 50px;
  }
  #solutions-template #s-high-impact .impact-list .impact-item {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 100px;
  }
  #solutions-template #s-high-impact .impact-list .impact-item:nth-child(odd) {
    flex-direction: row;
  }
  #solutions-template #s-high-impact .impact-list .impact-item:nth-child(even) {
    flex-direction: row-reverse;
  }
  #solutions-template #s-high-impact .impact-list .impact-item:last-child {
    margin-bottom: 0;
  }
  #solutions-template #s-high-impact .impact-list .impact-item .left,
  #solutions-template #s-high-impact .impact-list .impact-item .right {
    width: 50%;
    padding: 0 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #solutions-template #s-high-impact .impact-list .impact-item .left {
    align-items: flex-start;
  }
  #solutions-template #s-high-impact .impact-list .impact-item .left .impact-title {
    color: #000000;
    font-size: 31px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 39px;
    margin-bottom: 30px;
  }
  #solutions-template #s-high-impact .impact-list .impact-item .left .impact-text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
  }
  #solutions-template #s-high-impact .impact-list .impact-item .left .impact-text a {
    text-decoration: none;
    color: #FF006B;
  }
  #solutions-template #s-high-impact .impact-list .impact-item .left .impact-text a:hover {
    color: #800035;
  }
  #solutions-template #s-high-impact .impact-list .impact-item .right {
    align-items: center;
  }
  #solutions-template #s-high-impact .impact-list .impact-item .right .img-layer {
    position: relative;
  }
  #solutions-template #s-high-impact .impact-list .impact-item .right .img-layer:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -28px;
    right: -20px;
    width: 206.82px;
    height: 150px;
    background: url(/mkt/assets/appdetailsv2/images/dots.90312a55.png) no-repeat center;
    background-size: cover;
  }
  #solutions-template #s-high-impact .impact-list .impact-item .right .img-layer img {
    position: relative;
    z-index: 2;
  }
  #solutions-template #s-quote-alternate {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    padding: 80px 0 60px;
  }
  #solutions-template #s-quote-alternate:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
  }
  #solutions-template #s-quote-alternate .q-image {
    max-width: 120px;
    height: auto;
  }
  #solutions-template #s-quote-alternate .q-text {
    color: #ffffff;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 45px;
    max-width: 955px;
    margin: 30px 0;
  }
  #solutions-template #s-quote-alternate .q-author {
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 21px;
    margin-bottom: 30px;
  }
  #solutions-template #s-quote-alternate .ctas-container a:first-child {
    margin: 0 20px 20px 0;
  }
  #solutions-template #s-utility {
    padding: 60px 0;
  }
  #solutions-template #s-utility .tiers-grid {
    position: relative;
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    left: -15px;
  }
  #solutions-template #s-utility .utility-item {
    text-decoration: none;
    min-height: 220px;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 15px 0 #E7E8EC;
    padding: 38px 32px 77px;
    position: relative;
    border-left: 5px solid #800035;
  }
  #solutions-template #s-utility .utility-item .u-title {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 25px;
    margin-bottom: 20px;
  }
  #solutions-template #s-utility .utility-item .u-text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
  }
  #solutions-template #s-utility .utility-item .link {
    position: absolute;
    left: 32px;
    bottom: 38px;
    max-width: 86%;
  }
  #solutions-template #s-utility .utility-item .link:hover {
    color: #800035;
  }
  #solutions-template #s-start {
    padding: 70px 0;
    background: #800035;
    position: relative;
  }
  #solutions-template #s-start:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(38.81deg, #000000 0%, rgba(0, 0, 0, 0.24) 100%);
  }
  #solutions-template #s-start .inside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #solutions-template #s-start .section-title {
    max-width: 900px;
    margin: 0 auto 60px;
  }
  #solutions-template #s-customers {
    padding-bottom: 60px;
  }
  #solutions-template #content {
    padding-bottom: 60px;
  }
  #solutions-template #content .content-grid:last-child {
    margin-bottom: 0;
  }
  
  @media only screen and (max-width: 1025px) {
    #solutions-template #s-hero .rotate-form-two::before {
      bottom: 83px;
      right: 422px;
    }
    #solutions-template #s-hero .rotate-form-two::after {
      bottom: 114px;
      right: 50px;
    }
    #solutions-template #s-hero .rotate-form-two .rotate-img-two {
      width: 584px;
      height: 584px;
    }
    #solutions-template #s-deliver .s-grid {
      display: flex;
      flex-direction: column-reverse;
    }
  }
  @media only screen and (max-width: 769px) {
    #solutions-template #s-hero {
      padding: 140px 0 0;
    }
    #solutions-template #s-hero .rotate-form-two {
      padding: 0 30px;
    }
    #solutions-template #s-hero .rotate-form-two .rotate-img-two {
      width: 100%;
      height: 0;
      padding-bottom: 56.25%; /* 16:9 */
      margin: 30px auto 0;
      position: relative;
      top: 0;
      clip-path: none;
    }
    #solutions-template #s-high-impact {
      padding: 55px 0 20px;
    }
    #solutions-template #s-high-impact .impact-list .impact-item {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 50px;
    }
    #solutions-template #s-high-impact .impact-list .impact-item:nth-child(odd) {
      flex-direction: column;
    }
    #solutions-template #s-high-impact .impact-list .impact-item:nth-child(even) {
      flex-direction: column;
    }
    #solutions-template #s-high-impact .impact-list .impact-item:last-child {
      margin-bottom: 0;
    }
    #solutions-template #s-high-impact .impact-list .impact-item .left,
    #solutions-template #s-high-impact .impact-list .impact-item .right {
      width: 100%;
      padding: 20px 28px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  }
  #solutions-template {
    overflow: hidden;
  }
  #solutions-template .margin-bottom {
    margin-bottom: 82px;
  }
  #solutions-template #s-hero {
    padding: 240px 0 140px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    overflow: hidden;
    z-index: 3;
  }
  #solutions-template #s-hero .hero-top {
    top: -100%;
    padding: 25px 0;
  }
  #solutions-template #s-hero .hero-top.fixed {
    top: 0;
    transition: top 250ms ease;
  }
  #solutions-template #s-hero .hero-top .button {
    margin: 0 5px;
  }
  #solutions-template #s-hero .top-title {
    display: block;
    text-align: left;
  }
  #solutions-template #s-hero .main-title {
    max-width: 500px;
    margin: 15px 0 0;
    text-align: left;
  }
  #solutions-template #s-hero .rotate-form-two:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 180px;
    right: 420px;
    width: 240px;
    height: 240px;
    background-color: rgba(121, 119, 119, 0.69);
    transform: rotate(45deg);
  }
  #solutions-template #s-hero .rotate-form-two:after {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 179px;
    right: 48px;
    width: 207px;
    height: 150px;
    background: url(/mkt/assets/appdetailsv2/images/dots.07453c90.png) no-repeat center;
    background-size: cover;
    transform: rotate(-45deg);
  }
  #solutions-template #s-hero .rotate-form-two .rotate-img-two {
    position: absolute;
    top: 10px;
    right: 80px;
    width: 584px;
    height: 584px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  }
  #solutions-template #s-header {
    padding: 100px 0 80px;
  }
  #solutions-template #s-header .s-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
  }
  #solutions-template #s-header .s-grid .s-item.left .img-layer {
    position: relative;
  }
  #solutions-template #s-header .s-grid .s-item.left .img-layer::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -45px;
    right: -35px;
    width: 176.48px;
    height: 128px;
    background: url(/mkt/assets/appdetailsv2/images/dots.90312a55.png) no-repeat center center;
    background-size: cover;
  }
  #solutions-template #s-header .s-grid .s-item.left .img-layer::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -22px;
    left: -20px;
    width: 215px;
    height: 96px;
    background-color: rgba(0, 0, 0, 0.1);
  }
  #solutions-template #s-header .s-grid .s-item.left .img-layer img {
    margin: 0 auto;
  }
  #solutions-template #s-header .s-grid .s-item.right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #solutions-template #s-header .s-grid .s-item.right .under-section-title {
    text-align: left;
    line-height: 25px;
    margin-bottom: 20px;
  }
  #solutions-template #s-header .s-grid .s-item.right .under-section-title.mgn-btm {
    margin-bottom: 35px;
    margin-top: 0px;
  }
  #solutions-template #s-customers .section-title {
    margin-bottom: 70px;
  }
  #solutions-template #s-customers .logos-container .item img {
    max-width: 170px;
  }
  #solutions-template #content .title-content {
    color: #000000;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 39px;
    margin-bottom: 40px;
  }
  #solutions-template #s-utility {
    padding: 60px 0;
  }
  #solutions-template #s-utility .utility-grid {
    position: relative;
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    left: -15px;
  }
  #solutions-template #s-utility .utility-item {
    text-decoration: none;
    max-width: 373px;
    width: 100%;
    margin: 0 15px 30px;
    min-height: 220px;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 15px 0 #E7E8EC;
    padding: 38px 32px 77px;
    position: relative;
    border-left: 5px solid #800035;
  }
  #solutions-template #s-utility .utility-item .u-title {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 25px;
    margin-bottom: 20px;
  }
  #solutions-template #s-utility .utility-item .u-text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
  }
  #solutions-template #s-utility .utility-item .link {
    position: absolute;
    left: 32px;
    bottom: 38px;
    max-width: 86%;
  }
  #solutions-template #s-utility .utility-item .link:hover {
    color: #800035;
  }
  #solutions-template #check-content {
    padding: 75px 0;
    background-color: rgba(0, 0, 0, 0.03);
  }
  #solutions-template #check-content .section-title {
    margin-bottom: 60px;
  }
  #solutions-template #check-content .check-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  #solutions-template #check-content .check-grid .check-item {
    margin: 0 15px 30px;
    position: relative;
    padding-left: 30px;
  }
  #solutions-template #check-content .check-grid .check-item::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: -2px;
    left: 0;
    width: 23px;
    height: 23px;
    background: url(/mkt/assets/appdetailsv2/images/check.png) no-repeat center;
    background-size: cover;
  }
  #solutions-template #check-content .check-grid .check-item p {
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.2px;
  }
  #solutions-template #s-video {
    padding: 50px 0 66px;
  }
  #solutions-template #s-video .section-title {
    margin-bottom: 60px;
  }
  #solutions-template #s-video .video-box {
    margin: 0 auto;
    max-width: 750px;
  }
  #solutions-template #s-video .video-box .video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
  }
  #solutions-template #s-video .video-box .video-container iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  #solutions-template #s-quote {
    padding: 75px 0;
    background: #000000;
    overflow: hidden;
  }
  #solutions-template #s-quote .quote-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  #solutions-template #s-quote .quote-grid .quote-item.left img {
    max-width: 120px;
    margin-bottom: 30px;
  }
  #solutions-template #s-quote .quote-grid .quote-item.left .quote {
    display: block;
    color: #ffffff;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 45px;
    margin-bottom: 30px;
  }
  #solutions-template #s-quote .quote-grid .quote-item.left .quote p {
    display: inline;
  }
  #solutions-template #s-quote .quote-grid .quote-item.left .author {
    display: block;
    margin-bottom: 40px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 21px;
  }
  #solutions-template #s-quote .quote-grid .quote-item.left .ctas-container a:first-child {
    margin: 0 20px 20px 0;
  }
  #solutions-template #s-quote .quote-grid .quote-item.left .button.red:hover {
    color: #FF006B;
    background-color: #ffffff;
  }
  #solutions-template #s-quote .quote-grid .quote-item.right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #solutions-template #s-quote .quote-grid .quote-item.right img {
    max-width: 320px;
  }
  #solutions-template #s-quote .quote-grid .quote-item.right .img-container {
    position: relative;
  }
  #solutions-template #s-quote .quote-grid .quote-item.right .img-container::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -49px;
    left: -81px;
    width: 206.82px;
    height: 150px;
    background: url(/mkt/assets/appdetailsv2/images/dots.90312a55.png) no-repeat center;
    background-size: cover;
  }
  #solutions-template #s-quote .quote-grid .quote-item.right .img-container::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -30px;
    right: -40px;
    width: 240px;
    height: 240px;
    background-color: rgba(121, 119, 119, 0.69);
  }
  
  @media only screen and (max-width: 1025px) {
    #solutions-template .margin-bottom {
      margin-bottom: 30px;
    }
    #solutions-template #s-hero .rotate-form-two::before {
      bottom: 0;
      top: 155px;
      right: 350px;
    }
    #solutions-template #s-hero .rotate-form-two::after {
      right: -50px;
    }
    #solutions-template #s-hero .rotate-form-two .rotate-img-two {
      right: 0;
    }
    #solutions-template #s-header {
      padding: 60px 0;
    }
    #solutions-template #s-header .s-grid {
      display: flex;
      flex-direction: column-reverse;
    }
    #solutions-template #content .title-content {
      max-width: 100%;
      font-size: 30px;
      line-height: 36px;
    }
    #solutions-template #s-quote .quote-grid {
      display: block;
      flex-direction: column-reverse;
    }
    #solutions-template #s-quote .quote-grid .quote-item.left .quote {
      margin-bottom: 230px;
      font-size: 26px;
      line-height: 32px;
    }
    #solutions-template #s-quote .quote-grid .quote-item.right {
      position: absolute;
      bottom: 150px;
    }
    #solutions-template #s-quote .quote-grid .quote-item.right .img-container:before {
      width: 103px;
      height: 75px;
      top: 49px;
      left: 81px;
    }
    #solutions-template #s-quote .quote-grid .quote-item.right .img-container:after {
      width: 80px;
      height: 80px;
      bottom: auto;
      right: auto;
      left: -30px;
      top: -30px;
    }
    #solutions-template #s-quote .quote-grid .quote-item.right img {
      max-width: 170px;
    }
  }
  @media only screen and (max-width: 769px) {
    #solutions-template #s-hero {
      padding: 140px 0 0;
    }
    #solutions-template #s-hero .rotate-form-two {
      padding: 0 30px;
    }
    #solutions-template #s-hero .rotate-form-two .rotate-img-two {
      width: 100%;
      height: 0;
      padding-bottom: 56.25%; /* 16:9 */
      margin: 30px auto 0;
      position: relative;
      top: 0;
      clip-path: none;
    }
  }
  @media only screen and (max-width: 641px) {
    #solutions-template #check-content {
      padding: 74px 0;
    }
    #solutions-template #check-content .check-grid {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  #webinars #w-hero {
    padding: 215px 80px 140px 80px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
  }
  #webinars #w-hero::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  #webinars #w-hero .inside {
    position: relative;
    z-index: 2;
    max-width: 1240px;
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
  }
  #webinars #w-hero .inside .top-title {
    color: #CFD3DA;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 4.5px;
    line-height: 23px;
    text-align: center;
  }
  #webinars #w-hero .inside .main-title {
    max-width: 900px;
  }
  #webinars #w-header {
    padding: 100px 0;
  }
  #webinars #w-header .w-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  #webinars #w-header .w-grid .w-item.left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  #webinars #w-header .w-grid .w-item.left::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 2px;
    width: 176.48px;
    height: 128px;
    background: url(/mkt/assets/appdetailsv2/images/dots.90312a55.png) no-repeat center center;
    background-size: cover;
  }
  #webinars #w-header .w-grid .w-item.left::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 20px;
    left: 3px;
    width: 188px;
    height: 110px;
    background-color: rgba(0, 0, 0, 0.1);
  }
  #webinars #w-header .w-grid .w-item.left img {
    max-width: 500px;
  }
  #webinars #w-header .w-grid .w-item.right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #webinars #w-header .w-grid .w-item.right .top-title {
    margin-bottom: 15px;
  }
  #webinars #w-header .w-grid .w-item.right .top-title.red {
    color: #800035;
  }
  #webinars #w-header .w-grid .w-item.right .section-title.left {
    text-align: left;
  }
  #webinars #w-header .w-grid .w-item.right .under-section-title {
    text-align: left;
    line-height: 25px;
    margin: 20px auto 38px auto;
  }
  #webinars #w-quote {
    padding: 74px 30px;
    background-color: rgba(0, 0, 0, 0.03);
  }
  #webinars #w-quote .tiers-grid {
    margin: 40px auto 50px;
  }
  #webinars #w-quote .tiers-grid .tiers-items {
    max-width: 364px;
    height: 340px;
    padding: 45px 32px 47px 32px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 #E7E8EC;
    position: relative;
  }
  #webinars #w-quote .tiers-grid .tiers-items .tag {
    color: #FF006B;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    background: rgba(255, 0, 107, 0.1);
    padding: 6px 16.5px 8px;
    border-radius: 16px;
  }
  #webinars #w-quote .tiers-grid .tiers-items .tiers-title {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 25px;
    margin: 33px 0 15px;
  }
  #webinars #w-quote .tiers-grid .tiers-items .tiers-text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 19px;
    margin-bottom: 15px;
  }
  #webinars #w-quote .tiers-grid .tiers-items .link {
    font-size: 18px;
  }
  #webinars #w-quote .tiers-grid .tiers-items .link::before {
    top: 10px;
  }
  #webinars #w-quote .tiers-grid .tiers-items .link::after {
    bottom: 8px;
  }
  
  @media only screen and (max-width: 1025px) {
    #webinars #w-header .w-grid .w-item.left::before {
      top: 0px;
    }
    #webinars #w-header .w-grid .w-item.left::after {
      bottom: 26px;
    }
    #webinars #w-header .w-grid .w-item.left img {
      max-width: 90%;
    }
    #webinars #w-quote .tiers-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media only screen and (max-width: 769px) {
    #webinars #w-header .w-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #webinars #w-header .w-grid .w-item.left {
      margin-bottom: 50px;
    }
    #webinars #w-header .w-grid .w-item.left::before {
      top: -44px;
      right: 66px;
    }
    #webinars #w-header .w-grid .w-item.left::after {
      bottom: -20px;
      left: 70px;
    }
    #webinars #w-header .w-grid .w-item.left img {
      max-width: 90%;
    }
    #webinars #w-quote .tiers-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media only screen and (max-width: 641px) {
    #webinars #w-header .w-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #webinars #w-header .w-grid .w-item.left {
      margin-bottom: 50px;
    }
    #webinars #w-header .w-grid .w-item.left::before {
      top: -44px;
      right: 6px;
    }
    #webinars #w-header .w-grid .w-item.left::after {
      bottom: -20px;
      left: 9px;
    }
    #webinars #w-header .w-grid .w-item.left img {
      max-width: 90%;
    }
    #webinars #w-quote .tiers-grid {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    #webinars #w-quote .tiers-grid .tiers-items .tiers-text {
      margin-bottom: 35px;
    }
  }
  @media only screen and (max-width: 421px) {
    #webinars #w-header .w-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #webinars #w-header .w-grid .w-item.left::before {
      right: -6px;
    }
    #webinars #w-header .w-grid .w-item.left::after {
      left: -2px;
    }
    #webinars #w-header .w-grid .w-item.right .section-title {
      text-align: start;
    }
    #webinars #w-quote {
      padding: 74px 10px;
    }
  }
  #legal .inside {
    position: relative;
    max-width: 850px;
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
  }
  #legal ul li {
    font-size: 16px;
    line-height: 25px;
    color: #000000;
  }
  #legal ol li {
    color: #000000;
  }
  #legal p {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.2px;
    text-align: start;
    color: #000000;
    margin-bottom: 25px;
  }
  #legal p .bold {
    font-weight: 600;
    color: #000000;
  }
  #legal.red {
    color: #FF006B;
  }
  #legal .warning {
    margin-top: 25px;
    font-weight: 600;
    color: #FF0000;
  }
  #legal .section-title {
    text-align: left;
    margin-top: 50px;
    color: #000000;
  }
  #legal .uppercase-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.2px;
    text-align: start;
    text-transform: uppercase;
    color: #FF006B;
    margin-bottom: 25px;
  }
  #legal .bold {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.2px;
    text-align: start;
    font-weight: 600;
    color: #000000;
  }
  #legal .section-anchor {
    text-decoration: none;
    color: #FF006B;
    cursor: pointer;
  }
  #legal #l-hero {
    padding: 215px 80px 140px 80px;
    position: relative;
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
  }
  #legal #l-hero .inside .one-title {
    font-size: 46px;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 46px;
    max-width: 900px;
    margin: 15px auto 20px;
  }
  #legal #l-hero .inside .two-title {
    color: #CFD3DA;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 23px;
    font-weight: 200;
    text-align: center;
  }
  #legal #l-content {
    padding: 80px 0 10px;
  }
  #legal #l-content .inside .previous {
    text-decoration: none;
  }
  #legal #l-content .inside p {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.2px;
    text-align: start;
    color: #000000;
    margin-bottom: 25px;
  }
  #legal #l-content .inside p strong {
    font-weight: 600;
  }
  #legal #l-content .inside p .bold {
    font-weight: 600;
    color: #000000;
  }
  #legal #l-content .inside a {
    color: #FF006B;
    word-break: break-all;
  }
  #legal #l-table,
  #legal #l-table-content {
    padding: 20px 0;
  }
  
  @media only screen and (max-width: 769px) {
    #legal .inside.box-mobile {
      background: #000000;
      position: relative;
      top: 230px;
      padding: 30px;
    }
    #legal #l-hero .inside .one-title {
      font-size: 32px;
      line-height: 36px;
    }
    #legal #l-hero .inside .two-title {
      font-size: 16px;
      line-height: 20px;
    }
    #legal #l-hero .inside.box-mobile .one-title,
    #legal #l-hero .inside.box-mobile .two-title {
      display: block;
      text-align: left;
    }
    #legal #l-hero.height-mobile {
      min-height: 300px;
      padding: 0 30px;
      margin-bottom: 140px;
    }
  }
  @media only screen and (max-width: 421px) {
    #legal #l-table table th {
      font-size: 20px;
    }
    #legal #l-table table td {
      font-size: 14px;
    }
  }
  #gated-page {
    min-height: calc(100vh - 84px);
    position: relative;
  }
  #gated-page.right-fixed .gated-content .content-right .gated-form-container {
    position: fixed;
    top: 0;
    right: 0;
    width: 40%;
  }
  #gated-page.right-fixed.right-absolute .gated-content .content-right .gated-form-container {
    position: absolute;
    top: auto;
    bottom: 0;
  }
  #gated-page .gated-content {
    display: grid;
    grid-template-columns: 60% 40%;
  }
  #gated-page .gated-content .content-left .top-gated {
    padding: 120px 100px 40px 20%;
    background: #C3C8D1;
  }
  #gated-page .gated-content .content-left .top-gated .gated-cat {
    display: block;
    color: #000000;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 4.5px;
    line-height: 23px;
    text-align: center;
    margin-bottom: 20px;
  }
  #gated-page .gated-content .content-left .top-gated .gated-title {
    color: #000000;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 44px;
    text-align: center;
  }
  #gated-page .gated-content .content-left .btm-gated {
    padding: 40px 100px 80px 20%;
  }
  #gated-page .gated-content .content-right .gated-form-container .mktoCheckboxList {
    color: #ffffff;
  }
  #gated-page .gated-content .content-right .gated-form-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100vh;
    background: #000000;
    padding: 95px 30px;
  }
  #gated-page .gated-content .content-right .gated-form-container .form-step-one {
    display: none;
  }
  #gated-page .gated-content .content-right .gated-form-container .form-step-one.active {
    display: block;
  }
  #gated-page .gated-content .content-right .gated-form-container .form-step-two {
    display: none;
  }
  #gated-page .gated-content .content-right .gated-form-container .form-step-two.active {
    display: block;
  }
  #gated-page .gated-content .content-right .gated-form-container .form-title {
    font-size: 30px;
    letter-spacing: 0.2px;
    line-height: 36px;
    margin-bottom: 25px;
    text-align: center;
    color: #ffffff;
  }
  #gated-page .gated-content .content-right .gated-form-container .gated-contact-title {
    color: #FFFFFF;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 0.3px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 20px;
  }
  #gated-page .gated-content .content-right .gated-form-container .gated-contact-title span {
    display: block;
  }
  #gated-page .gated-content .content-right .gated-form-container .lang-grid-gated {
    max-width: 466px;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  #gated-page .gated-content .content-right .gated-form-container .lang-grid-gated a {
    display: block;
    width: 100%;
    padding: 21px 0 22px;
    background: transparent;
    border: 1px solid #fff;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
  }
  #gated-page .gated-content .content-right .gated-form-container .lang-grid-gated a:hover {
    background: #FF006B;
    border: 1px solid #FF006B;
    transition: all 500ms ease;
  }
  #gated-page .gated-content .content-right .gated-form-container .mktoForm {
    width: 100% !important;
    padding: 0 30px;
  }
  #gated-page .gated-content .content-right .gated-form-container .mktoForm .mktoFormRow:first-of-type {
    display: none;
  }
  #gated-page .gated-content .content-right .gated-form-container .mktoForm .mktoFormRow:nth-of-type(24) {
    position: relative;
  }
  #gated-page .gated-content .content-right .gated-form-container .mktoForm .mktoFormRow:nth-of-type(24) label {
    padding-left: 30px;
  }
  #gated-page .gated-content .content-right .gated-form-container .mktoForm .mktoFormRow:nth-of-type(24) #LbloptInExplicit:nth-child(2) {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  #gated-page .gated-content .content-right .gated-form-container .mktoForm .mktoFormRow:nth-of-type(24) #LbloptInExplicit:nth-child(2):before {
    box-shadow: none;
  }
  #gated-page .gated-content .content-right .gated-form-container .mktoForm .mktoFormRow .mktoFormCol {
    width: 100%;
  }
  #gated-page .gated-content .content-right .gated-form-container .mktoForm .mktoFormRow .mktoFieldWrap {
    float: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }
  #gated-page .gated-content .content-right .gated-form-container .mktoForm .mktoFormRow .mktoLabel {
    padding-top: 0 !important;
    width: auto !important;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: normal;
    margin-bottom: 10px;
  }
  #gated-page .gated-content .content-right .gated-form-container .mktoForm .mktoFormRow .mktoGutter,
  #gated-page .gated-content .content-right .gated-form-container .mktoForm .mktoFormRow .mktoOffset {
    display: none;
  }
  #gated-page .gated-content .content-right .gated-form-container .mktoForm .mktoFormRow input[type=text],
  #gated-page .gated-content .content-right .gated-form-container .mktoForm .mktoFormRow input[type=email],
  #gated-page .gated-content .content-right .gated-form-container .mktoForm .mktoFormRow input[type=tel] {
    width: 100% !important;
    height: 40px;
    background: #ffffff;
    border: 1px solid #ffffff;
    padding: 4px 16px;
    box-shadow: none;
  }
  #gated-page .gated-content .content-right .gated-form-container .mktoForm .mktoFormRow #LbloptInExplicit {
    font-size: 15px;
    line-height: 19px;
  }
  #gated-page .gated-content .content-right .gated-form-container .mktoForm .mktoFormRow .mktoError {
    left: 0;
    position: absolute;
  }
  #gated-page .gated-content .content-right .gated-form-container .mktoForm .mktoButtonRow {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  #gated-page .gated-content .content-right .gated-form-container .mktoForm .mktoButtonRow .mktoButtonWrap {
    margin-left: 0 !important;
  }
  #gated-page .gated-content .content-right .gated-form-container .mktoForm .mktoButtonRow .mktoButtonWrap.mktoGlow .mktoButton {
    text-transform: uppercase;
    background: transparent;
    border: 1px solid #ffffff;
    font-size: 18px;
    box-shadow: none;
    padding: 15px 30px;
  }
  #gated-page .gated-content .gated-editor img {
    margin-bottom: 25px;
  }
  #gated-page .gated-content .gated-editor p {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 22px;
    margin-bottom: 25px;
    color: rgba(0, 0, 0, 0.75);
  }
  #gated-page .gated-content .gated-editor p a {
    text-decoration: none;
    color: #FF006B;
  }
  #gated-page .gated-content .gated-editor p strong {
    font-weight: 600;
  }
  #gated-page .gated-content .gated-editor p em {
    font-style: italic;
  }
  #gated-page .gated-content .gated-editor h2 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 29px;
    margin-bottom: 25px;
    color: rgba(0, 0, 0, 0.75);
  }
  #gated-page .gated-content .gated-editor h2.center {
    text-align: center;
  }
  #gated-page .gated-content .gated-editor ul {
    margin-bottom: 25px;
    margin-left: 20px;
  }
  #gated-page .gated-content .gated-editor ul li {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 22px;
    margin-bottom: 10px;
    padding-left: 15px;
    position: relative;
    color: rgba(0, 0, 0, 0.75);
  }
  #gated-page .gated-content .gated-editor ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.75);
  }
  #gated-page .gated-content .gated-editor ul li a {
    text-decoration: none;
    color: #FF006B;
  }
  #gated-page .gated-content .gated-editor ul li strong {
    font-weight: 600;
  }
  #gated-page .gated-content .gated-editor ul li em {
    font-style: italic;
  }
  
  @media only screen and (max-width: 1281px) {
    #gated-page .gated-content .content-left .top-gated,
    #gated-page .gated-content .content-left .btm-gated {
      padding: 40px 60px;
    }
    #gated-page .gated-content .content-right .gated-form-container {
      padding: 40px 20px;
    }
  }
  @media only screen and (max-width: 1025px) {
    #gated-page {
      min-height: auto;
    }
    #gated-page.right-fixed.right-absolute .gated-content .content-right .gated-form-container {
      position: relative;
      width: 100%;
    }
    #gated-page.right-fixed .gated-content .content-right .gated-form-container {
      position: relative;
      width: 100%;
    }
    #gated-page .gated-content {
      grid-template-columns: repeat(1, 1fr);
    }
    #gated-page .gated-content .content-left .top-gated {
      padding: 100px 30px 30px 30px;
    }
    #gated-page .gated-content .content-left .btm-gated {
      padding: 30px;
    }
    #gated-page .gated-content .content-right .gated-form-container {
      position: relative;
      width: 100%;
      height: auto;
      padding: 30px 0;
    }
    #gated-page .gated-content .content-right .gated-form-container .mktoForm {
      max-width: 500px;
      margin: 0 auto;
    }
  }
  #state-of-mobile img {
    display: block;
    max-width: 100%;
    height: auto;
  }
  #state-of-mobile .centering {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #state-of-mobile .state-inside {
    max-width: 1242px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
  }
  #state-of-mobile .state-title {
    font-size: 46px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 58px;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
  }
  #state-of-mobile .state-title span {
    color: #FF006B;
  }
  #state-of-mobile .state-section-title {
    color: #000000;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 45px;
    text-align: center;
    margin-bottom: 60px;
  }
  #state-of-mobile .state-cta {
    text-decoration: none;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #FF006B;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    padding: 12px 16px;
  }
  #state-of-mobile .state-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  #state-of-mobile #state-hero {
    padding: 216px 0 136px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  #state-of-mobile #state-hero .main-title {
    max-width: 300px;
    margin: 15px 0 0;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
  }
  #state-of-mobile #state-hero .state-inside {
    text-align: center;
  }
  #state-of-mobile #state-hero .state-under-title {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.22px;
    line-height: 25px;
  }
  #state-of-mobile #state-report {
    padding: 50px 0 75px;
  }
  #state-of-mobile #state-report.more-padding {
    padding: 120px 0 75px;
  }
  #state-of-mobile #state-report .img-layer {
    position: relative;
    z-index: 1;
  }
  #state-of-mobile #state-report .img-layer:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -10px;
    left: 40px;
    width: 176px;
    height: 128px;
    background: url(/mkt/assets/appdetailsv2/images/dots.svg) repeat center;
    background-size: cover;
  }
  #state-of-mobile #state-report .img-layer img {
    position: relative;
    z-index: 2;
  }
  #state-of-mobile #state-report .state-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #state-of-mobile #state-report .state-item.right {
    padding: 0 30px;
  }
  #state-of-mobile #state-report .top {
    display: block;
    color: #000000;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 50px;
  }
  #state-of-mobile #state-report .bottom {
    display: block;
    color: #FF006B;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 35px;
  }
  #state-of-mobile #state-numbers {
    padding: 77px 0;
    background-color: #F9FAFB;
  }
  #state-of-mobile #state-numbers .centering .top-title.small {
    margin-bottom: 20px;
  }
  #state-of-mobile #state-numbers .nbr-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .top-nbr {
    height: 50px;
    color: #FF006B;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.18px;
    line-height: 23px;
    margin-bottom: 18px;
    max-width: 145px;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .nbr {
    color: #000000;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: 0.6px;
    line-height: 76px;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .unity {
    color: rgba(0, 0, 0, 0.5);
    font-size: 32px;
    letter-spacing: 0;
    line-height: 40px;
    margin-bottom: 100px;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .small-desc {
    font-size: 15px;
    line-height: 19px;
    color: #800035;
    letter-spacing: 0.15px;
    text-align: center;
    margin-bottom: 15px;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .small-desc.ios {
    font-size: 13px;
    font-weight: 200;
    line-height: 16px;
    color: #404040;
    letter-spacing: -0.1px;
    text-align: center;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .small-desc.bold {
    font-size: 15px;
    font-weight: 500;
    line-height: 19px;
    color: #404040;
    letter-spacing: 0.15px;
    text-align: center;
    max-width: 170px;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .small-desc.mrg-top {
    margin-top: 30px;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .small-desc.mgn-top {
    margin-top: 15px;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph {
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #FF006B;
    position: relative;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph .graph-nbr {
    color: #ffffff;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph .graph-nbr.pink {
    color: #FF006B;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph.new-app:after, #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph.app-store:after, #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph.daily-time:after, #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph.mobile-ad:after {
    content: "";
    position: absolute;
    left: 100%;
    bottom: -1px;
    width: 30px;
    height: 1px;
    background: #FF006B;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph.new-app:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    height: 0;
    width: 150px;
    background: #FF006B;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph.new-app .graph-nbr {
    bottom: 11px;
    color: #ffffff;
    font-weight: 500;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph.app-store:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    height: 0;
    width: 150px;
    transform: translateX(-50%);
    background: #FF006B;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph.app-store .graph-nbr {
    bottom: 14px;
    color: #FF006B;
    font-weight: 500;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph.daily-time:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 0;
    width: 150px;
    transform: translateX(-50%);
    background: #FF006B;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph.daily-time .graph-nbr {
    bottom: 25px;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph.mobile-ad:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 0;
    width: 150px;
    transform: translateX(-50%);
    background: #FF006B;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph.mobile-ad .graph-nbr {
    bottom: 16px;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph.total-hours:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 0;
    width: 150px;
    transform: translateX(-50%);
    background: #FF006B;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph.total-hours .graph-nbr {
    bottom: 7px;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph-nbr {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 28px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph-nbr.white {
    color: #fff;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .graph-nbr.pink {
    color: #FF006B;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .growth {
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.15px;
    line-height: 19px;
    text-align: center;
    margin-bottom: 15px;
  }
  #state-of-mobile #state-numbers #nbrs-limit .nbr-item .apps {
    color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    letter-spacing: -0.1px;
    line-height: 16px;
    text-align: center;
  }
  #state-of-mobile #state-numbers #nbrs-limit.section-on .nbr-item .graph.new-app::before {
    height: 52px;
    transition: all 600ms ease;
  }
  #state-of-mobile #state-numbers #nbrs-limit.section-on .nbr-item .graph.app-store::before {
    height: 8px;
    transition: all 600ms ease;
  }
  #state-of-mobile #state-numbers #nbrs-limit.section-on .nbr-item .graph.daily-time::before {
    height: 14px;
    transition: all 600ms ease;
  }
  #state-of-mobile #state-numbers #nbrs-limit.section-on .nbr-item .graph.mobile-ad::before {
    height: 61px;
    transition: all 600ms ease;
  }
  #state-of-mobile #state-numbers #nbrs-limit.section-on .nbr-item .graph.total-hours::before {
    height: 45px;
    transition: all 600ms ease;
  }
  #state-of-mobile #state-full-report {
    padding: 80px 0 40px;
  }
  #state-of-mobile #state-full-report .report-grid {
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 30px;
  }
  #state-of-mobile #state-full-report .report-grid .report-item.left {
    padding: 0 30px;
  }
  #state-of-mobile #state-full-report .report-grid .report-item.right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #state-of-mobile #state-full-report .report-grid .report-item.right img {
    max-width: 298px;
    width: 100%;
    height: auto;
  }
  #state-of-mobile #state-full-report .report-list {
    margin-bottom: 50px;
  }
  #state-of-mobile #state-full-report .report-list li {
    color: rgba(0, 0, 0, 0.75);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 23px;
    padding-left: 40px;
    position: relative;
    margin-bottom: 25px;
  }
  #state-of-mobile #state-full-report .report-list li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(/mkt/assets/appdetailsv2/images/check.svg) no-repeat center;
    background-size: cover;
  }
  #state-of-mobile #state-full-report .report-list li strong {
    font-weight: 500;
    color: #FF006B;
  }
  #state-of-mobile #state-apps {
    padding: 40px 0 80px;
  }
  #state-of-mobile #state-apps img {
    margin-left: auto;
    margin-right: auto;
  }
  #state-of-mobile #state-science {
    background-color: #F9FAFB;
    padding: 77px 0 87px;
  }
  #state-of-mobile #state-science .science-flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    position: relative;
    left: -15px;
    margin-bottom: 60px;
  }
  #state-of-mobile #state-science .science-flex .science-item {
    max-width: 374px;
    width: 100%;
    margin: 0 15px 30px;
    text-align: center;
    padding: 0 30px;
  }
  #state-of-mobile #state-science .science-flex .science-item .img-box {
    width: 60px;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
  }
  #state-of-mobile #state-science .science-flex .science-item span {
    display: block;
    text-align: center;
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 28px;
    margin-bottom: 9px;
  }
  #state-of-mobile #state-science .science-flex .science-item span p {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 28px;
    margin-bottom: 9px;
  }
  #state-of-mobile #state-science .science-flex .science-item span strong {
    color: #FF006B;
  }
  #state-of-mobile #state-science .science-flex .science-item p {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
    text-align: center;
  }
  #state-of-mobile #state-featured {
    padding: 80px 0 100px;
    overflow: hidden;
  }
  #state-of-mobile #state-featured .featured-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid rgba(0, 0, 0, 0.25);
    padding: 60px 0;
    position: relative;
    background: #fff;
  }
  #state-of-mobile #state-featured .featured-list:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -40px;
    right: -55px;
    width: 228px;
    height: 147px;
    background: url(/mkt/assets/appdetailsv2/images/dots.png) repeat center;
    background-size: cover;
  }
  #state-of-mobile #state-featured .featured-list:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -25px;
    left: -25px;
    width: 195px;
    height: 76px;
    background: rgba(0, 0, 0, 0.1);
  }
  #state-of-mobile #state-featured .featured-list img {
    max-width: 120px;
    margin: 0 80px 50px;
  }
  #state-of-mobile #state-contact {
    padding: 73px 0 94px;
    background: rgba(0, 0, 0, 0.75);
  }
  #state-of-mobile #state-contact .form-step-one {
    display: none;
  }
  #state-of-mobile #state-contact .form-step-one.active {
    display: block;
  }
  #state-of-mobile #state-contact .form-step-two {
    display: none;
  }
  #state-of-mobile #state-contact .form-step-two.active {
    display: block;
  }
  #state-of-mobile #state-contact .state-contact-title {
    color: #FFFFFF;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 0.3px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 40px;
  }
  #state-of-mobile #state-contact .state-contact-title span {
    display: block;
  }
  #state-of-mobile #state-contact .lang-grid {
    max-width: 466px;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  #state-of-mobile #state-contact .lang-grid a {
    display: block;
    width: 100%;
    padding: 21px 0 22px;
    background: transparent;
    border: 1px solid #fff;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
  }
  #state-of-mobile #state-contact .lang-grid a:hover {
    background: #FF006B;
    border: 1px solid #FF006B;
    transition: all 500ms ease;
  }
  #state-of-mobile #state-contact .mktoForm {
    max-width: 955px;
    width: 100% !important;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
  }
  #state-of-mobile #state-contact .mktoForm .mktoFormRow {
    width: calc(50% - 30px);
  }
  #state-of-mobile #state-contact .mktoForm .mktoFormRow:first-of-type {
    display: none;
  }
  #state-of-mobile #state-contact .mktoForm .mktoFormRow:nth-of-type(even) {
    margin-right: 15px;
  }
  #state-of-mobile #state-contact .mktoForm .mktoFormRow:nth-of-type(odd) {
    margin-left: 15px;
  }
  #state-of-mobile #state-contact .mktoForm .mktoFormRow:nth-of-type(8) {
    width: 100%;
    margin: 0;
  }
  #state-of-mobile #state-contact .mktoForm .mktoFieldWrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #state-of-mobile #state-contact .mktoForm .mktoFieldDescriptor {
    width: 100%;
  }
  #state-of-mobile #state-contact .mktoForm .mktoOffset,
  #state-of-mobile #state-contact .mktoForm .mktoGutter {
    display: none;
  }
  #state-of-mobile #state-contact .mktoForm .mktoLabel {
    display: block;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin-bottom: 6px;
    width: auto !important;
    font-weight: normal;
  }
  #state-of-mobile #state-contact .mktoForm .mktoAsterix {
    color: #ffffff;
  }
  #state-of-mobile #state-contact .mktoForm input {
    width: 100% !important;
    height: 50px;
    background: #ffffff;
    border: 1px solid #ffffff;
    padding: 4px 16px;
    box-shadow: none;
  }
  #state-of-mobile #state-contact .mktoForm .mktoCheckboxList {
    width: 100% !important;
    padding: 0;
  }
  #state-of-mobile #state-contact .mktoForm .mktoCheckboxList input {
    width: 0;
    height: 0;
  }
  #state-of-mobile #state-contact .mktoForm .mktoCheckboxList label {
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    cursor: pointer;
  }
  #state-of-mobile #state-contact .mktoForm .mktoCheckboxList input[type=checkbox] + label:before {
    box-shadow: none;
    margin-left: 0;
    left: 0;
    color: #FF006B;
  }
  #state-of-mobile #state-contact .mktoForm .mktoButtonRow {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  #state-of-mobile #state-contact .mktoForm .mktoButtonWrap {
    margin: 0 auto !important;
  }
  #state-of-mobile #state-contact .mktoForm .mktoError {
    left: 0;
  }
  #state-of-mobile #state-contact .mktoForm .mktoButton {
    appearance: none;
    text-transform: uppercase;
    padding: 20px 33px 21px 32px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 23px;
    color: #ffffff;
    background: #FF006B;
    border: 1px solid #FF006B;
    box-shadow: none;
  }
  
  @media only screen and (max-width: 900px) {
    #state-of-mobile #state-numbers .nbr-grid {
      gap: 15px;
    }
    #state-of-mobile #state-numbers .nbr-item .top-nbr {
      font-size: 16px;
      line-height: 22px;
    }
    #state-of-mobile #state-numbers .nbr-item .nbr {
      font-size: 40px;
      line-height: 50px;
    }
    #state-of-mobile #state-numbers .nbr-item .unity {
      font-size: 22px;
      line-height: 30px;
    }
    #state-of-mobile #state-numbers .nbr-item .graph {
      margin-bottom: 20px;
      width: 100%;
      text-align: center;
      border-bottom: 1px solid #FF006B;
      position: relative;
    }
    #state-of-mobile #state-numbers .nbr-item .graph.new:after, #state-of-mobile #state-numbers .nbr-item .graph.app:after, #state-of-mobile #state-numbers .nbr-item .graph.time:after, #state-of-mobile #state-numbers .nbr-item .graph.mobile:after {
      width: 15px;
    }
    #state-of-mobile #state-numbers .nbr-item .graph-nbr {
      font-size: 18px;
      line-height: 24px;
    }
  }
  @media only screen and (max-width: 769px) {
    #state-of-mobile .state-title {
      font-size: 36px;
      line-height: 48px;
    }
    #state-of-mobile .state-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #state-of-mobile #state-hero {
      padding: 170px 0 100px;
    }
    #state-of-mobile #state-hero .state-under-title {
      font-size: 18px;
      line-height: 22px;
    }
    #state-of-mobile #state-report .state-item.right {
      padding: 0;
    }
    #state-of-mobile #state-report .top {
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 30px;
    }
    #state-of-mobile #state-report .bottom {
      font-size: 20px;
      line-height: 24px;
    }
    #state-of-mobile #state-numbers .nbr-grid {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: wrap;
    }
    #state-of-mobile #state-numbers .nbr-grid .nbr-item {
      max-width: 250px;
      width: 100%;
      margin-bottom: 30px;
    }
    #state-of-mobile #state-numbers .nbr-grid .nbr-item .top-nbr {
      margin-bottom: 5px;
    }
    #state-of-mobile #state-numbers .nbr-grid .nbr-item .unity {
      margin-bottom: 80px;
    }
    #state-of-mobile #state-numbers .graph.new:after, #state-of-mobile #state-numbers .graph.app:after, #state-of-mobile #state-numbers .graph.time:after, #state-of-mobile #state-numbers .graph.mobile:after {
      display: none;
    }
    #state-of-mobile #state-full-report .report-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #state-of-mobile #state-full-report .report-grid .report-item.left {
      padding: 0;
    }
  }
  @media only screen and (max-width: 641px) {
    #state-of-mobile #state-contact .mktoForm {
      flex-direction: column;
    }
    #state-of-mobile #state-contact .mktoForm .mktoFormRow {
      width: 100%;
    }
    #state-of-mobile #state-contact .mktoForm .mktoFormRow:nth-of-type(even) {
      margin-right: 0;
    }
    #state-of-mobile #state-contact .mktoForm .mktoFormRow:nth-of-type(odd) {
      margin-left: 0;
    }
  }
  #mps-page .text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 22px;
  }
  #mps-page .text.margin-btm {
    margin-bottom: 16px;
  }
  #mps-page .text.resize {
    max-width: 900px;
    text-align: center;
    margin: 30px auto 60px;
  }
  #mps-page .button {
    text-decoration: none;
    border: 1px solid #FF006B;
    background: #FF006B;
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 21px;
    padding: 15px 25px 14px;
  }
  #mps-page .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  #mps-page #hero {
    padding: 200px 0 110px;
    background: url(/mkt/assets/appdetailsv2/images/mps-banner.002e5507.webp) no-repeat bottom center;
    background-size: cover;
    position: relative;
  }
  #mps-page #hero:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  #mps-page #hero .hero-box {
    background: #000000;
    padding: 70px;
    max-width: 615px;
    width: 100%;
  }
  #mps-page #hero .inside {
    position: relative;
    z-index: 2;
  }
  #mps-page #hero .inside:before {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: -110px;
    width: 312px;
    height: 486px;
    background: url(/mkt/assets/appdetailsv2/images/mps-img.ad0f9672.png) no-repeat bottom center;
    background-size: cover;
  }
  #mps-page #hero .top-title {
    display: block;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 4.5px;
    line-height: 23px;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
    text-align: left;
  }
  #mps-page #hero .title {
    color: #ffffff;
    font-size: 50px;
    letter-spacing: 0;
    line-height: 63px;
    position: relative;
    z-index: 2;
  }
  #mps-page #content,
  #mps-page #content-btm {
    padding: 100px 0 80px;
  }
  #mps-page #content .grid,
  #mps-page #content-btm .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  #mps-page #content .content-left,
  #mps-page #content-btm .content-left {
    padding: 0 35px;
  }
  #mps-page #content .content-left.flex-center,
  #mps-page #content-btm .content-left.flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #mps-page #content .content-left .title-section,
  #mps-page #content-btm .content-left .title-section {
    margin-bottom: 30px;
  }
  #mps-page #content .content-left .button,
  #mps-page #content-btm .content-left .button {
    margin-top: 20px;
  }
  #mps-page #content .content-right .img-box,
  #mps-page #content-btm .content-right .img-box {
    position: relative;
  }
  #mps-page #content .content-right .img-box.no-layer:after,
  #mps-page #content-btm .content-right .img-box.no-layer:after {
    display: none;
  }
  #mps-page #content .content-right .img-box:after,
  #mps-page #content-btm .content-right .img-box:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 228px;
    height: 147px;
    background: url(/mkt/assets/appdetailsv2/images/dots.png) no-repeat center;
    background-size: cover;
    bottom: -77px;
    left: -34px;
  }
  #mps-page #content .btm-content,
  #mps-page #content-btm .btm-content {
    margin-top: 70px;
  }
  #mps-page #content .btm-content .do-more-grid,
  #mps-page #content-btm .btm-content .do-more-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
  }
  #mps-page #content .btm-content .do-more-grid .do-more-item,
  #mps-page #content-btm .btm-content .do-more-grid .do-more-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  #mps-page #content .btm-content .do-more-grid .do-more-item .img-box,
  #mps-page #content-btm .btm-content .do-more-grid .do-more-item .img-box {
    width: 50px;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
  }
  #mps-page #content .btm-content .do-more-grid .do-more-item .text,
  #mps-page #content-btm .btm-content .do-more-grid .do-more-item .text {
    text-align: center;
  }
  #mps-page #content-btm ul {
    margin-left: 10px;
  }
  #mps-page #content-btm ul li {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 22px;
    padding-left: 30px;
    position: relative;
  }
  #mps-page #content-btm ul li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
  }
  #mps-page #trusted {
    padding-top: 100px;
  }
  #mps-page #trusted .layer-container {
    width: 100%;
    position: relative;
    z-index: 1;
  }
  #mps-page #trusted .layer-container:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -21px;
    left: -23px;
    width: 195px;
    height: 76px;
    background: rgba(0, 0, 0, 0.1);
  }
  #mps-page #trusted .layer-container:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -20px;
    right: -58px;
    width: 228px;
    height: 147px;
    background: url(/mkt/assets/appdetailsv2/images/dots.png) no-repeat center;
    background-size: cover;
  }
  #mps-page #trusted .logos-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    z-index: 2;
    background: #ffffff;
    padding: 31px 100px 34px;
    border: 1px solid #979797;
  }
  #mps-page #trusted .logos-container .item {
    margin: 30px;
  }
  #mps-page #video {
    background: #F8F8F8;
    padding: 60px 0;
  }
  #mps-page #video .title-section {
    margin-bottom: 40px;
  }
  #mps-page #video .inside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #mps-page #video .video-size {
    max-width: 760px;
    width: 100%;
    margin: 0 auto 40px;
    box-shadow: 0 0 15px 0 #E7E8EC;
  }
  #mps-page #video .video-size .video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  #mps-page #video .video-size .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #mps-page #access {
    padding: 80px 0;
    position: relative;
  }
  #mps-page #access ul li {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 22px;
    padding-left: 20px;
    position: relative;
    margin-bottom: 15px;
  }
  #mps-page #access ul li strong {
    font-weight: 500;
    color: #000000;
  }
  #mps-page #access ul li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
  }
  #mps-page #access .flex-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 40px 0 80px;
  }
  #mps-page #access .flex-container .flex-item {
    padding: 43px 36px 39px;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 20px 0 #E7E8EC;
    max-width: 360px;
    margin: 0 16px 25px 16px;
  }
  #mps-page #access .flex-container .flex-item span {
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #FF006B;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin-bottom: 30px;
  }
  #mps-page #access .small-text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.19px;
    line-height: 20px;
  }
  #mps-page #access .small-text.margin-btm {
    margin-bottom: 30px;
  }
  #mps-page #quote {
    padding: 75px 0;
    background: #000000;
    overflow: hidden;
  }
  #mps-page #quote .quote-grid {
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 30px;
  }
  #mps-page #quote .quote-grid .quote-item.left {
    padding-right: 30px;
  }
  #mps-page #quote .quote-grid .quote-item.left img {
    max-width: 70px;
    margin-bottom: 30px;
  }
  #mps-page #quote .quote-grid .quote-item.left .quote {
    display: block;
    color: #ffffff;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 40px;
    margin-bottom: 30px;
  }
  #mps-page #quote .quote-grid .quote-item.left .author {
    display: block;
    margin-bottom: 40px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 21px;
  }
  #mps-page #quote .quote-grid .quote-item.right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #mps-page #quote .quote-grid .quote-item.right .img-container {
    position: relative;
  }
  #mps-page #quote .quote-grid .quote-item.right .img-container:before {
    content: "";
    position: absolute;
    top: -37px;
    left: -71px;
    width: 206.82px;
    height: 150px;
    background: url(/mkt/assets/appdetailsv2/images/dots.07453c90.png) no-repeat center;
    background-size: cover;
  }
  #mps-page #quote .quote-grid .quote-item.right .img-container:after {
    content: "";
    position: absolute;
    bottom: -27px;
    right: -30px;
    width: 214.23px;
    height: 226px;
    background: #ffffff;
    opacity: 15%;
  }
  #mps-page #quote .quote-grid .quote-item.right .img-container img {
    position: relative;
    z-index: 2;
  }
  
  @media only screen and (max-width: 1025px) {
    #mps-page #hero {
      padding: 0;
    }
    #mps-page #hero .hero-box {
      position: relative;
      top: 150px;
      padding: 20px;
    }
    #mps-page #hero .inside {
      height: 390px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-start;
    }
    #mps-page #hero .inside:before {
      display: none;
    }
    #mps-page #hero .title {
      font-size: 40px;
      line-height: 53px;
    }
    #mps-page #content {
      padding-top: 200px;
    }
    #mps-page #content .content-left,
    #mps-page #content-btm .content-left {
      padding: 0;
    }
    #mps-page #content .content-right .img-box:after,
    #mps-page #content-btm .content-right .img-box:after {
      display: none;
    }
    #mps-page #content .content-right .img-box img,
    #mps-page #content-btm .content-right .img-box img {
      margin: 0 auto;
    }
  }
  @media only screen and (max-width: 900px) {
    #mps-page #content .btm-content .do-more-grid,
    #mps-page #content-btm .btm-content .do-more-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media only screen and (max-width: 769px) {
    #mps-page #hero .inside:before {
      display: none;
    }
    #mps-page #quote .quote-grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
    }
    #mps-page #quote .quote-grid .quote-item.left {
      padding-right: 30px;
    }
    #mps-page #content-bottom .grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 30px;
    }
    #mps-page #access {
      padding: 80px 0;
    }
    #mps-page #access:before {
      display: none;
    }
  }
  @media only screen and (max-width: 641px) {
    #mps-page #quote .quote-grid .quote-item.left {
      padding-right: 0;
    }
    #mps-page #quote .quote-grid .quote-item.left .quote {
      font-size: 24px;
      line-height: 35px;
    }
    #mps-page #quote .quote-grid .quote-item.right {
      margin-top: 40px;
    }
    #mps-page #quote .quote-grid .quote-item.right .img-container::after {
      height: 146px;
    }
    #mps-page #content .grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #mps-page #content .btm-content .do-more-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #mps-page #content-btm .grid {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  @media only screen and (max-width: 520px) {
    #mps-page #trusted .logos-container {
      padding: 30px;
    }
    #mps-page #content .btm-content .do-more-grid,
    #mps-page #content-btm .btm-content .do-more-grid {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  #paid-intelligence .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  #paid-intelligence .grid.margin-bottom {
    margin-bottom: 130px;
  }
  #paid-intelligence .text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 22px;
  }
  #paid-intelligence img {
    display: block;
    max-width: 100%;
    height: auto;
  }
  #paid-intelligence .button {
    text-decoration: none;
    border: 1px solid #FF006B;
    background: #FF006B;
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 21px;
    padding: 15px 25px 14px;
  }
  #paid-intelligence #hero {
    padding-top: 133px;
    position: relative;
    background: #000000;
  }
  #paid-intelligence #hero:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/mkt/assets/appdetailsv2/images/hero.c6725714.png) no-repeat bottom center;
    background-size: cover;
  }
  #paid-intelligence #hero .logo-container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1280px;
    width: 100%;
  }
  #paid-intelligence #hero .hero-grid {
    display: grid;
    grid-template-columns: 1fr 435px;
    gap: 60px;
  }
  #paid-intelligence #hero .title {
    color: #ffffff;
    margin-bottom: 39px;
    font-size: 38px;
    line-height: 42px;
    letter-spacing: -0.13px;
    padding-right: 20px;
  }
  #paid-intelligence #hero .form-title {
    text-align: center;
    color: #000000;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.13px;
    font-weight: 500;
  }
  #paid-intelligence #hero .hero-list li {
    color: #ffffff;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 0.32px;
    line-height: 24px;
    padding-left: 45px;
    margin-bottom: 14px;
    position: relative;
  }
  #paid-intelligence #hero .hero-list li:last-child {
    margin-bottom: 0;
  }
  #paid-intelligence #hero .hero-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(/mkt/assets/appdetailsv2/images/checkwhite.png) no-repeat center;
    background-size: cover;
  }
  #paid-intelligence #hero .item.right {
    border: 1px solid #979797;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.22);
    background: rgba(255, 255, 255, 0.9) !important;
    border-radius: 4.5px;
    padding: 20px 30px;
  }
  #paid-intelligence #hero .item.right > div {
    background: transparent !important;
    color: #000000 !important;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    margin: 15px 0;
  }
  #paid-intelligence #hero .item.right > div span {
    color: #000000 !important;
  }
  #paid-intelligence #hero .item.right > div a {
    color: #000000;
  }
  #paid-intelligence #hero .item.right h3 {
    color: #000000 !important;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 0;
    text-align: center;
  }
  #paid-intelligence #hero .item.right .mktoForm {
    width: 100% !important;
    overflow: hidden;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoClear,
  #paid-intelligence #hero .item.right .mktoForm .mktoGutter,
  #paid-intelligence #hero .item.right .mktoForm .mktoOffset {
    display: none;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoFormRow {
    position: relative;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoFormRow .mktoFieldDescriptor {
    width: 100%;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoFormRow:nth-of-type(1), #paid-intelligence #hero .item.right .mktoForm .mktoFormRow:nth-of-type(2) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoFormRow:nth-of-type(1) input, #paid-intelligence #hero .item.right .mktoForm .mktoFormRow:nth-of-type(2) input {
    width: auto !important;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoFormRow:nth-of-type(4) .mktoFieldWrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoFormRow textarea {
    width: 100% !important;
    height: 100px;
    padding: 15px 22px;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoFieldWrap {
    display: flex;
    width: 100%;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoFieldWrap label {
    position: absolute;
    left: -200%;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoFieldWrap input[type=text],
  #paid-intelligence #hero .item.right .mktoForm .mktoFieldWrap input[type=email],
  #paid-intelligence #hero .item.right .mktoForm .mktoFieldWrap input[type=tel],
  #paid-intelligence #hero .item.right .mktoForm .mktoFieldWrap select {
    width: 100% !important;
    height: 44px;
    padding: 0 22px;
    color: #8790A2;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 20px;
    appearance: none;
    border: 1px solid #ffffff;
    margin-bottom: 7px;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoFieldWrap input[type=text]::placeholder,
  #paid-intelligence #hero .item.right .mktoForm .mktoFieldWrap input[type=email]::placeholder,
  #paid-intelligence #hero .item.right .mktoForm .mktoFieldWrap input[type=tel]::placeholder,
  #paid-intelligence #hero .item.right .mktoForm .mktoFieldWrap select::placeholder {
    color: #8790A2;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 20px;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoFieldWrap textarea {
    color: #8790A2;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 20px;
    border: 1px solid #ffffff;
    margin-bottom: 12px;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoFieldWrap textarea::placeholder {
    color: #8790A2;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 20px;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoFieldWrap #LbloptInExplicit {
    position: relative;
    left: 0;
    color: #000000;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoAsterix {
    display: none;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoButton {
    width: 100%;
    display: block;
    height: 54px;
    text-decoration: none;
    border: 1px solid #FF006B;
    background: #FF006B;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 19px;
    padding: 12px 23px;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoError {
    bottom: -30px !important;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoError .mktoErrorArrow {
    background-color: #F16767;
    border: 1px solid #F16767;
  }
  #paid-intelligence #hero .item.right .mktoForm .mktoError .mktoErrorMsg {
    line-height: 1.2em;
    letter-spacing: 0.5px;
    font-family: "Outfit", sans-serif;
    font-size: 1em;
    font-weight: 300;
    display: block;
    margin-top: 7px;
    background-color: #F16767;
    border: 1px solid #F16767;
    background-image: none;
    border-radius: 6px;
    color: #111213;
    max-width: 16em;
    padding: 0.4em 0.6em;
    text-shadow: #f16767 0 -1px 0;
    box-shadow: none;
  }
  #paid-intelligence #hero .signup-form {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
  }
  #paid-intelligence #hero .signup-form .form-row {
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
  }
  #paid-intelligence #hero .signup-form .form-row.double {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  #paid-intelligence #hero .signup-form .form-row.padding {
    padding-left: 25px;
  }
  #paid-intelligence #hero .signup-form .has-select {
    position: relative;
  }
  #paid-intelligence #hero .signup-form .has-select:before {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    width: 10px;
    height: 1px;
    background: #000000;
  }
  #paid-intelligence #hero .signup-form .has-select:after {
    content: "";
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 1px;
    background: #000000;
  }
  #paid-intelligence #hero .signup-form .hide-label {
    position: absolute;
    left: -200%;
  }
  #paid-intelligence #hero .signup-form input,
  #paid-intelligence #hero .signup-form select {
    width: 100%;
    height: 54px;
    padding: 0 22px;
    color: #8790A2;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 20px;
    appearance: none;
    border: 1px solid #ffffff;
  }
  #paid-intelligence #hero .signup-form input::placeholder,
  #paid-intelligence #hero .signup-form select::placeholder {
    color: #8790A2;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 20px;
  }
  #paid-intelligence #hero .signup-form .check-container {
    color: #000000;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
  }
  #paid-intelligence #hero .signup-form .check-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  #paid-intelligence #hero .signup-form .check-container input:checked ~ .checkmark:after {
    display: block;
  }
  #paid-intelligence #hero .signup-form .check-container .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #000000;
  }
  #paid-intelligence #hero .signup-form .check-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 4px;
    top: 2px;
    width: 2.5px;
    height: 5px;
    border: solid #FF006B;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #paid-intelligence #hero .add-text {
    display: block;
    color: #000000;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    margin: 15px 0;
  }
  #paid-intelligence #hero .add-text a {
    color: #000000;
  }
  #paid-intelligence #hero .button {
    width: 100%;
    display: block;
    height: 64px;
    margin-bottom: 20px;
  }
  #paid-intelligence #trusted {
    padding: 140px 0 80px;
    background: #000000;
  }
  #paid-intelligence #trusted .title-section {
    margin-bottom: 70px;
  }
  #paid-intelligence #trusted .layer-container {
    width: 100%;
    position: relative;
    z-index: 1;
  }
  #paid-intelligence #trusted .logos-container {
    position: relative;
    z-index: -1;
    background: #800035;
    padding: 30px;
    border: 1px solid #979797;
    opacity: 0;
  }
  #paid-intelligence #trusted .logos-container.slick-initialized {
    opacity: 1;
    transition: opacity500ms ease;
  }
  #paid-intelligence #trusted .logos-container .slick-slide {
    width: 200px;
    height: 200px;
    margin: 0 20px;
  }
  #paid-intelligence #trusted .logos-container .slick-slide > div {
    width: 100%;
    height: 100%;
  }
  #paid-intelligence #trusted .logos-container .item {
    display: flex !important;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #paid-intelligence #trusted .logos-container img {
    max-height: 80px;
  }
  #paid-intelligence #content {
    padding: 80px 0;
  }
  #paid-intelligence #content .text {
    font-size: 20px;
    line-height: 24px;
  }
  #paid-intelligence #content .content-left {
    padding: 0 35px;
  }
  #paid-intelligence #content .content-left.flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #paid-intelligence #content .content-left .title-section {
    margin-bottom: 30px;
  }
  #paid-intelligence #content .content-right {
    padding: 0 35px;
  }
  #paid-intelligence #content .content-right .img-box {
    position: relative;
  }
  #paid-intelligence #content .content-right .img-box:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 89px;
    height: 71px;
    background: url(/mkt/assets/appdetailsv2/images/layer.f7489dad.png) no-repeat center;
    background-size: cover;
  }
  #paid-intelligence #content .content-right .img-box.btm-right:after {
    bottom: -77px;
    right: -44px;
  }
  #paid-intelligence #content .content-right .img-box.btm-left:after {
    bottom: -77px;
    left: -44px;
  }
  #paid-intelligence #versus {
    padding: 80px 0 100px;
  }
  #paid-intelligence #versus .title-section {
    margin-bottom: 50px;
  }
  #paid-intelligence #versus .top-table {
    display: block;
    padding-left: 33px;
    color: rgba(0, 0, 0, 0.75);
    font-size: 18px;
    letter-spacing: 0.3px;
    line-height: 23px;
    position: relative;
    margin-bottom: 30px;
  }
  #paid-intelligence #versus .top-table:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 23px;
    height: 23px;
    background: url(/mkt/assets/appdetailsv2/images/check.png) no-repeat center;
    background-size: cover;
  }
  #paid-intelligence #versus .top-table strong {
    color: #FF006B;
  }
  #paid-intelligence #versus .table-container {
    background: #ffffff;
    border: 1px solid #E7E8EC;
    border-radius: 8px;
    margin-bottom: 75px;
    padding-bottom: 38px;
    position: relative;
  }
  #paid-intelligence #versus .table-container:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -36px;
    left: -39px;
    width: 228px;
    height: 147px;
    background: url(/mkt/assets/appdetailsv2/images/dots.png) no-repeat center;
    background-size: cover;
  }
  #paid-intelligence #versus .table-container .grid-row {
    display: grid;
    grid-template-columns: 70% 15% 15%;
  }
  #paid-intelligence #versus .table-container .grid-row.grey {
    background: #F3F5F7;
  }
  #paid-intelligence #versus .table-container .grid-row.padding {
    padding: 11px 45px;
  }
  #paid-intelligence #versus .table-container .grid-row.big-padding {
    padding: 27.5px 45px 24px;
  }
  #paid-intelligence #versus .table-container .grid-row .item {
    color: rgba(0, 0, 0, 0.75);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 23px;
    position: relative;
  }
  #paid-intelligence #versus .table-container .grid-row .item.center {
    text-align: center;
  }
  #paid-intelligence #versus .table-container .grid-row .item.full:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background: url(/mkt/assets/appdetailsv2/images/circle.98441cd1.png) no-repeat center;
    background-size: cover;
  }
  #paid-intelligence #versus .table-container .grid-row .item.half:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background: url(/mkt/assets/appdetailsv2/images/cirlce-2.11424802.png) no-repeat center;
    background-size: cover;
  }
  #paid-intelligence #versus .table-container .grid-row .item.empty:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background: url(/mkt/assets/appdetailsv2/images/circle.3a7c1f15.png) no-repeat center;
    background-size: cover;
  }
  #paid-intelligence #versus .table-container .grid-row .item .top-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  #paid-intelligence #versus .table-container .grid-row .item .top-list li {
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 22px;
    padding-left: 22px;
    margin-right: 40px;
    position: relative;
  }
  #paid-intelligence #versus .table-container .grid-row .item .top-list li:last-child {
    margin-right: 0;
  }
  #paid-intelligence #versus .table-container .grid-row .item .top-list li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
  }
  #paid-intelligence #versus .table-container .grid-row .item .top-list li.empty:before {
    background: url(/mkt/assets/appdetailsv2/images/circle.3a7c1f15.png) no-repeat center;
    background-size: cover;
  }
  #paid-intelligence #versus .table-container .grid-row .item .top-list li.half:before {
    background: url(/mkt/assets/appdetailsv2/images/cirlce-2.11424802.png) no-repeat center;
    background-size: cover;
  }
  #paid-intelligence #versus .table-container .grid-row .item .top-list li.full:before {
    background: url(/mkt/assets/appdetailsv2/images/circle.98441cd1.png) no-repeat center;
    background-size: cover;
  }
  #paid-intelligence #versus .table-container .grid-row .item .top-vs {
    color: #FF006B;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
  }
  #paid-intelligence #versus .table-container .grid-row .item .top-vs.icone {
    padding-left: 27px;
    position: relative;
  }
  #paid-intelligence #versus .table-container .grid-row .item .top-vs.icone:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 19px;
    height: 16.24px;
    background: url(/mkt/assets/appdetailsv2/images/picto.76a94fa2.png) no-repeat center;
    background-size: cover;
  }
  #paid-intelligence #versus .centering {
    text-align: center;
  }
  #paid-intelligence #versus .button {
    display: inline-block;
  }
  #paid-intelligence #quote {
    padding: 70px 0;
    background: #000000;
    color: #ffffff;
  }
  #paid-intelligence #quote .left .image {
    max-width: 12%;
  }
  #paid-intelligence #footer {
    padding: 16px 0 10px;
    background: #000000;
  }
  #paid-intelligence #footer .inside {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  #paid-intelligence #footer .footer-right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }
  #paid-intelligence #footer .footer-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  #paid-intelligence #footer .footer-list li {
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    margin-right: 14px;
  }
  #paid-intelligence #footer .footer-list li:last-child {
    margin-right: 0;
  }
  #paid-intelligence #footer .footer-list li a {
    text-decoration: none;
    color: #ffffff;
  }
  #paid-intelligence #footer .lang-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  #paid-intelligence #footer .lang-list li {
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    margin-left: 14px;
  }
  #paid-intelligence #footer .lang-list li:last-child {
    margin-left: 0;
  }
  #paid-intelligence #footer .lang-list li a {
    text-decoration: none;
    color: #ffffff;
  }
  
  @media only screen and (max-width: 1025px) {
    #paid-intelligence #hero .hero-grid {
      gap: 50px;
      grid-template-columns: repeat(1, 1fr);
    }
    #paid-intelligence #hero .title {
      font-size: 40px;
      line-height: 53px;
    }
    #paid-intelligence #trusted {
      padding: 60px 0;
    }
    #paid-intelligence #trusted .logos-container {
      flex-wrap: wrap;
      justify-content: center;
      padding: 60px 40px;
    }
    #paid-intelligence #trusted .logos-container .item {
      margin: 20px;
    }
    #paid-intelligence #content .content-left {
      padding: 0;
    }
    #paid-intelligence #content .content-right .img-box:after {
      display: none;
    }
    #paid-intelligence #content .content-right .img-box img {
      margin: 0 auto;
    }
    #paid-intelligence #versus .table-container .grid-row {
      grid-template-columns: 50% 1fr 1fr;
    }
    #paid-intelligence #versus .table-container .grid-row.padding {
      padding: 11px 20px;
    }
    #paid-intelligence #versus .table-container .grid-row.big-padding {
      padding: 20px;
    }
    #paid-intelligence #versus .table-container .grid-row .item {
      font-size: 15px;
      line-height: 19px;
    }
    #paid-intelligence #versus .table-container .grid-row .item.center {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
    }
    #paid-intelligence #versus .table-container .grid-row .item .top-vs {
      font-size: 15px;
      line-height: 19px;
    }
    #paid-intelligence #versus .table-container .grid-row .item .top-vs.icone {
      padding-left: 0;
    }
    #paid-intelligence #versus .table-container .grid-row .item .top-vs.icone:before {
      left: 50%;
      top: -20px;
      transform: translateX(-50%);
    }
  }
  @media only screen and (max-width: 768px) {
    #paid-intelligence #content .grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
    }
    #paid-intelligence #content .grid.reverse-mobile {
      display: flex;
      flex-direction: column-reverse;
    }
    #paid-intelligence #quote .grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
    }
  }
  @media only screen and (max-width: 600px) {
    #paid-intelligence #hero .title {
      font-size: 30px;
      line-height: 43px;
    }
    #paid-intelligence #hero .hero-list li {
      font-size: 16px;
      line-height: 20px;
    }
    #paid-intelligence #hero .item.right {
      padding: 15px;
    }
    #paid-intelligence #hero .item.right .mktoForm .mktoFormRow:nth-of-type(1), #paid-intelligence #hero .item.right .mktoForm .mktoFormRow:nth-of-type(2) {
      grid-template-columns: repeat(1, 1fr);
      gap: 0;
    }
    #paid-intelligence #hero .item.right .mktoForm .mktoCheckboxList {
      width: 30px;
    }
    #paid-intelligence #content .grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
    }
    #paid-intelligence #content .grid.reverse-mobile {
      display: flex;
      flex-direction: column-reverse;
    }
    #paid-intelligence #quote .grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
    }
  }
  #solutions-page .text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 22px;
  }
  #solutions-page .text.margin-btm {
    margin-bottom: 16px;
  }
  #solutions-page .text.resize {
    max-width: 980px;
    text-align: center;
    margin: 0 auto 60px;
  }
  #solutions-page .text .strong {
    color: #FF006B;
  }
  #solutions-page .text.strong-text {
    font-weight: 500;
  }
  #solutions-page .top-title {
    text-align: left;
  }
  #solutions-page .link {
    display: block;
    text-align: center;
    margin: 60px auto 0;
    color: #FF006B;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 23px;
    text-decoration: none;
  }
  #solutions-page .link::before {
    content: none;
  }
  #solutions-page .link::after {
    content: none;
  }
  #solutions-page .link span {
    position: relative;
    padding-right: 20px;
  }
  #solutions-page .link span:before {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 8px;
    height: 1px;
    background: #FF006B;
    transform: rotate(45deg);
  }
  #solutions-page .link span:after {
    content: "";
    position: absolute;
    bottom: 8px;
    right: 0;
    width: 8px;
    height: 1px;
    background: #FF006B;
    transform: rotate(-45deg);
  }
  #solutions-page .sol-title {
    padding-left: 50px;
    position: relative;
  }
  #solutions-page .sol-title:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 40px;
    height: 40px;
  }
  #solutions-page .sol-title.one:before {
    background: url(/mkt/assets/appdetailsv2/images/sol-1.702816b6.png) no-repeat bottom center;
    background-size: cover;
  }
  #solutions-page .sol-title.two:before {
    background: url(/mkt/assets/appdetailsv2/images/sol-2.0ac23a25.png) no-repeat bottom center;
    background-size: cover;
  }
  #solutions-page .sol-title.three:before {
    background: url(/mkt/assets/appdetailsv2/images/sol-3.2e16d6b4.png) no-repeat bottom center;
    background-size: cover;
  }
  #solutions-page .add-title {
    color: #000000;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 28px;
    margin-bottom: 30px;
  }
  #solutions-page .solutions-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
    margin-top: 50px;
  }
  #solutions-page .solutions-list.margin-top {
    margin-top: 70px;
  }
  #solutions-page .solutions-list.simple {
    grid-template-columns: repeat(1, 1fr);
  }
  #solutions-page .solutions-list li {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 23px;
    padding-left: 70px;
    position: relative;
  }
  #solutions-page .solutions-list li:before {
    content: "";
    position: absolute;
    left: 30px;
    top: 0;
    width: 24px;
    height: 24px;
    background: url(/mkt/assets/appdetailsv2/images/check.png) no-repeat center;
    background-size: cover;
  }
  #solutions-page .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  #solutions-page #hero {
    padding: 200px 0 110px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    overflow: hidden;
    background-image: url(/mkt/assets/appdetailsv2/images/hero-solutions.7b1a2bd2.png);
  }
  #solutions-page #hero .inside {
    position: relative;
  }
  #solutions-page #hero .top-title {
    display: block;
    text-transform: uppercase;
    color: #FF006B;
    font-size: 18px;
    letter-spacing: 4.5px;
    line-height: 23px;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
  }
  #solutions-page #hero .title {
    color: #ffffff;
    margin-bottom: 39px;
    font-size: 50px;
    letter-spacing: 0;
    line-height: 63px;
    max-width: 420px;
    position: relative;
    z-index: 2;
    left: -2px;
  }
  #solutions-page #content,
  #solutions-page #content-btm,
  #solutions-page #content-api,
  #solutions-page #content-excel {
    padding: 100px 0 80px;
    overflow: hidden;
  }
  #solutions-page #content .content-left,
  #solutions-page #content-btm .content-left,
  #solutions-page #content-api .content-left,
  #solutions-page #content-excel .content-left {
    padding: 0 35px;
  }
  #solutions-page #content .content-left.flex-center,
  #solutions-page #content-btm .content-left.flex-center,
  #solutions-page #content-api .content-left.flex-center,
  #solutions-page #content-excel .content-left.flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #solutions-page #content .content-left.flex-center .button,
  #solutions-page #content-btm .content-left.flex-center .button,
  #solutions-page #content-api .content-left.flex-center .button,
  #solutions-page #content-excel .content-left.flex-center .button {
    text-align: center;
    margin-top: 20px;
  }
  #solutions-page #content .content-left .title-section,
  #solutions-page #content-btm .content-left .title-section,
  #solutions-page #content-api .content-left .title-section,
  #solutions-page #content-excel .content-left .title-section {
    margin-bottom: 30px;
  }
  #solutions-page #content .content-right,
  #solutions-page #content-btm .content-right,
  #solutions-page #content-api .content-right,
  #solutions-page #content-excel .content-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #solutions-page #content .content-right.has-bkg,
  #solutions-page #content-btm .content-right.has-bkg,
  #solutions-page #content-api .content-right.has-bkg,
  #solutions-page #content-excel .content-right.has-bkg {
    min-height: 355px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  #solutions-page #content .content-right .img-box,
  #solutions-page #content-btm .content-right .img-box,
  #solutions-page #content-api .content-right .img-box,
  #solutions-page #content-excel .content-right .img-box {
    position: relative;
  }
  #solutions-page #content .content-right .img-box:after,
  #solutions-page #content-btm .content-right .img-box:after,
  #solutions-page #content-api .content-right .img-box:after,
  #solutions-page #content-excel .content-right .img-box:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 228px;
    height: 147px;
    background: url(/mkt/assets/appdetailsv2/images/dots.png) no-repeat center;
    background-size: cover;
    left: -34px;
    top: -34px;
  }
  #solutions-page #content .content-right .img-box.btm-right:after,
  #solutions-page #content-btm .content-right .img-box.btm-right:after,
  #solutions-page #content-api .content-right .img-box.btm-right:after,
  #solutions-page #content-excel .content-right .img-box.btm-right:after {
    right: -34px;
    left: auto;
    top: auto;
    bottom: -34px;
  }
  #solutions-page #content .video-size,
  #solutions-page #content-btm .video-size,
  #solutions-page #content-api .video-size,
  #solutions-page #content-excel .video-size {
    max-width: 496px;
    width: 100%;
    box-shadow: 0 0 15px 0 #E7E8EC;
  }
  #solutions-page #content .video-size .video-container,
  #solutions-page #content-btm .video-size .video-container,
  #solutions-page #content-api .video-size .video-container,
  #solutions-page #content-excel .video-size .video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  #solutions-page #content .video-size .video-container iframe,
  #solutions-page #content .video-size .video-container video,
  #solutions-page #content-btm .video-size .video-container iframe,
  #solutions-page #content-btm .video-size .video-container video,
  #solutions-page #content-api .video-size .video-container iframe,
  #solutions-page #content-api .video-size .video-container video,
  #solutions-page #content-excel .video-size .video-container iframe,
  #solutions-page #content-excel .video-size .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #solutions-page #infos {
    padding-bottom: 60px;
  }
  #solutions-page #infos .infos-flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  #solutions-page #infos .infos-flex .infos-box {
    max-width: 330px;
    width: 100%;
    margin: 0 30px 30px 30px;
  }
  #solutions-page #infos .infos-flex .infos-box .img-box {
    margin-bottom: 23px;
  }
  #solutions-page #infos .infos-flex .infos-box .info-title {
    color: #000000;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.46px;
    line-height: 30px;
    margin-bottom: 24px;
  }
  #solutions-page #smart {
    padding: 88px 0;
    background: rgba(0, 0, 0, 0.03);
  }
  #solutions-page #for {
    padding: 88px 0;
    background: rgba(0, 0, 0, 0.03);
  }
  #solutions-page #for .for-top {
    display: block;
    color: #FF006B;
    font-size: 22px;
    letter-spacing: 0.5px;
    line-height: 28px;
    margin-bottom: 40px;
    padding-left: 30px;
  }
  #solutions-page #trusted {
    padding-top: 100px;
    overflow: hidden;
  }
  #solutions-page #right-solution {
    padding-bottom: 99px;
  }
  #solutions-page #right-solution .right-flex {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
  #solutions-page #right-solution .right-flex .right-item {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
  }
  #solutions-page #right-solution .right-flex .right-item .item-top {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    background: #000000;
    padding: 20px;
    min-height: 170px;
  }
  #solutions-page #right-solution .right-flex .right-item .item-top img {
    width: 45px;
    margin-bottom: 12px;
  }
  #solutions-page #right-solution .right-flex .right-item .item-top .right-title {
    color: #ffffff;
    font-size: 24px;
    letter-spacing: 0.13px;
    line-height: 30px;
    text-align: center;
  }
  #solutions-page #right-solution .right-flex .right-item .item-bottom {
    padding: 40px 47px 30px 45px;
  }
  #solutions-page #right-solution .right-flex .right-item .item-bottom ul li {
    color: rgba(0, 0, 0, 0.75);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 23px;
    padding-left: 50px;
    position: relative;
    margin-bottom: 25px;
  }
  #solutions-page #right-solution .right-flex .right-item .item-bottom ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background: url(/mkt/assets/appdetailsv2/images/check.png) no-repeat center;
    background-size: cover;
  }
  #solutions-page #right-solution .right-flex .right-item .item-bottom ul li span.pink {
    color: #FF006B;
  }
  
  @media only screen and (max-width: 1100px) {
    #solutions-page #right-solution .right-flex .right-item .item-bottom {
      padding: 30px;
    }
  }
  @media only screen and (max-width: 1025px) {
    #solutions-page #hero {
      background-image: url(/mkt/assets/appdetailsv2/images/solutions-tablet.d86542f0.png);
      background-size: cover;
      background-position: top center;
    }
    #solutions-page #content .content-left,
    #solutions-page #content-btm .content-left,
    #solutions-page #content-api .content-left,
    #solutions-page #content-excel .content-left {
      padding: 0;
    }
    #solutions-page #content .content-right .img-box:after,
    #solutions-page #content-btm .content-right .img-box:after,
    #solutions-page #content-api .content-right .img-box:after,
    #solutions-page #content-excel .content-right .img-box:after {
      display: none;
    }
    #solutions-page #content .content-right .img-box img,
    #solutions-page #content-btm .content-right .img-box img,
    #solutions-page #content-api .content-right .img-box img,
    #solutions-page #content-excel .content-right .img-box img {
      margin: 0 auto;
    }
    #solutions-page #right-solution .right-flex {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: wrap;
      gap: 0;
    }
    #solutions-page #right-solution .right-flex .right-item {
      max-width: 300px;
      margin: 0 7px 30px;
    }
  }
  @media only screen and (max-width: 900px) {
    #solutions-page #content .btm-content .do-more-grid,
    #solutions-page #content-btm .btm-content .do-more-grid,
    #solutions-page #content-api .btm-content .do-more-grid,
    #solutions-page #content-excel .btm-content .do-more-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media only screen and (max-width: 769px) {
    #solutions-page .grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #solutions-page #hero .inside:before {
      display: none;
    }
    #solutions-page #hero .title {
      font-size: 40px;
      line-height: 53px;
    }
    #solutions-page .solutions-list {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  @media only screen and (max-width: 520px) {
    #mps-page #trusted .logos-container {
      padding: 30px;
    }
    #mps-page #content .btm-content .do-more-grid,
    #mps-page #content-btm .btm-content .do-more-grid,
    #mps-page #content-api .btm-content .do-more-grid,
    #mps-page #content-excel .btm-content .do-more-grid {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  #topic-template #t-hero {
    padding: 80px 0 150px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(114.17deg, #000000 0%, #800035 100%);
    text-align: center;
    position: relative;
  }
  #topic-template #t-hero .sub-nav {
    padding: 20px 80px;
    background: rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  #topic-template #t-hero .sub-nav .blog-title {
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    color: #ffffff;
    text-align: left;
    text-decoration: none;
  }
  #topic-template #t-hero .sub-nav .btn-nav {
    text-decoration: none;
    color: #ffffff;
    padding: 0 0 0 75px;
  }
  #topic-template #t-hero .sub-nav .buttons {
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #ffffff;
    justify-content: right;
    align-items: flex-end;
  }
  #topic-template #t-hero .sub-nav .buttons .t-categorie {
    position: relative;
    cursor: pointer;
  }
  #topic-template #t-hero .sub-nav .buttons .t-categorie::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 47px;
    width: 15px;
    height: 15px;
    background: url(/mkt/assets/appdetailsv2/images/categorie.6f498fd3.svg) no-repeat center;
    background-size: cover;
  }
  #topic-template #t-hero .sub-nav .buttons .t-categorie::after {
    content: "";
    position: absolute;
    top: 4px;
    right: -20px;
    width: 10px;
    height: 12px;
    background: url(/mkt/assets/appdetailsv2/images/arrow.ad1ea2db.png) no-repeat center;
    background-size: cover;
    transform: rotate(-90deg);
  }
  #topic-template #t-hero .sub-nav .buttons .t-categorie.btn-nav {
    text-decoration: none;
    color: #ffffff;
    padding: 0 0 0 75px;
  }
  #topic-template #t-hero .sub-nav .buttons .t-search {
    position: relative;
  }
  #topic-template #t-hero .sub-nav .buttons .t-search::before {
    content: "";
    position: absolute;
    top: 2px;
    left: -23px;
    width: 15px; 
    height: 15px;
    background: url(/mkt/assets/appdetailsv2/images/search.4510e979.svg);
  }
  #topic-template #t-hero .sub-nav-categorie {
    display: none;
  }
  #topic-template #t-hero .sub-nav-categorie.active {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #ffffff;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15);
    padding: 20px 30px;
    position: absolute;
    right: 216px;
    z-index: 3;
  }
  #topic-template #t-hero .sub-nav-categorie.active::before {
    content: "";
    position: relative;
    top: -29px;
    left: 37px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 9px 11px 9px;
    border-color: transparent transparent #ffffff transparent;
    transform: rotate(0deg);
  }
  #topic-template #t-hero .sub-nav-categorie.active .cat {
    text-decoration: none;
    color: #404040;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 22px;
  }
  #topic-template #t-hero .sub-nav-categorie.active .cat:hover {
    color: #000000;
  }
  #topic-template #t-hero .hero-middle .main-title {
    margin-top: 90px;
    margin-bottom: 18px;
  }
  #topic-template #t-hero .hero-middle .hero-title {
    color: #ffffff;
    font-size: 18px;
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    line-height: 20px;
    letter-spacing: 0.5px;
    font-weight: 300;
  }
  #topic-template #content .block-card {
    padding: 40px 0 30px;
  }
  #topic-template #content .t-content-grid {
    padding: 40px 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
  }
  #topic-template #content .t-content-grid .t-title-categorie {
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #800035;
    margin-bottom: 20px;
  }
  #topic-template #content .t-content-grid .t-title {
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 24px;
  }
  #topic-template #content .t-content-grid .t-text {
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.5px;
    font-weight: 300;
    color: #404040;
    margin-bottom: 25px;
  }
  
  @media only screen and (max-width: 769px) {
    #topic-template #content .t-content-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media only screen and (max-width: 421px) {
    #topic-template #t-hero .sub-nav {
      padding: 20px 15px;
    }
    #topic-template #content .t-content-grid {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  #gaming {
    padding-top: 56.25%;
    overflow: hidden;
  }
  #gaming .section {
    background: #000000;
    position: relative;
  }
  #gaming .inside {
    position: relative;
    padding: 0 50px;
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
  }
  #gaming .inside.smaller {
    max-width: 900px;
  }
  #gaming .inside.medium {
    max-width: 955px;
  }
  #gaming .inside.flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #gaming img {
    display: block;
    max-width: 100%;
    height: auto;
  }
  #gaming .hero-top {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    top: -100%;
    padding: 10px 0;
  }
  #gaming .hero-top.fixed {
    top: 0;
    transition: top 250ms ease;
  }
  #gaming .hero-top .button {
    margin: 0 5px;
  }
  #gaming #solutions-for-gaming {
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
  #gaming #solutions-for-gaming:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
  }
  #gaming #solutions-for-gaming .cover-video {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #gaming #solutions-for-gaming .inside {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #gaming #solutions-for-gaming .anim-title {
    max-width: 530px;
    font-size: 60px;
    line-height: 72px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 58px;
    opacity: 0;
  }
  #gaming #solutions-for-gaming .anim-title.show {
    opacity: 1;
    transition: opacity 1400ms ease;
  }
  #gaming #solutions-for-gaming .anim-top-title {
    display: block;
    color: #ffffff;
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 24px;
    opacity: 0;
    letter-spacing: 0.2em;
  }
  #gaming #solutions-for-gaming .anim-top-title.show {
    opacity: 1;
    transition: opacity 800ms ease;
  }
  #gaming #solutions-for-gaming .ctas-flex {
    position: relative;
    overflow: hidden;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  #gaming #solutions-for-gaming .ctas-flex.slide .slide-ctas-container {
    top: 0;
    transition: top 800ms ease;
  }
  #gaming #solutions-for-gaming .ctas-flex .slide-ctas-container {
    position: relative;
    top: 100%;
  }
  #gaming #solutions-for-gaming .ctas-flex .round-cta {
    text-decoration: none;
    font-weight: 600;
    font-size: 19px;
    line-height: 24px;
    padding: 14px 52px;
    border-radius: 8px;
    margin-right: 16px;
  }
  #gaming #solutions-for-gaming .ctas-flex .round-cta.pink {
    color: #ffffff;
    background: #FF006B;
    border: 1px solid #FF006B;
  }
  #gaming #solutions-for-gaming .ctas-flex .round-cta.transparent {
    color: #ffffff;
    background: transparent;
    border: 1px solid #ffffff;
  }
  #gaming #solutions-for-gaming #section-nav {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    position: fixed;
    z-index: 3;
    top: 200px;
    right: 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #gaming #solutions-for-gaming #section-nav .section-nav-item {
    margin: 17px 0;
    width: 100%;
  }
  #gaming #solutions-for-gaming #section-nav .section-nav-item .section-anchor {
    display: block;
    width: 100%;
    height: 100%;
    text-align: right;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.3);
    padding-right: 100px;
    position: relative;
    font-size: 16px;
    line-height: 26px;
  }
  #gaming #solutions-for-gaming #section-nav .section-nav-item .section-anchor:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 40px;
    height: 2px;
    background: rgba(255, 255, 255, 0.3);
  }
  #gaming #solutions-for-gaming #section-nav .section-nav-item .section-anchor span {
    opacity: 0;
  }
  #gaming #solutions-for-gaming #section-nav .section-nav-item .section-anchor:hover:after {
    width: 82px;
    height: 4px;
    transition: all 600ms ease;
  }
  #gaming #solutions-for-gaming #section-nav .section-nav-item .section-anchor:hover span {
    opacity: 1;
    transition: opacity 600ms ease;
  }
  #gaming #solutions-for-gaming #section-nav .section-nav-item .section-anchor.active:after {
    width: 82px;
    height: 4px;
    background: #ffffff;
    transition: all 600ms ease;
  }
  #gaming #solutions-for-gaming #section-nav .section-nav-item .section-anchor.active span {
    opacity: 1;
    color: #ffffff;
    transition: opacity 600ms ease;
  }
  #gaming #top-publishers {
    padding: 80px 0;
  }
  #gaming #top-publishers.section-on .title-section-gaming {
    opacity: 1;
    top: 0;
  }
  #gaming #top-publishers .title-section-gaming {
    position: relative;
    margin-bottom: 68px;
    opacity: 0;
    top: 50px;
    transition: all 800ms ease;
  }
  #gaming #top-publishers .build-slider {
    margin-bottom: 60px;
    opacity: 0;
  }
  #gaming #top-publishers .build-slider.slick-initialized {
    opacity: 1;
    transition: opacity 600ms ease;
  }
  #gaming #top-publishers .build-slider .slick-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 15px;
    width: 270px;
    height: 70px;
  }
  #gaming #top-publishers .under-slider {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
    text-align: center;
  }
  #gaming #top-publishers .under-slider a {
    margin-left: 5px;
  }
  #gaming #user-cases {
    padding: 80px 0;
    position: relative;
  }
  #gaming #user-cases.section-on .title-section-gaming {
    opacity: 1;
    top: 0;
  }
  #gaming #user-cases .inside {
    position: static;
  }
  #gaming #user-cases .title-section-gaming {
    position: relative;
    margin-bottom: 82px;
    opacity: 0;
    top: 50px;
    transition: all 800ms ease;
  }
  #gaming #user-cases .relative-container {
    position: relative;
  }
  #gaming #user-cases .relative-container.slide-l-r .best-container {
    left: 0;
    transition: all 800ms ease;
  }
  #gaming #user-cases .relative-container.show-text .best-container .best-left .best-title,
  #gaming #user-cases .relative-container.show-text .best-container .best-left .best-content {
    opacity: 1;
    top: 0;
    transition: all 1200ms ease;
  }
  #gaming #user-cases .relative-container.show-text .best-container .best-right .right-img-container {
    top: 0;
    transition: top 1200ms ease;
  }
  #gaming #user-cases .relative-container.show-cta .best-right:before {
    opacity: 1;
    transition: opacity 600ms ease;
  }
  #gaming #user-cases .relative-container.open-lightbox .video-container {
    visibility: visible;
    animation-name: opacityAnimation;
    animation-duration: 600ms;
  }
  #gaming #user-cases .best-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    min-height: 376px;
    margin-bottom: 24px;
    text-decoration: none;
    cursor: pointer;
    position: relative;
  }
  #gaming #user-cases .best-container:hover .best-left .best-hover {
    opacity: 1;
    transition: opacity 800ms ease;
  }
  #gaming #user-cases .best-container:hover .best-right .right-img-container .bkg-img {
    transform: scale(1.2);
  }
  #gaming #user-cases .best-container .best-left {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    position: relative;
    background: #141414;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #gaming #user-cases .best-container .best-left .best-title {
    display: block;
    font-size: 20px;
    line-height: 36px;
    color: #FF006B;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    opacity: 0;
    top: 50px;
  }
  #gaming #user-cases .best-container .best-left .best-content {
    font-size: 26px;
    line-height: 36px;
    color: #ffffff;
    text-align: center;
    padding: 0 120px;
    position: relative;
    opacity: 0;
    top: 50px;
  }
  #gaming #user-cases .best-container .best-left .best-hover {
    opacity: 0;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #141414;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 53px 44px 0 44px;
  }
  #gaming #user-cases .best-container .best-left .best-hover .hover-title {
    display: block;
    font-size: 28px;
    line-height: 36px;
    color: #ffffff;
    margin-bottom: 16px;
    font-weight: 600;
  }
  #gaming #user-cases .best-container .best-left .best-hover .hover-text {
    display: block;
    font-size: 21px;
    line-height: 33px;
    color: #ffffff;
    margin-bottom: 24px;
  }
  #gaming #user-cases .best-container .best-right {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    position: relative;
    overflow: hidden;
    background: #141414;
  }
  #gaming #user-cases .best-container .best-right:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/mkt/assets/appdetailsv2/images/play.png) no-repeat center;
    background-size: cover;
    width: 80px;
    height: 80px;
    opacity: 0;
  }
  #gaming #user-cases .best-container .best-right .right-img-container {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    height: 100%;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    overflow: hidden;
  }
  #gaming #user-cases .best-container .best-right .right-img-container .bkg-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    transition: transform 600ms ease;
  }
  #gaming #user-cases .video-container {
    visibility: hidden;
    position: absolute;
    z-index: 6;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  #gaming #user-cases .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #gaming #user-cases .close-lightbox {
    appearance: none;
    padding: 0;
    border: none;
    background: transparent;
    position: absolute;
    left: 100%;
    top: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  #gaming #user-cases .close-lightbox:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 100%;
    height: 4px;
    background: #FF006B;
    border-radius: 4px;
  }
  #gaming #user-cases .close-lightbox:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 100%;
    height: 4px;
    background: #FF006B;
    border-radius: 4px;
  }
  #gaming #top-charts {
    padding: 80px 0;
    background: #800035 url(/mkt/assets/appdetailsv2/images/market-2.5b4750fe.jpg) no-repeat top center;
    background-size: cover;
    position: relative;
  }
  #gaming #top-charts .title-section-gaming {
    position: relative;
    margin-bottom: 54px;
    opacity: 1;
    top: 0;
    transition: all 800ms ease;
  }
  #gaming #top-charts .sign-up {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 48px;
    font-size: 20px;
    line-height: 28px;
    color: #ffffff;
  }
  #gaming #top-charts .sign-up .link-gaming {
    display: inline-block;
  }
  #gaming #top-charts .social {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #gaming #top-charts .social li {
    width: 24px;
    height: 24px;
    margin-left: 16px;
  }
  #gaming #top-charts .social li a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #gaming #top-charts .social li a.facebook {
    background: url(/mkt/assets/appdetailsv2/images/facebook.png) no-repeat center;
    background-size: cover;
  }
  #gaming #top-charts .social li a.twitter {
    background: url(/mkt/assets/appdetailsv2/images/twitter.png) no-repeat center;
    background-size: cover;
  }
  #gaming #top-charts .social li a.linkedin {
    background: url(/mkt/assets/appdetailsv2/images/linkedin.png) no-repeat center;
    background-size: cover;
  }
  #gaming #top-charts .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  #gaming #top-charts .full-block {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 16px;
    padding: 16px 0 47px;
  }
  #gaming #top-charts .full-block.margin-btm {
    margin-bottom: 16px;
  }
  #gaming #top-charts .full-block .add-infos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    line-height: 28px;
    color: #ffffff;
    padding: 0 24px;
  }
  #gaming #top-charts .full-block .row {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  #gaming #top-charts .full-block .row .nbr {
    margin-right: 22px;
    font-size: 16px;
  }
  #gaming #top-charts .full-block .filters-top {
    display: grid;
    grid-template-columns: 1fr 100px;
    border-bottom: 1px solid #575757;
  }
  #gaming #top-charts .full-block .filters-top .filters {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0 10px;
  }
  #gaming #top-charts .full-block .filters-top .filters.two {
    grid-template-columns: repeat(2, 1fr);
    padding-right: 80px;
  }
  #gaming #top-charts .full-block .filters-top .filters.no-padding {
    padding: 0 10px;
  }
  #gaming #top-charts .full-block .filters-top .filters li {
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
    padding: 16px;
    position: relative;
  }
  #gaming #top-charts .full-block .filters-top .filters li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    height: 4px;
    background: #FF006B;
    opacity: 0;
  }
  #gaming #top-charts .full-block .filters-top .filters li.active-filter {
    font-weight: 700;
  }
  #gaming #top-charts .full-block .filters-top .filters li.active-filter:after {
    opacity: 1;
  }
  #gaming #top-charts .full-block .filters-result .result-list {
    padding: 0 24px;
    color: #ffffff;
  }
  #gaming #top-charts .full-block .filters-result .result-list li {
    display: grid;
    grid-template-columns: 50px 1fr 30px;
    border-bottom: 1px solid #575757;
    padding: 24px 0;
  }
  #gaming #top-charts .full-block .filters-result .result-list li.double {
    grid-template-columns: 1fr 30px;
    padding: 12px 0;
  }
  #gaming #top-charts .full-block .filters-result .result-list li .rank {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #gaming #top-charts .full-block .filters-result .result-list li .game {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  #gaming #top-charts .full-block .filters-result .result-list li .game .game-img {
    width: 34px;
    height: 34px;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 8px;
  }
  #gaming #top-charts .full-block .filters-result .result-list li .position {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding-left: 15px;
    position: relative;
  }
  #gaming #top-charts .full-block .filters-result .result-list li .position:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  #gaming #top-charts .full-block .filters-result .result-list li .position.down {
    font-weight: 600;
    color: #FF006B;
    font-size: 18px;
  }
  #gaming #top-charts .full-block .filters-result .result-list li .position.down:before {
    width: 10px;
    height: 7px;
    background: url(/mkt/assets/appdetailsv2/images/down.png) no-repeat top center;
    background-size: cover;
  }
  #gaming #top-charts .full-block .filters-result .result-list li .position.up {
    font-size: 16px;
    color: #42A887;
  }
  #gaming #top-charts .full-block .filters-result .result-list li .position.up:before {
    width: 8px;
    height: 7px;
    background: url(/mkt/assets/appdetailsv2/images/up.png) no-repeat top center;
    background-size: cover;
  }
  #gaming #top-charts .full-block .last-day {
    font-size: 14px;
    line-height: 28px;
    color: #C58AF9;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #gaming #top-charts .full-block .link-gaming {
    margin: 29px auto 0;
    text-align: center;
  }
  #gaming #top-charts .under-chart {
    margin-top: 66px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #gaming #top-charts .under-chart span {
    font-size: 20px;
    line-height: 28px;
    color: #ffffff;
    margin-bottom: 42px;
  }
  #gaming #insights {
    padding: 100px 0 250px 40px;
    background: #141414;
  }
  #gaming #insights.fixed {
    position: fixed;
    width: 100%;
    top: 0;
  }
  #gaming #insights.section-on .title-section-gaming {
    opacity: 1;
    top: 0;
  }
  #gaming #insights .title-section-gaming {
    position: relative;
    margin-bottom: 66px;
    opacity: 0;
    top: 50px;
    transition: all 800ms ease;
  }
  #gaming #insights .insights-slider {
    opacity: 0;
  }
  #gaming #insights .insights-slider.slick-initialized {
    opacity: 1;
    transition: opacity 600ms ease;
  }
  #gaming #insights .insights-slider .media-slide.has-video .media {
    position: relative;
  }
  #gaming #insights .insights-slider .media-slide.has-video .media:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/mkt/assets/appdetailsv2/images/play.png) no-repeat center;
    background-size: cover;
    width: 80px;
    height: 80px;
  }
  #gaming #insights .insights-slider .slick-slide {
    width: 409px;
    margin-right: 36px;
  }
  #gaming #insights .insights-slider .slide {
    text-decoration: none;
    border-radius: 24px;
    border: 1px solid transparent;
  }
  #gaming #insights .insights-slider .slide:hover {
    border: 1px solid #FF006B;
    transition: border 600ms ease;
  }
  #gaming #insights .insights-slider .slide:hover .media-container .media {
    transform: scale(1.2);
  }
  #gaming #insights .insights-slider .slide .slide-category {
    display: block;
    color: #BFBFBF;
    font-size: 19px;
    line-height: 28px;
    margin-bottom: 12px;
  }
  #gaming #insights .insights-slider .slide .slide-title {
    display: block;
    color: #ffffff;
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 32px;
  }
  #gaming #insights .insights-slider .figcaption {
    height: 301px;
    background: #000000;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding: 53px 62px 0;
  }
  #gaming #insights .insights-slider .media-container {
    height: 244px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    position: relative;
    overflow: hidden;
  }
  #gaming #insights .insights-slider .media-container .media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 600ms ease;
  }
  #gaming #insights .insights-slider .slick-arrow {
    appearance: none;
    padding: 0;
    border: none;
    font-size: 0;
    cursor: pointer;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    background: url(/mkt/assets/appdetailsv2/images/slider.b965404a.png) no-repeat center;
    background-size: cover;
    position: absolute;
    bottom: -110px;
  }
  #gaming #insights .insights-slider .slick-next {
    left: calc(50% + 40px);
  }
  #gaming #insights .insights-slider .slick-prev {
    transform: rotate(180deg);
    left: calc(50% - 40px);
  }
  #gaming #gaming-customers-stories {
    padding: 88px 0 155px;
  }
  #gaming #gaming-customers-stories .quote-slider {
    opacity: 0;
  }
  #gaming #gaming-customers-stories .quote-slider.slick-initialized {
    opacity: 1;
    transition: opacity 600ms ease;
  }
  #gaming #gaming-customers-stories .quote-slider .quote .q-text {
    font-size: 36px;
    line-height: 42px;
    font-weight: 300;
    color: #ffffff;
    margin: 32px 0;
  }
  #gaming #gaming-customers-stories .quote-slider .quote .q-author {
    display: block;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 8px;
  }
  #gaming #gaming-customers-stories .quote-slider .quote .q-more {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    color: #ffffff;
    margin-bottom: 8px;
  }
  #gaming #gaming-customers-stories .quote-slider .quote .cta-gaming {
    display: inline-block;
    margin-top: 46px;
  }
  #gaming #gaming-customers-stories .quote-slider .slick-dots {
    position: relative;
    bottom: -52px;
    display: flex;
    flex-direction: row;
  }
  #gaming #gaming-customers-stories .quote-slider .slick-dots li {
    margin-right: 14px;
  }
  #gaming #gaming-customers-stories .quote-slider .slick-dots li.slick-active button {
    background: #FF006B;
  }
  #gaming #gaming-customers-stories .quote-slider .slick-dots li button {
    appearance: none;
    padding: 0;
    font-size: 0;
    cursor: pointer;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #FF006B;
  }
  #gaming #get-started-for-free {
    padding: 80px 0 92px;
    background: #141414;
  }
  #gaming #get-started-for-free .inside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #gaming #get-started-for-free a {
    text-decoration: none;
    color: #FF006B;
  }
  #gaming #get-started-for-free.section-on .title {
    opacity: 1;
    top: 0;
  }
  #gaming #get-started-for-free .title {
    position: relative;
    font-size: 36px;
    line-height: 42px;
    color: #ffffff;
    font-weight: 200;
    margin-bottom: 46px;
    text-align: center;
    opacity: 0;
    top: 50px;
    transition: all 800ms ease;
  }
  
  @media only screen and (max-width: 1025px) {
    #gaming #solutions-for-gaming .anim-title {
      max-width: 100%;
      font-size: 40px;
      line-height: 52px;
      margin-bottom: 28px;
    }
    #gaming #solutions-for-gaming .anim-top-title {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 16px;
    }
    #gaming #solutions-for-gaming .ctas-flex {
      position: relative;
      height: 60px;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
    }
    #gaming #solutions-for-gaming .ctas-flex .round-cta {
      font-size: 16px;
      line-height: 21px;
      padding: 14px 52px;
      border-radius: 8px;
      margin: 0 16px 20px 0;
    }
    #gaming #user-cases .relative-container {
      position: relative;
    }
    #gaming #user-cases .best-container .best-left .best-title {
      font-size: 16px;
      line-height: 32px;
    }
    #gaming #user-cases .best-container .best-left .best-content {
      font-size: 20px;
      line-height: 30px;
      padding: 0 50px;
    }
    #gaming #user-cases .best-container .best-left .best-hover {
      padding: 20px;
    }
    #gaming #user-cases .best-container .best-left .best-hover .hover-title {
      font-size: 18px;
      line-height: 22px;
    }
    #gaming #user-cases .best-container .best-left .best-hover .hover-text {
      font-size: 14px;
      line-height: 20px;
    }
    #gaming #top-charts .sign-up {
      margin-bottom: 70px;
    }
    #gaming #top-charts .social {
      top: calc(100% + 17px);
    }
  }
  @media only screen and (max-width: 700px) {
    #gaming #solutions-for-gaming .inside {
      justify-content: flex-end;
      margin-top: 50px;
    }
    #gaming #solutions-for-gaming .anim-title {
      font-size: 36px;
      line-height: 48px;
      margin-bottom: 0;
    }
    #gaming #solutions-for-gaming .anim-top-title {
      margin-bottom: 8px;
    }
    #gaming #solutions-for-gaming .ctas-flex {
      display: none;
    }
  }
  @media only screen and (max-width: 860px) {
    #gaming #top-charts .inside {
      padding: 0;
    }
    #gaming #top-charts .grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #gaming #top-charts .full-block .filters-top .filters li {
      font-size: 14px;
      line-height: 18px;
      padding: 10px 5px;
    }
    #gaming #top-charts .full-block .filters-top .filters li:after {
      left: 5px;
      right: 5px;
    }
    #gaming #top-charts .under-chart,
    #gaming #top-charts .sign-up,
    #gaming #top-charts .title-section-gaming {
      padding: 0 50px;
    }
    #gaming #top-charts .sign-up .social {
      right: 50px;
    }
    #gaming #gaming-customers-stories .quote-slider .quote .q-text {
      font-size: 26px;
      line-height: 32px;
    }
    #gaming #get-started-for-free .title {
      font-size: 26px;
      line-height: 32px;
    }
  }
  @media only screen and (max-width: 641px) {
    #gaming #user-cases .best-container {
      grid-template-columns: repeat(1, 1fr);
    }
    #gaming #user-cases .best-container .best-left {
      border-bottom-left-radius: 0;
      border-top-right-radius: 24px;
      min-height: 230px;
    }
    #gaming #user-cases .best-container .best-left .best-hover {
      border-bottom-left-radius: 0;
      border-top-right-radius: 24px;
    }
    #gaming #user-cases .best-container .best-right {
      border-bottom-left-radius: 24px;
      border-top-right-radius: 0;
      padding-bottom: 56.25%; /* 16:9 */
      height: 0;
    }
    #gaming #user-cases .best-container .best-right .right-img-container {
      border-bottom-left-radius: 24px;
      border-top-right-radius: 0;
    }
    #gaming #insights {
      padding: 100px 0 80px 40px;
    }
    #gaming #insights .insights-slider .slick-arrow {
      bottom: 40px;
    }
    #gaming #insights .insights-slider .slick-slide {
      width: 280px;
      margin-right: 25px;
    }
    #gaming #insights .insights-slider .figcaption {
      min-height: 200px;
      padding: 30px 20px;
      height: auto;
    }
    #gaming #insights .insights-slider .media-container {
      height: 200px;
    }
    #gaming #insights .insights-slider .slick-arrow {
      width: 38px;
      height: 38px;
    }
  }
  body.dark-theme .section-title {
    color: #ffffff;
  }
  body.dark-theme .title-section.black {
    color: #ffffff;
  }
  body.dark-theme .under-section-title {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme .hero-top.fixed {
    background: #000000;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme .hero-top.fixed .hero-top-left {
    color: #ffffff;
  }
  body.dark-theme .hero-top.fixed .hero-top-right .hero-top-item a {
    color: #ffffff;
  }
  body.dark-theme .ck-editor p {
    color: #ffffff;
  }
  body.dark-theme .ck-editor h2 {
    color: #ffffff;
  }
  body.dark-theme .ck-editor h3 {
    color: #ffffff;
  }
  body.dark-theme .ck-editor .table table tr:first-of-type {
    background: #000000;
  }
  body.dark-theme .logos-container {
    background: #535353;
    border: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme .visibily-flex .visibility-item .item-top {
    color: #ffffff;
  }
  body.dark-theme .visibily-flex .visibility-item .item-text {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #header {
    background: #000000;
  }
  body.dark-theme #header #logo {
    background: url(/mkt/assets/appdetailsv2/images/logo.png) no-repeat center;
  }
  body.dark-theme #header #navigation .nav-list .nav-item {
    color: #ffffff;
  }
  body.dark-theme #header #navigation .nav-list .nav-item span.arrow:before, body.dark-theme #header #navigation .nav-list .nav-item span.arrow:after {
    background: #ffffff;
  }
  body.dark-theme #header #navigation .nav-list .nav-item .submenu {
    background: #000000;
    box-shadow: none;
  }
  body.dark-theme #header #navigation .nav-list .nav-item .submenu.has-slide .slide-left {
    background: #000000;
  }
  body.dark-theme #header #navigation .nav-list .nav-item .submenu.has-slide .slide-right {
    background: #000000;
    box-shadow: none;
  }
  body.dark-theme #header #navigation .nav-list .nav-item .submenu.has-slide .slide-right:before {
    background: #ffffff;
  }
  body.dark-theme #header #navigation .nav-list .nav-item .submenu.has-grid .submenu-grid .grid-list.border:before {
    background: #ffffff;
  }
  body.dark-theme #header #navigation .nav-list .nav-item .submenu.has-grid .submenu-grid .grid-list .sub-grid-item .sub-grid-link {
    color: #ffffff;
  }
  body.dark-theme #header #navigation .nav-list .nav-item .submenu.has-grid li.has-cta .large-button:hover {
    background: #141414;
    transition: all 500ms ease;
  }
  body.dark-theme #header #navigation .nav-list .nav-item .submenu .submenu-item .submenu-link {
    color: #ffffff;
  }
  body.dark-theme #header #navigation .nav-list .nav-item .submenu-top {
    color: #ffffff;
  }
  body.dark-theme #homepage #trusted {
    background: #000000;
  }
  body.dark-theme #homepage #trusted .under-trusted {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #homepage #content {
    background: #000000;
  }
  body.dark-theme #homepage #content .title-content {
    color: #ffffff;
  }
  body.dark-theme #homepage #home-more {
    background: #000000;
  }
  body.dark-theme #homepage #home-more .more-title {
    color: #ffffff;
  }
  body.dark-theme .content-grid .text, body.dark-theme .content-grid p {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #about #our-platform, body.dark-theme #why-data #our-platform {
    background: #000000;
  }
  body.dark-theme #about #know-us, body.dark-theme #why-data #know-us {
    background: #141414;
  }
  body.dark-theme #about #trusted-source, body.dark-theme #why-data #trusted-source {
    background: #000000;
  }
  body.dark-theme #about #trusted-source .top-logos-container, body.dark-theme #why-data #trusted-source .top-logos-container {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #about #milestones, body.dark-theme #why-data #milestones {
    background: #000000;
  }
  body.dark-theme #about #milestones .milestones-slider .slick-slide, body.dark-theme #why-data #milestones .milestones-slider .slick-slide {
    background: #141414;
    box-shadow: 0 0 15px 0 #141414;
  }
  body.dark-theme #about #milestones .milestones-slider .milestones-date, body.dark-theme #why-data #milestones .milestones-slider .milestones-date {
    color: #ffffff;
  }
  body.dark-theme #about #milestones .milestones-slider .milestones-text, body.dark-theme #why-data #milestones .milestones-slider .milestones-text {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #about #about-people, body.dark-theme #why-data #about-people {
    background: #141414;
  }
  body.dark-theme #about #about-people .size .ppl-text, body.dark-theme #why-data #about-people .size .ppl-text {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #about #why-data-ai, body.dark-theme #why-data #why-data-ai {
    background: #000000;
  }
  body.dark-theme #why-data #advantage,
  body.dark-theme #why-data #customers-rely {
    background: #000000;
  }
  body.dark-theme #why-data #best-in-class {
    background: #000000;
  }
  body.dark-theme #why-data #best-in-class .double-grid .double-item .double-title {
    color: #ffffff;
  }
  body.dark-theme #why-data #best-in-class .double-grid .double-item .double-text {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #product #product-hero .game-disclaimer {
    background: #141414;
  }
  body.dark-theme #product #insurance-content {
    background: #000000;
  }
  body.dark-theme #product #insurance-content p {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #product #connect {
    background: #000000;
  }
  body.dark-theme #product #connect .connect-grid .connect-item {
    background: #141414;
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #product #connect .connect-grid .connect-text {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #product #video {
    background-image: none !important;
    background-color: #000000;
  }
  body.dark-theme #product #start-free {
    background: #000000;
  }
  body.dark-theme #product #redefined {
    background: #000000;
  }
  body.dark-theme #product #own-categories {
    background: #141414;
  }
  body.dark-theme #product #navigate {
    background: #141414;
  }
  body.dark-theme #product #navigate #tabs-nav li.current a, body.dark-theme #product #navigate #tabs-nav li:hover a {
    background: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #product #navigate .tab-content .tab-right .tab-title {
    color: #ffffff;
  }
  body.dark-theme #product #navigate .tab-content .tab-right .tab-desc {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #product #on-demand {
    background: #141414;
  }
  body.dark-theme #product #on-demand .on-demand-grid .on-demand-item.left .on-demand-text {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #product #product-content {
    background: #000000;
  }
  body.dark-theme #product #product-content .content-grid .title-content {
    color: #ffffff;
  }
  body.dark-theme #product #mobile {
    background: #000000;
  }
  body.dark-theme #product #mobile .title-content {
    color: #ffffff;
  }
  body.dark-theme #product #get-pulse {
    background: #141414;
  }
  body.dark-theme #product #visibility {
    background: #000000;
  }
  body.dark-theme #product #insights {
    background: #000000;
  }
  body.dark-theme #product #insights .app-list,
  body.dark-theme #product #insights .ad-list {
    background: rgba(255, 255, 255, 0.75);
    border: solid 1px #ffffff;
    padding: 30px 0 0;
  }
  body.dark-theme #product #more {
    background: #000000;
  }
  body.dark-theme #product #more .more-title {
    color: #ffffff;
  }
  body.dark-theme #product #game-changer-video {
    background-color: #141414;
  }
  body.dark-theme #product #game-changer-video .title-video,
  body.dark-theme #product #game-changer-video .text-video {
    color: #ffffff;
  }
  body.dark-theme #product #game-content {
    background-color: #000000;
  }
  body.dark-theme #product #game-content .game-link .game-title,
  body.dark-theme #product #game-content .game-link .game-text {
    color: #ffffff;
  }
  body.dark-theme .card-list .card {
    background: #141414;
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme .card-list .card .card-title {
    color: #ffffff;
  }
  body.dark-theme .card-list .card .card-desc {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #leadership {
    background: #000000;
  }
  body.dark-theme #leadership .leader-title {
    color: #ffffff;
  }
  body.dark-theme #leadership .leader-under-title {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #leadership .leader-grid .leader-item .extended-bio {
    background: #000000;
    box-shadow: none;
    border: 1px solid #404040;
  }
  body.dark-theme #leadership .leader-grid .leader-item .extended-bio:before {
    border-color: transparent transparent #000000 transparent;
    box-shadow: none;
    top: -18px;
    filter: drop-shadow(rgb(64, 64, 64) 0px -2px 0px);
  }
  body.dark-theme #leadership .leader-grid .leader-item .bio-grid .bio-name,
  body.dark-theme #leadership .leader-grid .leader-item .bio-grid .bio-about,
  body.dark-theme #leadership .leader-grid .leader-item .bio-grid .bio-text {
    color: #ffffff;
  }
  body.dark-theme #leadership .leader-item .extended-bio {
    background: #000000;
    box-shadow: none;
    border: 1px solid #404040;
  }
  body.dark-theme #leadership .leader-item .extended-bio:before {
    border-color: transparent transparent #000000 transparent;
    box-shadow: none;
    top: -18px;
    filter: drop-shadow(rgb(64, 64, 64) 0px -2px 0px);
  }
  body.dark-theme #leadership .leader-item .bio-grid .bio-name,
  body.dark-theme #leadership .leader-item .bio-grid .bio-about,
  body.dark-theme #leadership .leader-item .bio-grid .bio-text {
    color: #ffffff;
  }
  body.dark-theme #leadership .leader-item .leader-name {
    color: #ffffff;
  }
  body.dark-theme #leadership .leader-item .leader-job {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #leadership #hiring {
    background: #000000;
  }
  body.dark-theme #partnership {
    background: #000000;
  }
  body.dark-theme #customers {
    background: #000000;
  }
  body.dark-theme #press #press-about {
    background: #000000;
  }
  body.dark-theme #press #press-about .press-text {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #press #press-about .press-grid .tiers-item {
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #press #press-about .press-grid .tiers-item .tiers-btm span.item-btm {
    color: #ffffff;
  }
  body.dark-theme #press #press-about .press-grid .tiers-item .tiers-btm span.item-nbr {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #press #press-release {
    background: #000000;
  }
  body.dark-theme #press #press-release .release-item {
    background: #141414;
    border: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #press #press-contact {
    background: #000000;
  }
  body.dark-theme #press #press-contact .press-grid .grid-item {
    background: #141414;
    border: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #press #press-contact .press-grid .grid-item span.bigger {
    color: #ffffff;
  }
  body.dark-theme #press #press-contact .press-grid .grid-item span.smaller {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #contact-page #contact-content {
    background: #000000;
  }
  body.dark-theme #contact-page #contact-content .contact-grid .contact-item .contact-city {
    color: #ffffff;
  }
  body.dark-theme #contact-page #contact-support {
    background: #000000;
  }
  body.dark-theme #contact-page #contact-support p {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #contact {
    background: #000000;
  }
  body.dark-theme #intelligence .section.bkg-color {
    background: #141414;
  }
  body.dark-theme #intelligence #discover {
    background: #000000;
  }
  body.dark-theme #intelligence #discover .under-title-grid .item.current, body.dark-theme #intelligence #discover .under-title-grid .item:hover {
    background: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #intelligence #discover .content-grid .title-content {
    color: #ffffff;
  }
  body.dark-theme #intelligence #discover .content-grid p {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #intelligence #trusted-resource {
    background: #000000;
  }
  body.dark-theme #intelligence #trusted-resource .tiers-grid .tiers-item {
    background: #141414;
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #intelligence #trusted-resource .tiers-grid .tiers-item .tiers-title {
    color: #ffffff;
  }
  body.dark-theme #intelligence #trusted-resource .tiers-grid .tiers-item .tiers-text {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #intelligence #one-platform {
    background: #000000;
  }
  body.dark-theme #intelligence #one-platform .tiers-grid .tiers-item .platform-title {
    color: #ffffff;
  }
  body.dark-theme #intelligence #one-platform .tiers-grid .tiers-item .platform-text {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #intelligence #our-platform {
    background: #000000;
  }
  body.dark-theme #intelligence #our-platform .platform-slider .slick-dots li.slick-active button {
    background: #FF006B;
  }
  body.dark-theme #intelligence #our-platform .platform-slider .slick-dots li button {
    background: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #intelligence #our-platform .platform-slider .platform-slide .platform-grid .slider-right .slider-title {
    color: #ffffff;
  }
  body.dark-theme #intelligence #our-platform .platform-slider .platform-slide .platform-grid .slider-right .text-slider {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #intelligence #pulse-by {
    background: #000000;
  }
  body.dark-theme #intelligence #pulse-by .under-pulse {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #intelligence #intelligence-customers {
    background: #000000;
  }
  body.dark-theme #intelligence #labs {
    background: #000000;
  }
  body.dark-theme #intelligence #connect {
    background: #000000;
  }
  body.dark-theme #intelligence #connect .connect-grid .connect-item {
    background: #141414;
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #intelligence #connect .connect-grid .connect-item .connect-text {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #intelligence #i-header {
    background: #000000;
  }
  body.dark-theme #solutions-page .text {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #solutions-page .add-title {
    color: #ffffff;
  }
  body.dark-theme #solutions-page .solutions-list li {
    color: #ffffff;
  }
  body.dark-theme #solutions-page #content,
  body.dark-theme #solutions-page #content-btm,
  body.dark-theme #solutions-page #content-api,
  body.dark-theme #solutions-page #content-excel {
    background: #000000;
  }
  body.dark-theme #solutions-page #content .title-section,
  body.dark-theme #solutions-page #content-btm .title-section,
  body.dark-theme #solutions-page #content-api .title-section,
  body.dark-theme #solutions-page #content-excel .title-section {
    color: #ffffff;
  }
  body.dark-theme #solutions-page #infos {
    background: #000000;
  }
  body.dark-theme #solutions-page #infos .infos-flex .infos-box .info-title {
    color: #ffffff;
  }
  body.dark-theme #solutions-page #infos .infos-flex .soon {
    color: #ffffff;
  }
  body.dark-theme #solutions-page #trusted {
    background: #000000;
  }
  body.dark-theme #solutions-page #trusted .logos-container {
    background: #141414;
  }
  body.dark-theme #solutions-page #smart {
    background: #000000;
  }
  body.dark-theme #solutions-page #for {
    background: #000000;
  }
  body.dark-theme #solutions-page #right-solution {
    background: #000000;
  }
  body.dark-theme #solutions-page #right-solution .right-flex .right-item {
    background-color: #141414;
    border: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #solutions-page #right-solution .right-flex .right-item .item-bottom ul li {
    color: #ffffff;
  }
  body.dark-theme #s-deliver {
    background-color: #000000;
  }
  body.dark-theme #solutions-content,
  body.dark-theme #s-high-impact {
    background-color: #000000;
  }
  body.dark-theme #solutions-template #s-high-impact .impact-list .impact-item .left .impact-title {
    color: #ffffff;
  }
  body.dark-theme #solutions-template #s-high-impact .impact-list .impact-item .left .impact-text {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #solutions-template #s-video {
    background: #141414;
  }
  body.dark-theme #mps-page .text {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #mps-page #content {
    background: #000000;
  }
  body.dark-theme #mps-page #content-btm {
    background: #000000;
  }
  body.dark-theme #mps-page #content-btm ul li {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #mps-page #video {
    background: #000000;
  }
  body.dark-theme #mps-page #video .video-size {
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #mps-page #access {
    background: #000000;
  }
  body.dark-theme #mps-page #access ul li {
    color: #ffffff;
  }
  body.dark-theme #mps-page #access .small-text {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #mps-page #access .flex-container .flex-item {
    background: #141414;
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #plans #plans-hero .hero-container {
    background: #000000;
    padding: 25px 25px 0;
  }
  body.dark-theme #plans #plans-hero .hero-container .title-top {
    color: #ffffff;
  }
  body.dark-theme #plans #plans-hero .hero-container .plans-title {
    color: #ffffff;
  }
  body.dark-theme #plans #plans-hero .hero-container .hero-text {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #plans #plans-content {
    background: #000000;
  }
  body.dark-theme #plans #plans-content .plans-list .accordion:nth-child(even) {
    background: #141414;
  }
  body.dark-theme #plans #plans-content .plans-list .click-info .inner-infos .inner-item span {
    color: #ffffff;
  }
  body.dark-theme #plans #plans-content .plans-list .plans-left span {
    color: #ffffff;
  }
  body.dark-theme #plans #plans-content .plans-list .info-list li {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #plans #plans-content .questions-grid .questions-item .question-list {
    background: #141414;
  }
  body.dark-theme #plans #plans-content .questions-grid .questions-item .question-list li .clickable {
    color: #ffffff;
  }
  body.dark-theme #plans #plans-content .questions-grid .questions-item .question-list li .question-desc .question-content {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #plans #plans-content .plans-help p {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #webinars #w-header {
    background: #000000;
  }
  body.dark-theme #webinars #w-quote {
    background: #000000;
  }
  body.dark-theme #webinars #w-quote .tiers-grid .tiers-item {
    background: #141414;
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #webinars #w-quote .tiers-grid .tiers-item .tiers-title {
    color: #ffffff;
  }
  body.dark-theme #webinars #w-quote .tiers-grid .tiers-item .tiers-text {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #signin .title-section.black {
    color: #ffffff;
  }
  body.dark-theme #signin #trusted {
    background: #000000;
  }
  body.dark-theme #signin #content {
    background: #000000;
  }
  body.dark-theme #signin #versus {
    background: #000000;
  }
  body.dark-theme #signin #versus .top-table {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #signin #versus .table-container {
    background: #000000;
  }
  body.dark-theme #signin #versus .table-container .grid-row.grey {
    background: #141414;
  }
  body.dark-theme #signin #versus .table-container .grid-row .item {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #signin #versus .table-container .grid-row .item .top-list li {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #solutions-template #s-header {
    background: #000000;
  }
  body.dark-theme #solutions-template #s-customers {
    background: #000000;
  }
  body.dark-theme #solutions-template #content {
    background: #000000;
  }
  body.dark-theme #solutions-template #content .title-content {
    color: #ffffff;
  }
  body.dark-theme #solutions-template #check-content {
    background: #141414;
  }
  body.dark-theme #solutions-template #check-content .check-grid .check-item p {
    color: #ffffff;
  }
  body.dark-theme #solutions-template #s-utility {
    background: #000000;
  }
  body.dark-theme #solutions-template #s-utility .utility-item {
    background: #141414;
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #solutions-template #s-utility .utility-item .u-title {
    color: #ffffff;
  }
  body.dark-theme #solutions-template #s-utility .utility-item .u-text {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #solutions-template #s-start {
    background: #000000;
  }
  body.dark-theme #platform #platform-about {
    background: #000000;
  }
  body.dark-theme #platform #platform-content {
    background: #000000;
  }
  body.dark-theme #platform #platform-content .title-content {
    color: #ffffff;
  }
  body.dark-theme #platform #platform-additional {
    background: #000000;
  }
  body.dark-theme #platform #platform-additional .add-flex .add-item {
    box-shadow: none;
    background: #141414;
    border: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #platform #platform-why {
    background: #000000;
  }
  body.dark-theme #resources-center {
    background: #000000;
  }
  body.dark-theme #resources-center .section-title.black {
    color: #ffffff;
  }
  body.dark-theme #resources-center #resources-filters:before {
    display: none;
  }
  body.dark-theme #resources-center .trending-slider .trending-item {
    background: #141414;
    border: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #resources-center .trending-slider .trending-item .trending-caption {
    box-shadow: none;
  }
  body.dark-theme #resources-center .trending-slider .trending-item .trending-caption .item-title {
    color: #ffffff;
  }
  body.dark-theme #resources-center .trending-slider .trending-item .trending-caption .item-desc {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #resources-center .resources-slider .slide {
    background: #141414;
    border: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #template-page #template-hero .template-infos {
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #template-page #template-hero .template-container {
    background: #141414;
  }
  body.dark-theme #template-page #template-hero .template-container .most {
    color: #ffffff;
  }
  body.dark-theme #template-page #template-hero .template-container .text {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #template-page #template-content {
    background: #000000;
  }
  body.dark-theme #template-page #template-content .template-grid .template-item .template-desc {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #template-page #template-content .template-grid .template-item #scroll-item .quote {
    color: #ffffff;
  }
  body.dark-theme #template-page #blog-content {
    background: #000000;
  }
  body.dark-theme #template-page #blog-content .content-title {
    color: #ffffff;
  }
  body.dark-theme #template-page #blog-content .absolute-elmt .blog-label {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #template-page #template-more {
    background: #000000;
  }
  body.dark-theme #template-page #template-more .more-title {
    color: #ffffff;
  }
  body.dark-theme #template-page #template-fixed .template-item.left {
    background: #000000;
  }
  body.dark-theme #template-page #template-fixed .template-item.right {
    background: #141414;
  }
  body.dark-theme #total-revenue {
    background: #141414;
  }
  body.dark-theme #total-revenue .trr-title,
  body.dark-theme #total-revenue .trr-section-title,
  body.dark-theme #total-revenue .trr-how-title,
  body.dark-theme #total-revenue .item-top {
    color: #ffffff;
  }
  body.dark-theme #total-revenue .trr-text {
    color: #ffffff;
  }
  body.dark-theme #total-revenue .trr-text strong {
    color: #ffffff;
  }
  body.dark-theme #total-revenue #trr-how .trr-grid .trr-item .item-box .item-top,
  body.dark-theme #total-revenue #trr-how .trr-grid .trr-item .item-box .item-title {
    color: #ffffff;
  }
  body.dark-theme #total-revenue #trr-how .trr-grid .trr-item .item-box .item-grid .item-list li {
    color: #ffffff;
  }
  body.dark-theme #total-revenue #trr-only {
    background: #000000;
  }
  body.dark-theme #total-revenue #trr-only .trr-section-title {
    color: #ffffff;
  }
  body.dark-theme #total-revenue #trr-disclaimer .disclaimer-text {
    color: #ffffff;
  }
  body.dark-theme #ascend-connections {
    background: #000000;
  }
  body.dark-theme #ascend-connections #ascend-desc {
    background: #000000;
  }
  body.dark-theme #ascend-connections #ascend-start::before {
    background: #141414;
  }
  body.dark-theme #ascend-connections #ascend-header {
    background: #141414;
  }
  body.dark-theme #ascend-connections #ascend-header .s-grid .s-item.left .img-layer {
    background: #141414;
    position: relative;
  }
  body.dark-theme #ascend-connections #ascend-header .s-grid .s-item.left .img-layer::after {
    content: "";
    position: absolute;
    background: rgba(119, 119, 119, 0.37);
  }
  body.dark-theme #ascend-connections #ascend-table .ascend-table .light-table:nth-child(odd) {
    background: #404040;
    color: #ffffff;
  }
  body.dark-theme #ascend-connections #ascend-table .ascend-table .light-table:nth-child(even) {
    color: #ffffff;
  }
  body.dark-theme #ascend-features {
    background: #000000;
  }
  body.dark-theme #ascend-features #ascend-content .title-content {
    color: #ffffff;
  }
  body.dark-theme #ascend-features #video {
    background-image: none !important;
    background: #141414;
  }
  body.dark-theme #ascend-features #one-platform .tiers-grid .tiers-item .platform-title,
  body.dark-theme #ascend-features #one-platform .tiers-grid .tiers-item .platform-text {
    color: #ffffff;
  }
  body.dark-theme #ascend-features #gated-page .content-left .top-gated {
    background: rgb(9, 7, 7);
  }
  body.dark-theme #ascend-features #gated-page .content-left .top-gated .gated-cat,
  body.dark-theme #ascend-features #gated-page .content-left .top-gated .gated-title {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #ascend-features #gated-page .content-left .btm-gated {
    background: #141414;
  }
  body.dark-theme #ascend-features #gated-page .content-left .btm-gated .gated-editor p {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #ascend-features #gated-page .content-left .btm-gated .gated-editor li {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #ascend-features #gated-page .content-left .btm-gated .gated-editor li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #ascend-features #gated-page #ascend-start::before {
    background: #141414;
  }
  body.dark-theme #legal p {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #legal ul li, body.dark-theme #legal ol li {
    color: #ffffff;
  }
  body.dark-theme #legal ul li::before, body.dark-theme #legal ol li::before {
    background: #ffffff;
  }
  body.dark-theme #legal #l-content,
  body.dark-theme #legal #l-table-content {
    background-color: #141414;
  }
  body.dark-theme #legal #l-content .section-title,
  body.dark-theme #legal #l-table-content .section-title {
    color: #ffffff;
  }
  body.dark-theme #legal #l-content h2,
  body.dark-theme #legal #l-table-content h2 {
    color: #ffffff;
  }
  body.dark-theme #legal #l-content .inside p,
  body.dark-theme #legal #l-table-content .inside p {
    color: #ffffff;
  }
  body.dark-theme #legal #l-table,
  body.dark-theme #legal #l-table-content {
    background-color: #141414;
  }
  body.dark-theme #legal #l-table table,
  body.dark-theme #legal #l-table-content table {
    border: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #legal #l-table table th,
  body.dark-theme #legal #l-table-content table th {
    border-right: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    color: #ffffff;
  }
  body.dark-theme #legal #l-table table td,
  body.dark-theme #legal #l-table-content table td {
    border-right: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    color: #ffffff;
  }
  body.dark-theme #legal #l-table table tr,
  body.dark-theme #legal #l-table-content table tr {
    border-right: 1px solid rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #gated-page {
    background: #000000;
  }
  body.dark-theme #gated-page .gated-content .content-left .top-gated {
    background: #000000;
  }
  body.dark-theme #gated-page .gated-content .content-left .top-gated .gated-cat,
  body.dark-theme #gated-page .gated-content .content-left .top-gated .gated-title {
    color: #ffffff;
  }
  body.dark-theme #gated-page .gated-content .gated-editor h2 {
    color: #ffffff;
  }
  body.dark-theme #gated-page .gated-content .gated-editor p {
    color: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #gated-page .gated-content .gated-editor ul li {
    color: #ffffff;
  }
  body.dark-theme #gated-page .gated-content .gated-editor ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);
  }
  body.dark-theme #chart-ranking .rank-text {
    color: #ffffff;
  }
  body.dark-theme #chart-ranking .rank-section-title {
    color: #ffffff;
  }
  body.dark-theme #chart-ranking #rank-content {
    background: #000000;
  }
  body.dark-theme #chart-ranking #rank-content .rank-grid .rank-item {
    background: #000000;
    border: 1px solid #404040;
  }
  body.dark-theme #chart-ranking #rank-content .rank-grid .rank-item .item-text {
    color: #ffffff;
  }
  body.dark-theme #chart-ranking #rank-content .rank-grid .rank-item .top-item {
    border-bottom: 1px solid #404040;
  }
  body.dark-theme #chart-ranking #rank-content .rank-grid .rank-item .top-item .app-filter li a.filter-item {
    color: #ffffff;
  }
  body.dark-theme #chart-ranking #rank-content .rank-grid .rank-item .top-item .app-filter li a.filter-change {
    color: #7E7DFC;
  }
  body.dark-theme #chart-ranking #rank-content .rank-grid .rank-item .btm-item .app-list li {
    border-bottom: 1px solid #404040;
  }
  body.dark-theme #chart-ranking #rank-level-up .level-grid .level-item.left {
    background: #141414;
  }
  body.dark-theme #chart-ranking #rank-level-up .level-grid .level-item.right {
    background: #1A1A1A;
  }
  body.dark-theme #chart-ranking #rank-level-up .level-grid .level-item .item-content .level-top {
    color: #ffffff;
  }
  body.dark-theme #chart-ranking #rank-new {
    background: #000000;
  }
  body.dark-theme #chart-ranking #rank-new .new-grid .new-item .new-caption h3 {
    color: #ffffff;
  }
  body.dark-theme #chart-ranking #rank-popup {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  body.dark-theme #chart-ranking #rank-popup.opened {
    display: block;
    animation-name: opacityAnimation;
    animation-duration: 600ms;
  }
  body.dark-theme #chart-ranking #rank-popup .popup-container {
    background: #000000;
    border: 1px solid #808080;
  }
  body.dark-theme #chart-ranking #rank-popup .popup-container .popup-list li {
    color: #F2F2F2;
  }
  body.dark-theme #chart-ranking #rank-popup .rank-close:before, body.dark-theme #chart-ranking #rank-popup .rank-close:after {
    background: #ffffff;
  }
  body.dark-theme #top-rankings #rankings-content {
    background: #222;
  }
  body.dark-theme #top-rankings #rankings-content #tabs-nav li.current a {
    background: #404040;
  }
  body.dark-theme #top-rankings #rankings-content #tabs-nav li a {
    color: #ffffff;
    background: #141414;
  }
  body.dark-theme #top-rankings #rankings-content .tab-content {
    background: #000000;
  }
  body.dark-theme #top-rankings #rankings-content .rankings-top .tab-title {
    color: #ffffff;
  }
  body.dark-theme #top-rankings #rankings-content .rankings-top .rankings-text p {
    color: #ffffff;
  }
  body.dark-theme #top-rankings #rankings-content .rankings-grid .articles-top .before-select {
    color: #ffffff;
  }
  body.dark-theme #top-rankings #rankings-content .rankings-grid .articles-top .before-select:after {
    background: url(/mkt/assets/appdetailsv2/images/arrow.ef91fe67.svg) no-repeat center;
  }
  body.dark-theme #top-rankings #rankings-content .rankings-grid .articles-list li {
    border-top: 1px solid #000000;
  }
  body.dark-theme #top-rankings #rankings-content .rankings-grid .articles-list li .articles-title {
    color: #ffffff;
  }
  
  #request-demo #request-hero {
    padding: 120px 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    position: relative;
  }
  #request-demo #request-hero:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  #ascend-connections #product-hero {
    padding: 230px 0 140px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
  }
  #ascend-connections #product-hero:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  #ascend-connections #product-hero .game-disclaimer {
    background: #000000;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 11px 22px;
  }
  #ascend-connections #product-hero .under-title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 23px;
    margin-top: 20px;
  }
  #ascend-connections #product-hero .button,
  #ascend-connections #product-hero .apple-cta {
    display: inline-block;
    margin-top: 50px;
  }
  #ascend-connections #ascend-desc {
    padding: 95px 0;
    background: #F9FAFB;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    color: #404040;
  }
  #ascend-connections #ascend-desc .section-title {
    margin-bottom: 30px;
  }
  #ascend-connections #ascend-desc .under-section-title {
    line-height: 30px;
  }
  #ascend-connections #ascend-logo {
    padding: 80px 170px;
  }
  #ascend-connections #ascend-logo .logo-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 32px;
    padding-bottom: 60px;
  }
  #ascend-connections #ascend-logo .logo-container .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  #ascend-connections #ascend-logo .logo-container .item:hover .is-a-link:before, #ascend-connections #ascend-logo .logo-container .item:hover .is-a-link:after {
    opacity: 1;
    transition: opacity 500ms ease;
  }
  #ascend-connections #ascend-logo .logo-container .item .is-a-link {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
  }
  #ascend-connections #ascend-logo .logo-container .item .is-a-link::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 22px;
    background: url(/mkt/assets/appdetailsv2/images/arrow.173bfa2b.png) no-repeat center center;
    background-size: cover;
    opacity: 0;
  }
  #ascend-connections #ascend-logo .logo-container .item .is-a-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(64, 64, 64, 0.3);
    background-size: cover;
    opacity: 0;
  }
  #ascend-connections #ascend-logo .centering {
    text-align: center;
  }
  #ascend-connections #ascend-start {
    padding: 70px 0;
    background: #800035;
    position: relative;
  }
  #ascend-connections #ascend-start:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(38.81deg, #000000 0%, rgba(0, 0, 0, 0.24) 100%);
  }
  #ascend-connections #ascend-start .inside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #ascend-connections #ascend-start .section-title {
    max-width: 900px;
    margin: 0 auto 60px;
  }
  #ascend-connections #ascend-header {
    padding: 100px 0 80px;
  }
  #ascend-connections #ascend-header .s-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
  }
  #ascend-connections #ascend-header .s-grid .s-item.left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #ascend-connections #ascend-header .s-grid .s-item.left .img-layer {
    position: relative;
    padding: 80px;
    background: #ffffff;
  }
  #ascend-connections #ascend-header .s-grid .s-item.left .img-layer::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -44px;
    right: -40px;
    width: 176.48px;
    height: 128px;
    background: url(/mkt/assets/appdetailsv2/images/dots.90312a55.png) no-repeat center center;
    background-size: cover;
  }
  #ascend-connections #ascend-header .s-grid .s-item.left .img-layer::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -22px;
    left: -20px;
    width: 215px;
    height: 96px;
    background-color: rgba(0, 0, 0, 0.1);
  }
  #ascend-connections #ascend-header .s-grid .s-item.right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #ascend-connections #ascend-header .s-grid .s-item.right .under-section-title {
    text-align: left;
    line-height: 25px;
    margin-bottom: 20px;
  }
  #ascend-connections #ascend-header .s-grid .s-item.right .under-section-title.mgn-btm {
    margin-bottom: 35px;
    margin-top: 0px;
  }
  #ascend-connections #ascend-header .s-grid .s-item.right .under-section-title .red {
    color: #FF006B;
  }
  #ascend-connections #ascend-table {
    max-width: 844px;
    padding: 80px 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 auto;
  }
  #ascend-connections #ascend-table .ascend-table {
    padding-top: 30px;
    border-bottom: 2px solid #BFBFBF;
  }
  #ascend-connections #ascend-table .ascend-table .light-table {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }
  #ascend-connections #ascend-table .ascend-table .light-table:nth-child(odd) {
    background: #E6E6E6;
  }
  #ascend-connections #ascend-table .ascend-table .light-table:first-child {
    background: #404040;
    color: #ffffff;
  }
  #ascend-connections #ascend-table .ascend-table .light-table .left, #ascend-connections #ascend-table .ascend-table .light-table .right {
    padding: 10px 10px 10px 30px;
  }
  #ascend-connections #ascend-table .ascend-table .light-table .left {
    border-right: 2px solid #BFBFBF;
  }
  
  @media only screen and (max-width: 1025px) {
    #ascend-connections #ascend-logo {
      padding: 80px 30px;
    }
  }
  @media only screen and (max-width: 769px) {
    #ascend-connections .inside.box-mobile {
      background: #000000;
      position: relative;
      top: 230px;
      padding: 30px;
    }
    #ascend-connections .inside.box-mobile .top-title,
    #ascend-connections .inside.box-mobile .main-title {
      display: block;
      text-align: left;
    }
    #ascend-connections #product-hero.height-mobile {
      min-height: 300px;
      padding: 0 30px;
      margin-bottom: 300px;
    }
    #ascend-connections #product-hero.height-mobile .button {
      margin-top: 30px;
    }
    #ascend-connections #ascend-logo .logo-container {
      grid-template-columns: repeat(2, 1fr);
      gap: 15px;
    }
    #ascend-connections #ascend-header {
      padding: 60px 0;
    }
    #ascend-connections #ascend-header .s-grid {
      display: flex;
      flex-direction: column-reverse;
    }
  }
  #ascend-features #ascend-hero {
    padding: 230px 0 140px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
  }
  #ascend-features #ascend-hero:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  #ascend-features #ascend-hero .button,
  #ascend-features #ascend-hero .apple-cta {
    display: inline-block;
    margin-top: 50px;
  }
  #ascend-features #ascend-section-title {
    padding: 80px 0 0px;
  }
  #ascend-features #ascend-content {
    padding: 80px 0;
  }
  #ascend-features #ascend-content .content-grid.margin-bottom {
    margin-bottom: 80px;
  }
  #ascend-features #ascend-content .content-grid .title-content {
    color: #000000;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 45px;
    margin-bottom: 30px;
  }
  #ascend-features #video {
    padding: 50px 0 66px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  #ascend-features #video .section-title {
    max-width: 700px;
    margin: 0 auto;
  }
  #ascend-features #video .video-box {
    max-width: 610px;
    width: 100%;
    margin: 30px auto 0;
  }
  #ascend-features #video .video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  #ascend-features #video .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #ascend-features #quote {
    padding: 75px 0;
    background: #000000;
    overflow: hidden;
  }
  #ascend-features #quote .quote-grid {
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 30px;
  }
  #ascend-features #quote .quote-grid .quote-item.left {
    padding-right: 100px;
  }
  #ascend-features #quote .quote-grid .quote-item.left img {
    max-width: 166px;
    margin-bottom: 30px;
  }
  #ascend-features #quote .quote-grid .quote-item.left .quote {
    display: block;
    color: #ffffff;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 40px;
    margin-bottom: 30px;
  }
  #ascend-features #quote .quote-grid .quote-item.left .author {
    display: block;
    margin-bottom: 40px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 21px;
  }
  #ascend-features #quote .quote-grid .quote-item.right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #ascend-features #quote .quote-grid .quote-item.right .img-container {
    position: relative;
  }
  #ascend-features #quote .quote-grid .quote-item.right .img-container:before {
    content: "";
    position: absolute;
    top: -37px;
    left: -71px;
    width: 206.82px;
    height: 150px;
    background: url(/mkt/assets/appdetailsv2/images/dots.07453c90.png) no-repeat center;
    background-size: cover;
  }
  #ascend-features #quote .quote-grid .quote-item.right .img-container:after {
    content: "";
    position: absolute;
    bottom: -27px;
    right: -30px;
    width: 214.23px;
    height: 226px;
    background: #ffffff;
    opacity: 15%;
  }
  #ascend-features #quote .quote-grid .quote-item.right .img-container img {
    position: relative;
    z-index: 2;
  }
  #ascend-features #one-platform {
    padding: 60px 0 40px;
  }
  #ascend-features #one-platform .tiers-grid {
    margin-top: 60px;
    gap: 60px 30px;
  }
  #ascend-features #one-platform .tiers-grid.two-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  #ascend-features #one-platform .tiers-grid .tiers-item {
    padding: 0 15px 0 85px;
    position: relative;
  }
  #ascend-features #one-platform .tiers-grid .tiers-item .platform-picto {
    position: absolute;
    top: 6px;
    left: 35px;
    max-width: 32px;
    height: auto;
  }
  #ascend-features #one-platform .tiers-grid .tiers-item .platform-title {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 28px;
    margin-bottom: 12px;
    text-transform: uppercase;
  }
  #ascend-features #one-platform .tiers-grid .tiers-item .platform-text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 25px;
  }
  #ascend-features #ascend-header {
    padding: 100px 0 80px;
  }
  #ascend-features #ascend-header .s-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
  }
  #ascend-features #ascend-header .s-grid .s-item.left .img-layer {
    position: relative;
  }
  #ascend-features #ascend-header .s-grid .s-item.left .img-layer::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -44px;
    right: -40px;
    width: 176.48px;
    height: 128px;
    background: url(/mkt/assets/appdetailsv2/images/dots.90312a55.png) no-repeat center center;
    background-size: cover;
  }
  #ascend-features #ascend-header .s-grid .s-item.left .img-layer::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -22px;
    left: -20px;
    width: 215px;
    height: 96px;
    background-color: rgba(0, 0, 0, 0.1);
  }
  #ascend-features #ascend-header .s-grid .s-item.right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #ascend-features #ascend-header .s-grid .s-item.right .section-title {
    margin-bottom: 30px;
  }
  #ascend-features #ascend-header .s-grid .s-item.right .under-section-title {
    text-align: left;
    line-height: 25px;
    margin-bottom: 20px;
  }
  #ascend-features #ascend-header .s-grid .s-item.right .under-section-title.mgn-btm {
    margin-bottom: 35px;
    margin-top: 0px;
  }
  #ascend-features #ascend-start {
    padding: 70px 0;
    background: #800035;
    position: relative;
  }
  #ascend-features #ascend-start:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(38.81deg, #000000 0%, rgba(0, 0, 0, 0.24) 100%);
  }
  #ascend-features #ascend-start .inside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #ascend-features #ascend-start .section-title {
    max-width: 900px;
    margin: 0 auto 60px;
  }
  
  @media only screen and (max-width: 1025px) {
    #ascend-features #ascend-header {
      padding: 60px 0;
    }
    #ascend-features #ascend-header .s-grid {
      grid-template-columns: repeat(2, 1fr);
    }
    #ascend-features #one-platform .tiers-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media only screen and (max-width: 769px) {
    #ascend-features .inside.box-mobile {
      background: #000000;
      position: relative;
      top: 230px;
      padding: 30px;
    }
    #ascend-features .inside.box-mobile .top-title,
    #ascend-features .inside.box-mobile .main-title {
      display: block;
      text-align: left;
    }
    #ascend-features #ascend-hero.height-mobile {
      min-height: 300px;
      padding: 0 30px;
      margin-bottom: 300px;
    }
    #ascend-features #ascend-hero.height-mobile .button {
      margin-top: 30px;
    }
    #ascend-features #ascend-header {
      padding: 60px 0;
    }
    #ascend-features #ascend-header .s-grid {
      display: flex;
      flex-direction: column-reverse;
    }
    #ascend-features #one-platform .tiers-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #ascend-features #one-platform .tiers-grid.two-columns {
      grid-template-columns: repeat(1, 1fr);
    }
    #ascend-features #quote .quote-grid {
      grid-template-columns: repeat(1, 1fr);
      gap: 60px;
    }
    #ascend-features #quote .quote-grid .quote-item.left {
      padding-right: 0;
    }
    #ascend-features #quote .quote-grid .quote-item.left .quote {
      font-size: 24px;
      line-height: 35px;
    }
  }
  #gdc .gdc-title {
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    text-align: center;
    letter-spacing: 0.16px;
    color: #DB2455;
    margin-bottom: 80px;
  }
  #gdc #gdc-content {
    display: grid;
    grid-template-columns: 1fr 768px;
    min-height: calc(100vh - 84px);
  }
  #gdc #gdc-content.has-result .gdc-left .gdc-list .list-item .pink-cta {
    display: block;
  }
  #gdc #gdc-content.has-result .gdc-right {
    display: none;
  }
  #gdc #gdc-content .gdc-left {
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  #gdc #gdc-content .gdc-left .left-container {
    max-width: 900px;
    width: 100%;
  }
  #gdc #gdc-content .gdc-left .gdc-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #gdc #gdc-content .gdc-left .gdc-list .list-item {
    margin-bottom: 20px;
    position: relative;
  }
  #gdc #gdc-content .gdc-left .gdc-list .list-item:last-child {
    margin-bottom: 0;
  }
  #gdc #gdc-content .gdc-left .gdc-list .list-item .item-left {
    display: grid;
    grid-template-columns: 241px 1fr;
    gap: 37px;
    border: 2px solid #BFBFBF;
    border-radius: 15px;
    padding: 19px 28px 19px 19px;
  }
  #gdc #gdc-content .gdc-left .gdc-list .list-item .img-box {
    display: block;
    width: 100%;
    height: 118px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #D9D9D9;
  }
  #gdc #gdc-content .gdc-left .gdc-list .list-item .item-title {
    font-weight: 300;
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 0.16px;
    color: #000000;
    margin-bottom: 13px;
  }
  #gdc #gdc-content .gdc-left .gdc-list .list-item .item-text {
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #000000;
  }
  #gdc #gdc-content .gdc-left .gdc-list .list-item .pink-cta {
    display: none;
    position: absolute;
    top: 50%;
    right: -240px;
    transform: translateY(-50%);
    background: #DB2455;
    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.5px;
    padding: 14px 22px 15px;
  }
  #gdc #gdc-content .gdc-right {
    background: #000000;
    height: 100%;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  #gdc #gdc-content .gdc-right .form-title {
    font-weight: 300;
    font-size: 36px;
    line-height: 42px;
    text-align: center;
    letter-spacing: 0.16px;
    color: #FFFFFF;
    margin-bottom: 40px;
  }
  #gdc #gdc-content .gdc-right .mktoForm {
    max-width: 555px !important;
    width: 100% !important;
  }
  #gdc #gdc-content .gdc-right .mktoForm .mktoFormRow .mktoFormCol {
    width: 100%;
  }
  #gdc #gdc-content .gdc-right .mktoForm .mktoFormRow .mktoFieldWrap {
    float: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }
  #gdc #gdc-content .gdc-right .mktoForm .mktoFormRow .mktoLabel {
    padding-top: 0 !important;
    width: auto !important;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: normal;
    margin-bottom: 10px;
  }
  #gdc #gdc-content .gdc-right .mktoForm .mktoFormRow .mktoGutter,
  #gdc #gdc-content .gdc-right .mktoForm .mktoFormRow .mktoOffset {
    display: none;
  }
  #gdc #gdc-content .gdc-right .mktoForm .mktoFormRow input[type=text],
  #gdc #gdc-content .gdc-right .mktoForm .mktoFormRow input[type=email],
  #gdc #gdc-content .gdc-right .mktoForm .mktoFormRow input[type=tel] {
    width: 100% !important;
    height: 40px;
    background: #ffffff;
    border: 1px solid #ffffff;
    padding: 4px 16px;
    box-shadow: none;
  }
  #gdc #gdc-content .gdc-right .mktoForm .mktoFormRow .mktoError {
    left: 0;
    position: absolute;
  }
  #gdc #gdc-content .gdc-right .mktoForm .mktoFormRow .mktoCheckboxList {
    color: #ffffff;
  }
  #gdc #gdc-content .gdc-right .mktoForm .mktoFormRow .mktoCheckboxList input[type=checkbox] {
    border: none;
    box-shadow: none;
    background-color: red;
  }
  #gdc #gdc-content .gdc-right .mktoForm .mktoButtonRow {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  #gdc #gdc-content .gdc-right .mktoForm .mktoButtonRow .mktoButtonWrap {
    margin-left: 0 !important;
  }
  #gdc #gdc-content .gdc-right .mktoForm .mktoButtonRow .mktoButtonWrap.mktoGlow .mktoButton {
    text-transform: uppercase;
    background: transparent;
    border: 1px solid #ffffff;
    font-size: 18px;
    box-shadow: none;
    padding: 15px 30px;
  }
  
  @media only screen and (max-width: 1470px) {
    #gdc #gdc-content {
      grid-template-columns: 60% 40%;
    }
  }
  @media only screen and (max-width: 1281px) {
    #gdc #gdc-content {
      grid-template-columns: repeat(1, 1fr);
    }
    #gdc #gdc-content .gdc-left .gdc-list .list-item {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }
    #gdc #gdc-content .gdc-left .gdc-list .list-item .item-left {
      margin-bottom: 20px;
    }
    #gdc #gdc-content .gdc-left .gdc-list .list-item .pink-cta {
      position: relative;
      top: auto;
      right: auto;
      transform: none;
      width: 250px;
    }
    #gdc #gdc-content .gdc-right {
      height: auto;
      padding: 50px 30px;
    }
  }
  @media only screen and (max-width: 769px) {
    #gdc #gdc-content .gdc-left .gdc-list .list-item {
      margin-bottom: 30px;
    }
    #gdc #gdc-content .gdc-left .gdc-list .list-item .item-left {
      grid-template-columns: repeat(1, 1fr);
    }
    #gdc #gdc-content .gdc-left .gdc-list .list-item .item-left .img-box {
      max-width: 241px;
      margin: 0 auto;
    }
  }
  #trust-new #trust-hero .trust-inside .hero-content .bottom .trust-title {
    text-align: center;
    font-weight: bold;
  }
  #trust-new .trust-inside {
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
  }
  #trust-new .flex-line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  #trust-new .trust-text {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.16px;
    color: #000000;
  }
  #trust-new .trust-text.margin-btm {
    margin-bottom: 16px;
  }
  #trust-new .trust-text .mail {
    padding-left: 20px;
    position: relative;
  }
  #trust-new .trust-text .mail:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 16px;
    height: 14px;
    background: url(/mkt/assets/appdetailsv2/images/mail.svg) no-repeat center;
    background-size: cover;
  }
  #trust-new .case-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #000000;
  }
  #trust-new .trust-link {
    text-decoration: none;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #FF006B;
  }
  #trust-new #trust-hero {
    background: linear-gradient(270.61deg, #800035 -1.85%, #000000 120.92%);
  }
  #trust-new #trust-hero h1 {
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    color: #000000;
    margin-bottom: 20px;
  }
  #trust-new #trust-hero .trust-logo {
    display: block;
    width: 139px;
    height: 44.13px;
    position: relative;
    overflow: hidden;
    background: url(/mkt/assets/appdetailsv2/images/logo.png) no-repeat center;
    background-size: cover;
  }
  #trust-new #trust-hero .trust-logo span {
    position: absolute;
    left: -200%;
  }
  #trust-new #trust-hero .hero-content {
    border: 1px solid #E6E6E6;
    border-radius: 6px;
    background: #ffffff;
    padding: 36px;
    position: relative;
    top: 150px;
  }
  #trust-new #trust-hero .hero-content .top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
  }
  #trust-new #trust-content {
    padding: 200px 0 50px;
  }
  #trust-new #trust-content .trust-grid {
    display: grid;
    grid-template-columns: 330px 1fr;
    gap: 49px;
  }
  #trust-new #trust-content .trust-grid .case-container .case-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }
  #trust-new #trust-content .trust-grid .case-container .case-list {
    margin-bottom: 49px;
  }
  #trust-new #trust-content .trust-grid .case-container .case-list .case-content {
    margin-bottom: 24px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 6px;
    padding: 25px;
  }
  #trust-new #trust-content .trust-grid .case-container .case-list .case-content:last-child {
    margin-bottom: 0;
  }
  #trust-new #trust-content .trust-grid .case-container .case-list .case-content .inner-grid {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 16px;
  }
  #trust-new #trust-content .trust-grid .case-container .case-list .case-content ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #trust-new #trust-content .trust-grid .case-container .case-list .case-content ul li {
    margin-bottom: 8px;
  }
  #trust-new #trust-content .trust-grid .case-container .case-list .case-content ul li:last-child {
    margin-bottom: 0;
  }
  #trust-new #trust-content .trust-grid .case-container .case-list .case-content .case-cta {
    display: block;
    text-align: center;
    text-decoration: none;
    background: #FFFFFF;
    color: #000000;
    box-shadow: 0 1px 4px rgba(51, 51, 51, 0.08);
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    padding: 7px 15px 8px;
    margin-top: 20px;
  }
  #trust-new #trust-content .trust-grid .case-container .case-list .case-content .case-cta span {
    padding-left: 20px;
    position: relative;
  }
  #trust-new #trust-content .trust-grid .case-container .case-list .case-content .case-cta span:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 12px;
    height: 12px;
    background: url(/mkt/assets/appdetailsv2/images/lock.svg) no-repeat center;
    background-size: cover;
  }
  #trust-new #trust-content .trust-grid .trust-right .full-container {
    margin-bottom: 49px;
  }
  #trust-new #trust-content .trust-grid .trust-right .top-line {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  #trust-new #trust-content .trust-grid .trust-right .top-line .update {
    margin-left: 15px;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    padding: 5px 11px 6px 27px;
    position: relative;
    border: 1px solid #E6E6E6;
    border-radius: 52px;
  }
  #trust-new #trust-content .trust-grid .trust-right .top-line .update:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 11px;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #800035;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px;
    margin-top: 24px;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .half-item {
    padding: 24px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #E6E6E6;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .half-item h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 25px;
    padding-left: 32px;
    position: relative;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .half-item h3:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 17px;
    height: 16px;
    background: url(/mkt/assets/appdetailsv2/images/svg.5316f546.svg) no-repeat center;
    background-size: cover;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .half-item h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .half-item h3.infra:before {
    background: url(/mkt/assets/appdetailsv2/images/svg.e514265c.svg) no-repeat center;
    background-size: cover;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .half-item h3.orga:before {
    background: url(/mkt/assets/appdetailsv2/images/svg.503a344e.svg) no-repeat center;
    background-size: cover;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .half-item h3.security:before {
    background: url(/mkt/assets/appdetailsv2/images/svg.d13dcc8b.svg) no-repeat center;
    background-size: cover;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .half-item h3.internal:before {
    background: url(/mkt/assets/appdetailsv2/images/svg.4e2891ce.svg) no-repeat center;
    background-size: cover;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .half-item h3.data:before {
    background: url(/mkt/assets/appdetailsv2/images/svg.08a5b771.svg) no-repeat center;
    background-size: cover;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .half-item ul {
    margin-bottom: 24px;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .half-item ul li {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.14px;
    color: #000000;
    position: relative;
    padding-left: 24px;
    margin-bottom: 15px;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .half-item ul li:last-child {
    margin-bottom: 0;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .half-item ul li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: url(/mkt/assets/appdetailsv2/images/check.svg) no-repeat center;
    background-size: cover;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .data-item {
    padding: 25px 95px 25px 55px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #E6E6E6;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .data-item span {
    position: relative;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .data-item span.true:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -34px;
    background: url(/mkt/assets/appdetailsv2/images/validate.svg) no-repeat center;
    background-size: cover;
    width: 21px;
    height: 14px;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .data-item span.false:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
    background: url(/mkt/assets/appdetailsv2/images/cross.svg) no-repeat center;
    background-size: cover;
    width: 15px;
    height: 16px;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .logo-item {
    padding: 25px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #E6E6E6;
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 16px;
  }
  #trust-new #trust-content .trust-grid .trust-right .half-grid .logo-item .trust-text span {
    display: block;
  }
  #trust-new #trust-content .trust-grid .trust-right .trust-acc {
    margin-top: 24px;
  }
  #trust-new #trust-content .trust-grid .trust-right .trust-acc li {
    border: 1px solid #E6E6E6;
    margin-bottom: 26px;
    border-radius: 4px;
  }
  #trust-new #trust-content .trust-grid .trust-right .trust-acc li:last-child {
    margin-bottom: 0;
  }
  #trust-new #trust-content .trust-grid .trust-right .trust-acc li .clickable {
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    appearance: none;
    width: 100%;
    background: #ffffff;
    padding: 19px 52px;
    text-align: left;
    border: none;
    cursor: pointer;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    color: #FF006B;
    position: relative;
  }
  #trust-new #trust-content .trust-grid .trust-right .trust-acc li .clickable:before {
    content: "";
    position: absolute;
    top: 23px;
    left: 20px;
    width: 17px;
    height: 16px;
    background: url(/mkt/assets/appdetailsv2/images/svg-pink.cbd996bf.svg) no-repeat center;
    background-size: cover;
    transition: all 600ms ease;
  }
  #trust-new #trust-content .trust-grid .trust-right .trust-acc li .clickable.active:before {
    transform: rotate(90deg);
  }
  #trust-new #trust-content .trust-grid .trust-right .trust-acc li .acc-desc {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  #trust-new #trust-content .trust-grid .trust-right .trust-acc li .acc-desc .acc-content {
    padding: 0 24px 24px;
    color: #000000;
    line-height: 20px;
  }
  
  @media only screen and (max-width: 1281px) {
    #trust-new #trust-content .trust-grid .trust-right .half-grid .data-item {
      padding: 25px 25px 25px 55px;
    }
  }
  @media only screen and (max-width: 1025px) {
    #trust-new #trust-content .trust-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #trust-new #trust-content .trust-grid .trust-left {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }
    #trust-new #trust-content .trust-grid .case-container .case-list {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      flex-wrap: wrap;
    }
    #trust-new #trust-content .trust-grid .case-container .case-list .case-content {
      margin: 0 24px 24px 0;
    }
  }
  @media only screen and (max-width: 641px) {
    #trust-new #trust-content .trust-grid .case-container {
      width: 100%;
    }
    #trust-new #trust-content .trust-grid .case-container .case-list {
      width: 100%;
    }
    #trust-new #trust-content .trust-grid .case-container .case-list .case-content {
      width: 100%;
      margin: 0 0 20px 0;
    }
    #trust-new #trust-content .trust-grid .trust-right .half-grid {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  #total-revenue .trr-title {
    font-weight: 500;
    font-size: 58px;
    line-height: 63px;
    color: #FF006B;
    margin-bottom: 45px;
  }
  #total-revenue .trr-title strong {
    position: relative;
    padding-right: 50px;
  }
  #total-revenue .trr-title strong span {
    position: absolute;
    right: 0;
    top: -15px;
    font-size: 17px;
    color: #FF006B;
    text-transform: uppercase;
    font-weight: 300;
  }
  #total-revenue .trr-section-title {
    font-weight: 300;
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 40px;
  }
  #total-revenue .trr-section-title.white {
    color: #ffffff;
  }
  #total-revenue .trr-section-title.black {
    color: #000000;
  }
  #total-revenue .trr-section-title.black strong {
    color: #FF006B;
  }
  #total-revenue .trr-section-title.pink {
    color: #FF006B;
  }
  #total-revenue .trr-section-title.center {
    text-align: center;
  }
  #total-revenue .trr-section-title.size {
    max-width: 755px;
    width: 100%;
    margin: 0 auto;
  }
  #total-revenue .trr-how-title {
    font-weight: 300;
    font-size: 26px;
    line-height: 55px;
    margin: 30px 0 20px;
    color: #000000;
    text-align: center;
  }
  #total-revenue .trr-text {
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.2px;
    color: rgba(0, 0, 0, 0.5);
  }
  #total-revenue .trr-text.center {
    text-align: center;
  }
  #total-revenue .trr-text.size {
    max-width: 755px;
    width: 100%;
    margin: 0 auto;
  }
  #total-revenue .trr-text.margin-btm {
    margin-bottom: 16px;
  }
  #total-revenue .trr-text a {
    text-decoration: none;
    color: #FF006B;
  }
  #total-revenue .trr-text strong {
    font-weight: bold;
  }
  #total-revenue .trr-text strong span {
    color: #FF006B;
  }
  #total-revenue .trr-list {
    padding-left: 20px;
  }
  #total-revenue .trr-list li {
    margin-bottom: 6px;
    position: relative;
    padding-left: 10px;
  }
  #total-revenue .trr-list li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
  }
  #total-revenue .trr-list li:last-child {
    margin-bottom: 0;
  }
  #total-revenue .inside {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
  }
  #total-revenue .trr-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  #total-revenue .trr-cta {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-size: 17px;
    line-height: 21px;
    align-items: center;
    color: #FFFFFF;
    background: #FF006B;
    padding: 16px 26px 15px;
  }
  #total-revenue .centering {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #total-revenue .video-container {
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
  }
  #total-revenue .video-box {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  #total-revenue .video-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #total-revenue #trr-hero {
    padding: 140px 0 40px;
  }
  #total-revenue #trr-hero .hero-inside {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
  }
  #total-revenue #trr-hero .trr-grid .trr-item.left {
    padding-right: 130px;
  }
  #total-revenue #trr-hero .trr-grid .trr-item.right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  #total-revenue #trr-hero .trr-section-title {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 40px;
  }
  #total-revenue #trr-hero .trr-cta {
    margin-top: 45px;
  }
  #total-revenue #trr-desc {
    padding: 40px 0 70px;
  }
  #total-revenue #trr-desc .desc-flex {
    margin: 50px 0 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  #total-revenue #trr-desc .desc-flex .flex-item {
    max-width: 267px;
    width: 100%;
    margin: 0 15px 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  #total-revenue #trr-desc .desc-flex .flex-item .img-box {
    width: 70px;
    height: 70px;
    margin-bottom: 19px;
  }
  #total-revenue #trr-desc .trr-section-title {
    margin-bottom: 40px;
  }
  #total-revenue #trr-desc .centering {
    margin-top: 70px;
  }
  #total-revenue #trr-quote {
    padding: 50px 0 70px;
    background: #000000;
    overflow: hidden;
  }
  #total-revenue #trr-quote .trr-grid .trr-item.right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #total-revenue #trr-quote .trr-grid .trr-item.right img {
    max-width: 300px;
  }
  #total-revenue #trr-quote .quote {
    font-weight: 500;
    font-size: 36px;
    line-height: 45px;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    margin-bottom: 50px;
  }
  #total-revenue #trr-quote .quote-logo {
    max-width: 150px;
    margin-bottom: 20px;
  }
  #total-revenue #trr-quote .author {
    display: block;
    font-weight: 300;
    font-size: 18px;
    line-height: 21px;
    align-items: center;
    color: #FFFFFF;
  }
  #total-revenue #trr-quote .img-container {
    position: relative;
  }
  #total-revenue #trr-quote .img-container img {
    position: relative;
    z-index: 2;
  }
  #total-revenue #trr-quote .img-container:before {
    content: "";
    position: absolute;
    top: -37px;
    left: -71px;
    width: 206.82px;
    height: 150px;
    background: url(/mkt/assets/appdetailsv2/images/dots.07453c90.png) no-repeat center;
    background-size: cover;
  }
  #total-revenue #trr-quote .img-container:after {
    content: "";
    position: absolute;
    bottom: -27px;
    right: -30px;
    width: 214.23px;
    height: 226px;
    background: #ffffff;
    opacity: 15%;
  }
  #total-revenue #ttr-logos {
    padding-top: 70px;
  }
  #total-revenue #ttr-logos .logos {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 0 100px;
  }
  #total-revenue #ttr-logos .logos li {
    margin: 0 20px 40px;
    width: 150px;
    height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #total-revenue #ttr-logos .logos li img {
    max-width: 100%;
  }
  #total-revenue #trr-how {
    padding: 50px 0 80px;
  }
  #total-revenue #trr-how .trr-grid {
    margin-top: 50px;
  }
  #total-revenue #trr-how .trr-grid .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #total-revenue #trr-how .trr-grid .item.padding {
    padding: 0 60px;
  }
  #total-revenue #trr-how .trr-grid .item .img-box {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 200px;
    border: 1px solid lightgray;
  }
  #total-revenue #trr-how .trr-grid .trr-item.right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }
  #total-revenue #trr-how .trr-grid .trr-item .item-box {
    max-width: 550px;
    width: 100%;
    padding: 29px 15px 50px;
    box-shadow: 0 0 20px #E7E8EC;
    border-radius: 8px;
    height: 100%;
  }
  #total-revenue #trr-how .trr-grid .trr-item .item-box .item-top {
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin-bottom: 19px;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.3px;
    color: #000000;
  }
  #total-revenue #trr-how .trr-grid .trr-item .item-box .item-title {
    margin-bottom: 19px;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #FF006B;
  }
  #total-revenue #trr-how .trr-grid .trr-item .item-box .item-grid {
    display: grid;
    grid-template-columns: 151px 1fr;
  }
  #total-revenue #trr-how .trr-grid .trr-item .item-box .item-grid img {
    max-width: 90px;
    width: 100%;
    margin: 0 auto;
  }
  #total-revenue #trr-how .trr-grid .trr-item .item-box .item-list li {
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.2px;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 15px;
    position: relative;
    padding-left: 10px;
  }
  #total-revenue #trr-how .trr-grid .trr-item .item-box .item-list li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
  }
  #total-revenue #trr-only {
    background: #F8F8F8;
    padding: 60px 0;
  }
  #total-revenue #trr-only .video-container {
    margin: 0 auto 40px;
  }
  #total-revenue #trr-only .img-box {
    max-width: 750px;
    margin: 0 auto 20px;
  }
  #total-revenue #trr-disclaimer {
    padding: 70px 0 40px;
  }
  #total-revenue #trr-disclaimer .disclaimer-text {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.19px;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 30px;
  }
  #total-revenue #trr-disclaimer .disclaimer-text strong {
    color: #FF006B;
  }
  #total-revenue #trr-insights {
    padding: 100px 0 250px 0;
    background: #141414;
  }
  #total-revenue #trr-insights.fixed {
    position: fixed;
    width: 100%;
    top: 0;
  }
  #total-revenue #trr-insights.section-on .title-section-gaming {
    opacity: 1;
    top: 0;
  }
  #total-revenue #trr-insights .title-section-gaming {
    position: relative;
    margin-bottom: 66px;
    opacity: 0;
    top: 50px;
    transition: all 800ms ease;
  }
  #total-revenue #trr-insights .insights-slider {
    opacity: 0;
  }
  #total-revenue #trr-insights .insights-slider.slick-initialized {
    opacity: 1;
    transition: opacity 600ms ease;
  }
  #total-revenue #trr-insights .insights-slider .media-slide.has-video .media {
    position: relative;
  }
  #total-revenue #trr-insights .insights-slider .media-slide.has-video .media:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/mkt/assets/appdetailsv2/images/play.png) no-repeat center;
    background-size: cover;
    width: 80px;
    height: 80px;
  }
  #total-revenue #trr-insights .insights-slider .slick-slide {
    width: 409px;
    margin-right: 36px;
    padding-left: 40px;
  }
  #total-revenue #trr-insights .insights-slider .slide {
    text-decoration: none;
    border-radius: 24px;
    border: 1px solid transparent;
  }
  #total-revenue #trr-insights .insights-slider .slide:hover {
    border: 1px solid #FF006B;
    transition: border 600ms ease;
  }
  #total-revenue #trr-insights .insights-slider .slide:hover .media-container .media {
    transform: scale(1.2);
  }
  #total-revenue #trr-insights .insights-slider .slide .slide-category {
    display: block;
    color: #BFBFBF;
    font-size: 19px;
    line-height: 28px;
    margin-bottom: 12px;
  }
  #total-revenue #trr-insights .insights-slider .slide .slide-title {
    display: block;
    color: #ffffff;
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 32px;
  }
  #total-revenue #trr-insights .insights-slider .figcaption {
    height: 301px;
    background: #000000;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding: 53px 62px 0;
  }
  #total-revenue #trr-insights .insights-slider .media-container {
    height: 244px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    position: relative;
    overflow: hidden;
  }
  #total-revenue #trr-insights .insights-slider .media-container .media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 600ms ease;
  }
  #total-revenue #trr-insights .insights-slider .slick-arrow {
    appearance: none;
    padding: 0;
    border: none;
    font-size: 0;
    cursor: pointer;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    background: url(/mkt/assets/appdetailsv2/images/slider.b965404a.png) no-repeat center;
    background-size: cover;
    position: absolute;
    bottom: -110px;
  }
  #total-revenue #trr-insights .insights-slider .slick-next {
    left: calc(50% + 40px);
  }
  #total-revenue #trr-insights .insights-slider .slick-prev {
    transform: rotate(180deg);
    left: calc(50% - 40px);
  }
  #total-revenue #trr-contact {
    background: #000000;
    padding: 60px 0;
  }
  #total-revenue #trr-contact .mktoForm {
    max-width: 555px !important;
    width: 100% !important;
    margin: 0 auto;
    position: relative;
  }
  #total-revenue #trr-contact .mktoForm .mktoFormRow:nth-of-type(6) .mktoFieldWrap {
    flex-direction: row-reverse;
    justify-content: flex-end;
    width: 100%;
  }
  #total-revenue #trr-contact .mktoForm .mktoFormRow:nth-of-type(6) .mktoFieldWrap .mktoCheckboxList {
    width: 20px !important;
    margin-right: 10px;
  }
  #total-revenue #trr-contact .mktoForm .mktoFormRow .mktoFormCol {
    width: 100%;
  }
  #total-revenue #trr-contact .mktoForm .mktoFormRow .mktoFieldWrap {
    float: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }
  #total-revenue #trr-contact .mktoForm .mktoFormRow .mktoLabel {
    padding-top: 0 !important;
    width: auto !important;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: normal;
    margin-bottom: 10px;
  }
  #total-revenue #trr-contact .mktoForm .mktoFormRow .mktoGutter,
  #total-revenue #trr-contact .mktoForm .mktoFormRow .mktoOffset {
    display: none;
  }
  #total-revenue #trr-contact .mktoForm .mktoFormRow input[type=text],
  #total-revenue #trr-contact .mktoForm .mktoFormRow input[type=email],
  #total-revenue #trr-contact .mktoForm .mktoFormRow input[type=tel],
  #total-revenue #trr-contact .mktoForm .mktoFormRow select,
  #total-revenue #trr-contact .mktoForm .mktoFormRow textarea {
    width: 100% !important;
    height: 40px;
    background: #ffffff;
    border: 1px solid #ffffff;
    padding: 4px 16px;
    box-shadow: none;
    margin-bottom: 10px;
  }
  #total-revenue #trr-contact .mktoForm .mktoFormRow textarea {
    height: 100px;
  }
  #total-revenue #trr-contact .mktoForm .mktoFormRow .mktoError {
    left: 0;
    position: absolute;
  }
  #total-revenue #trr-contact .mktoForm .mktoFormRow .mktoCheckboxList {
    color: #ffffff;
  }
  #total-revenue #trr-contact .mktoForm .mktoFormRow .mktoCheckboxList input[type=checkbox] {
    border: none;
    box-shadow: none;
    background-color: red;
  }
  #total-revenue #trr-contact .mktoForm .mktoButtonRow {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  #total-revenue #trr-contact .mktoForm .mktoButtonRow .mktoButtonWrap {
    margin-left: 0 !important;
  }
  #total-revenue #trr-contact .mktoForm .mktoButtonRow .mktoButtonWrap.mktoGlow .mktoButton {
    text-transform: uppercase;
    background: transparent;
    border: 1px solid #ffffff;
    font-size: 18px;
    box-shadow: none;
    padding: 15px 30px;
  }
  #total-revenue #trr-contact .mktoForm .mktoButtonRow .mktoButton {
    text-transform: uppercase;
    background: transparent;
    border: 1px solid #ffffff;
    font-size: 18px;
    box-shadow: none;
    padding: 15px 30px;
    color: #ffffff;
  }
  #total-revenue #trr-contact .mktoForm .additional-text {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #ffffff;
    position: absolute;
    bottom: 85px;
    left: 0;
  }
  #total-revenue #trr-contact .mktoForm .additional-text a {
    color: #ffffff;
  }
  #total-revenue #trr-contact .mktoForm .mktoButtonRow {
    margin-top: 90px;
  }
  
  @media only screen and (max-width: 1281px) {
    #total-revenue #trr-hero .trr-grid .trr-item.left {
      padding-right: 0;
    }
  }
  @media only screen and (max-width: 1025px) {
    #total-revenue .trr-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #total-revenue .trr-grid.reverse-mobile {
      display: flex;
      flex-direction: column-reverse;
    }
    #total-revenue #trr-quote .trr-grid .trr-item.right {
      align-items: center;
    }
    #total-revenue #ttr-logos .logos {
      padding: 0;
    }
    #total-revenue #trr-how .trr-grid .item.padding {
      padding: 0;
    }
    #total-revenue #trr-how .trr-grid .trr-item.left {
      display: flex;
      flex-direction: row;
      justify-content: center;
    }
    #total-revenue #trr-how .trr-grid .trr-item.right {
      justify-content: center;
    }
  }
  @media only screen and (max-width: 769px) {
    #total-revenue .trr-title {
      font-size: 36px;
      line-height: 40px;
    }
    #total-revenue .trr-title strong {
      padding-right: 0;
    }
    #total-revenue .trr-title strong span {
      font-size: 13px;
    }
    #total-revenue .trr-section-title {
      font-size: 26px;
      line-height: 35px;
    }
    #total-revenue #trr-hero {
      padding: 100px 0 40px;
    }
    #total-revenue #trr-quote .quote {
      font-size: 25px;
      line-height: 35px;
    }
    #total-revenue #insights {
      padding: 100px 0 250px 40px;
      background: #141414;
    }
    #total-revenue #insights.fixed {
      position: fixed;
      width: 100%;
      top: 0;
    }
    #total-revenue #insights.section-on .title-section-gaming {
      opacity: 1;
      top: 0;
    }
    #total-revenue #insights .title-section-gaming {
      position: relative;
      margin-bottom: 66px;
      opacity: 0;
      top: 50px;
      transition: all 800ms ease;
    }
    #total-revenue #insights .insights-slider {
      opacity: 0;
    }
    #total-revenue #insights .insights-slider.slick-initialized {
      opacity: 1;
      transition: opacity 600ms ease;
    }
    #total-revenue #insights .insights-slider .media-slide.has-video .media {
      position: relative;
    }
    #total-revenue #insights .insights-slider .media-slide.has-video .media:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: url(/mkt/assets/appdetailsv2/images/play.png) no-repeat center;
      background-size: cover;
      width: 80px;
      height: 80px;
    }
    #total-revenue #insights .insights-slider .slick-slide {
      width: 409px;
      margin-right: 36px;
    }
    #total-revenue #insights .insights-slider .slide {
      text-decoration: none;
      border-radius: 24px;
      border: 1px solid transparent;
    }
    #total-revenue #insights .insights-slider .slide:hover {
      border: 1px solid #FF006B;
      transition: border 600ms ease;
    }
    #total-revenue #insights .insights-slider .slide:hover .media-container .media {
      transform: scale(1.2);
    }
    #total-revenue #insights .insights-slider .slide .slide-category {
      display: block;
      color: #BFBFBF;
      font-size: 19px;
      line-height: 28px;
      margin-bottom: 12px;
    }
    #total-revenue #insights .insights-slider .slide .slide-title {
      display: block;
      color: #ffffff;
      font-size: 28px;
      line-height: 36px;
      font-weight: 600;
      margin-bottom: 32px;
    }
    #total-revenue #insights .insights-slider .figcaption {
      height: 301px;
      background: #000000;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      text-align: center;
      border-top-left-radius: 24px;
      border-top-right-radius: 24px;
      padding: 53px 62px 0;
    }
    #total-revenue #insights .insights-slider .media-container {
      height: 244px;
      border-bottom-left-radius: 24px;
      border-bottom-right-radius: 24px;
      position: relative;
      overflow: hidden;
    }
    #total-revenue #insights .insights-slider .media-container .media {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-bottom-left-radius: 24px;
      border-bottom-right-radius: 24px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      transition: transform 600ms ease;
    }
    #total-revenue #insights .insights-slider .slick-arrow {
      appearance: none;
      padding: 0;
      border: none;
      font-size: 0;
      cursor: pointer;
      border-radius: 50%;
      width: 48px;
      height: 48px;
      background: url(/mkt/assets/appdetailsv2/images/slider.b965404a.png) no-repeat center;
      background-size: cover;
      position: absolute;
      bottom: -110px;
    }
    #total-revenue #insights .insights-slider .slick-next {
      left: calc(50% + 40px);
    }
    #total-revenue #insights .insights-slider .slick-prev {
      transform: rotate(180deg);
      left: calc(50% - 40px);
    }
  }
  #trust-content {
    padding: 0 0 80px;
  }
  #trust-content .content-grid {
    display: grid;
    grid-template-columns: 256px 1fr;
    gap: 72px;
    max-width: 1164px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
  }
  #trust-content .padding-top {
    padding-top: 115px;
  }
  #trust-content .padding-section {
    padding-top: 76px;
  }
  #trust-content .content-title {
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    color: #000000;
    margin-bottom: 27px;
  }
  #trust-content .content-section-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #000000;
    margin-bottom: 24px;
  }
  #trust-content .content-position {
    max-width: 1164px;
    width: 100%;
    position: fixed;
    top: 130px;
    left: 50%;
    transform: translateX(-50%);
  }
  #trust-content .content-position.absolute {
    position: absolute;
  }
  #trust-content .content-nav {
    max-width: 256px;
    width: 100%;
  }
  #trust-content .content-nav li {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.14px;
    width: 100%;
  }
  #trust-content .content-nav li a {
    display: block;
    text-decoration: none;
    color: #000000;
    padding: 7px 8px 8px;
    width: 100%;
    border-radius: 4px;
  }
  #trust-content .content-nav li a.active {
    background-color: #E5E5E5;
    transition: background-color 600ms ease;
  }
  #trust-content .content-table {
    border: 1px solid #BFBFBF;
    border-radius: 6px;
  }
  #trust-content .content-table .top {
    display: grid;
    grid-template-columns: 80% 1fr;
    gap: 20px;
    padding: 21px 30px 20px 25px;
  }
  #trust-content .content-table .top .right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  #trust-content .content-table .top span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #808080;
  }
  #trust-content .content-table .table-list li {
    display: grid;
    grid-template-columns: 80% 1fr;
    gap: 20px;
    padding: 17px 25px 16px 24px;
    border-top: 1px solid #BFBFBF;
  }
  #trust-content .content-table .table-list li .right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-right: 10px;
  }
  #trust-content .content-table .table-list li .right img {
    width: 24px;
    height: 24px;
  }
  #trust-content .content-table .table-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.16px;
    color: #000000;
    margin-bottom: 8px;
  }
  #trust-content .content-table .table-text {
    max-width: 569px;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.14px;
    color: #808080;
  }
  
  @media only screen and (max-width: 1025px) {
    #trust-content .content-grid {
      gap: 20px;
    }
  }
  @media only screen and (max-width: 769px) {
    #trust-content .content-grid {
      grid-template-columns: repeat(1, 1fr);
      padding-top: 100px;
    }
    #trust-content .content-position {
      position: relative;
      top: 0;
      left: 0;
      transform: none;
    }
    #trust-content .padding-top {
      padding-top: 0;
    }
    #trust-content .content-table .table-list li .right {
      padding-right: 0;
    }
  }
  #trust-faq {
    padding: 115px 0 50px;
  }
  #trust-faq .trust-inside {
    max-width: 1210px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
  }
  #trust-faq .faq-title {
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    color: #000000;
  }
  #trust-faq .trust-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 25px;
  }
  #trust-faq .trust-top .faq-cta {
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    appearance: none;
    cursor: pointer;
    padding: 7px 11px 8px;
    background: #FFFFFF;
    box-shadow: 0 1px 4px rgba(51, 51, 51, 0.08);
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.14px;
    color: #000000;
    border: 1px solid #E6E6E6;
  }
  #trust-faq .trust-top .faq-cta.expand {
    margin-left: 16px;
  }
  #trust-faq .trust-acc li {
    border: 1px solid #E6E6E6;
    margin-bottom: 26px;
    border-radius: 4px;
  }
  #trust-faq .trust-acc li:last-child {
    margin-bottom: 0;
  }
  #trust-faq .trust-acc li .clickable {
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    appearance: none;
    width: 100%;
    background: #ffffff;
    padding: 19px 52px;
    text-align: left;
    border: none;
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #FF006B;
    position: relative;
  }
  #trust-faq .trust-acc li .clickable:before {
    content: "";
    position: absolute;
    top: 23px;
    left: 20px;
    width: 17px;
    height: 16px;
    background: url(/mkt/assets/appdetailsv2/images/svg-pink.cbd996bf.svg) no-repeat center;
    background-size: cover;
    transition: all 600ms ease;
  }
  #trust-faq .trust-acc li .clickable.active:before {
    transform: rotate(90deg);
  }
  #trust-faq .trust-acc li .acc-desc {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  #trust-faq .trust-acc li .acc-desc .acc-content {
    padding: 0 24px 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.16px;
    color: #000000;
  }
  #trust-faq .trust-acc li .acc-desc .acc-content p.margin-btm {
    margin-bottom: 14px;
  }
  #trust-faq .trust-acc li .acc-desc .acc-content p a {
    text-decoration: none;
    color: #FF006B;
  }
  
  #trust-sub {
    padding: 115px 0 50px;
  }
  #trust-sub .sub-inside {
    max-width: 1210px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
  }
  #trust-sub .sub-title {
    margin-bottom: 23px;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    color: #000000;
  }
  #trust-sub .sub-small-title {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
  }
  #trust-sub .sub-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.16px;
    color: #808080;
  }
  #trust-sub .sub-list {
    border: 1px solid #E5E5E5;
    border-radius: 6px;
  }
  #trust-sub .sub-list li {
    padding: 17px 25px 16px;
    border-bottom: 1px solid #E5E5E5;
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 24px;
  }
  #trust-sub .sub-list li:last-child {
    padding-bottom: 41px;
    border-bottom: none;
  }
  
  #error {
    min-height: calc(100vh - 84px);
    height: 100%;
    background: #F3F5F7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #error .error-container {
    max-width: 750px;
    margin: 0 auto;
    width: 100%;
    background: #fff;
    box-shadow: rgba(15, 35, 70, 0.15) 0 3px 6px;
    padding: 30px;
    border-radius: 10px;
  }
  #error .error-container .error-title {
    color: #000000;
    font-size: 24px;
    letter-spacing: 0.2px;
    line-height: 28px;
    margin-bottom: 10px;
    font-weight: bold;
  }
  #error .error-container .error-subtitle {
    color: #000000;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  #error .error-container .error-txt {
    color: #000000;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 18px;
    font-weight: 300;
    margin-bottom: 10px;
  }
  #error .error-container .error-txt a {
    text-decoration: none;
    color: #FF006B;
    font-weight: normal;
  }
  #error .error-container .error-list {
    margin-left: 15px;
    margin-bottom: 15px;
  }
  #error .error-container .error-list li {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 18px;
    position: relative;
    margin-bottom: 5px;
    padding-left: 20px;
  }
  #error .error-container .error-list li:last-child {
    margin-bottom: 0;
  }
  #error .error-container .error-list li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000000;
  }
  #error .error-container .error-list li a {
    text-decoration: none;
    color: #FF006B;
    font-weight: normal;
  }
  #error .error-container span {
    display: block;
    color: #000000;
    font-size: 15px;
    letter-spacing: 0.2px;
    line-height: 18px;
    margin-bottom: 5px;
    font-weight: 600;
  }
  
  #quote {
    padding: 75px 0;
    background: #000000;
    overflow: hidden;
  }
  #quote .quote-grid {
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 30px;
  }
  #quote .quote-grid .quote-item.left {
    padding-right: 100px;
  }
  #quote .quote-grid .quote-item.left img {
    max-width: 120px;
    margin-bottom: 30px;
  }
  #quote .quote-grid .quote-item.left .quote {
    display: block;
    color: #ffffff;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 40px;
    margin-bottom: 30px;
  }
  #quote .quote-grid .quote-item.left .author {
    display: block;
    margin-bottom: 40px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 21px;
  }
  #quote .quote-grid .quote-item.right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #quote .quote-grid .quote-item.right .img-container {
    position: relative;
    max-width: 300px;
  }
  #quote .quote-grid .quote-item.right .img-container:before {
    content: "";
    position: absolute;
    top: -37px;
    left: -71px;
    width: 206.82px;
    height: 150px;
    background: url(/mkt/assets/appdetailsv2/images/dots.90312a55.png) no-repeat center;
    background-size: cover;
  }
  #quote .quote-grid .quote-item.right .img-container:after {
    content: "";
    position: absolute;
    bottom: -27px;
    right: -30px;
    width: 214.23px;
    height: 226px;
    background: #ffffff;
    opacity: 15%;
  }
  #quote .quote-grid .quote-item.right .img-container img {
    position: relative;
    z-index: 2;
  }
  
  @media only screen and (max-width: 1025px) {
    #quote .quote-grid .quote-item.left {
      padding-right: 0;
    }
  }
  @media only screen and (max-width: 769px) {
    #quote .quote-grid {
      grid-template-columns: repeat(1, 1fr);
      gap: 60px;
    }
    #quote .quote-grid .quote-item.left .quote {
      font-size: 24px;
      line-height: 35px;
    }
  }
  .form-step-two .inside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .form-step-two .section-title {
    max-width: 900px;
    margin: 0 auto 30px;
  }
  .form-step-two #thanks {
    padding: 70px 0;
    background: #404040;
  }
  .form-step-two #thanks .top-title {
    margin-bottom: 20px;
  }
  .form-step-two #thanks .under-title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 23px;
    margin-bottom: 40px;
  }
  .form-step-two #thanks-banner {
    padding: 185px 0 105px;
    background: #404040;
  }
  
  #app-detail {
    background: #F3F5F7;
  }
  #app-detail #create-account-popup {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
  }
  #app-detail #create-account-popup .popup {
    background-color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-evenly;
    width: max-content;
  }
  #app-detail #create-account-popup .popup .closebutton {
    position: absolute;
    right: 20px;
    top: 12px;
    font-size: 32px;
    font-weight: 100;
    color: grey;
    user-select: none;
    cursor: pointer;
  }
  #app-detail #create-account-popup .popup .closebutton:hover {
    color: black;
  }
  #app-detail #create-account-popup .popup .left-content {
    width: 300px;
    margin: 50px 60px;
  }
  #app-detail #create-account-popup .popup .left-content h1 {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 30px;
  }
  #app-detail #create-account-popup .popup .left-content ul {
    margin-bottom: 60px;
  }
  #app-detail #create-account-popup .popup .left-content ul li {
    font-weight: 300;
    color: grey;
    font-size: 13px;
    line-height: 25px;
    background: url(/mkt/assets/appdetailsv2/images/app-detail/checksquare.svg) no-repeat;
    background-size: 20px;
    padding-left: 35px;
  }
  #app-detail #create-account-popup .popup .right-content {
    margin: 50px 60px;
  }
  #app-detail #create-account-popup .popup .right-content img {
    height: 350px;
  }
  #app-detail .date {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #647188;
  }
  #app-detail .fallback-content {
    width: 100%;
    position: relative;
  }
  #app-detail img.fallback-content.dark {
    display: none;
  }
  #app-detail .fallback-content .cta-content {
    position: absolute;
    width: 220px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
  }
  #app-detail .fallback-content .cta-content:hover .info {
    display: block;
  }
  #app-detail .fallback-content .cta-content > img {
    width: 60px;
    margin-bottom: 40px;
    margin: 0 auto 50px auto;
  }
  #app-detail .fallback-content .cta-content .doc-dark {
    display: none;
  }
  #app-detail .fallback-content .cta-content .info {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 45px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    padding: 36px;
    width: 320px;
    text-align: center;
    display: none;
  }
  #app-detail .fallback-content .cta-content .info img {
    display: block;
    margin: auto;
    text-align: center;
    width: 50px;
    margin-bottom: 15px;
  }
  #app-detail .fallback-content .cta-content .info h3 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 19px;
  }
  #app-detail .fallback-content .cta-content .info p {
    font-weight: 300;
    color: grey;
    font-size: 14px;
    line-height: 18px;
  }
  #app-detail .fallback-content > img {
    width: 100%;
    filter: blur(8px);
  }
  #app-detail .button {
    text-transform: none;
  }
  #app-detail .subtle {
    font-size: 13px;
    color: grey;
    font-weight: 300;
    margin-bottom: 30px;
  }
  #app-detail .app-title {
    font-weight: 600;
    font-size: 48px;
    line-height: 48px;
    color: #FFFFFF;
    margin-bottom: 16px;
  }
  #app-detail .app-small-title {
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    color: #000000;
    margin-bottom: 24px;
    max-width: 880px;
    width: 100%;
  }
  #app-detail .app-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #070707;
    word-break: break-word;
  }
  #app-detail .app-text .see-more {
    color: #FF006B;
    font-weight: 700;
    cursor: pointer;
  }
  #app-detail .app-text .see-more:hover {
    text-decoration: underline;
  }
  #app-detail .app-text .the-more-to-see {
    display: none;
  }
  #app-detail .app-cta {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    border: 1px solid #ffffff;
    padding: 7px 16px;
    text-decoration: none;
    border-radius: 24px;
  }
  #app-detail .button.red:hover span:before {
    background: url(/mkt/assets/appdetailsv2/images/app-detail/diamond-black.svg) no-repeat center;
    background-size: cover;
    transition: all 500ms ease;
  }
  #app-detail .button.red span {
    padding-left: 32px;
    position: relative;
  }
  #app-detail .button.red span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(/mkt/assets/appdetailsv2/images/app-detail/diamond-white.svg) no-repeat center;
    background-size: cover;
  }
  #app-detail .tiers-grid {
    display: grid;
    grid-template-columns: 1fr 445px;
    gap: 0;
  }
  #app-detail .hero-grid {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 0;
  }
  #app-detail .custom-select {
    position: relative;
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    border: 2px solid #E7E8EC;
    background: #ffffff;
    border-radius: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
  }
  #app-detail .custom-select select {
    display: none;
  }
  #app-detail .select-selected {
    background-color: transparent;
  }
  #app-detail .select-selected:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background: url(/mkt/assets/appdetailsv2/images/app-detail/arrow.svg) no-repeat top center;
    background-size: cover;
    transition: all 600ms ease;
  }
  #app-detail .select-selected:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 20px;
    background: white;
    box-shadow: -11px 0px 4px -3px white;
  }
  #app-detail .select-selected.select-arrow-active:after {
    transform: translateY(-50%) rotate(-180deg);
  }
  #app-detail .select-items div, #app-detail .select-selected {
    color: #282B30;
    padding: 8px 16px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
  }
  #app-detail .select-items {
    position: absolute;
    background-color: #fff;
    top: calc(100% + 5px);
    width: 200px;
    left: -2px;
    right: 0;
    z-index: 99;
    border: 2px solid #E7E8EC;
    border-radius: 6px;
    padding: 12px;
  }
  #app-detail .select-items div {
    border-radius: 6px;
  }
  #app-detail .select-hide {
    display: none;
  }
  #app-detail .select-items div:hover {
    background-color: #E7E8EC;
  }
  #app-detail .update {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #2D9D78;
    position: relative;
    padding-left: 11px;
  }
  #app-detail .update.down {
    color: red;
  }
  #app-detail .update.down:before {
    background-image: url(/mkt/assets/appdetailsv2/images/app-detail/arrow-up-red.svg);
    transform: rotate(180deg);
    margin-top: -3px;
  }
  #app-detail .update:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 9px;
    height: 7px;
    background: url(/mkt/assets/appdetailsv2/images/app-detail/arrow-up.svg) no-repeat top center;
    background-size: cover;
  }
  #app-detail #app-sidebar {
    position: fixed;
    z-index: 3;
    top: 79px;
    left: 0;
    height: calc(100vh - 79px);
    background: #23252A;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 48px 12px 24px;
  }
  #app-detail #app-sidebar .app-nav {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  #app-detail #app-sidebar .app-nav .app-item {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    margin-bottom: 8px;
    position: relative;
  }
  #app-detail #app-sidebar .app-nav .app-item .tooltip {
    display: none;
    position: absolute;
    left: 53px;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    background-color: #161616;
    white-space: nowrap;
    padding: 10px 16px;
    border-radius: 8px;
    font-weight: 300;
    font-size: 14px;
  }
  #app-detail #app-sidebar .app-nav .app-item:hover .tooltip {
    display: block;
  }
  #app-detail #app-sidebar .app-nav .app-item:hover {
    background-color: rgba(0,0,0,0.4);
  }
  #app-detail #app-sidebar .app-nav .app-item:last-child {
    margin-bottom: 0;
  }
  #app-detail #app-sidebar .app-nav .app-item a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    position: relative;
  }
  #app-detail #app-sidebar .app-nav .app-item a.active {
    background: #FF006B;
  }
  #app-detail #app-sidebar .app-nav .app-item a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #app-detail #app-sidebar .app-nav .app-item a.home:before {
    width: 24px;
    height: 24px;
    background: url(/mkt/assets/appdetailsv2/images/app-detail/nav-6.svg) no-repeat center;
    background-size: cover;
  }
  #app-detail #app-sidebar .app-nav .app-item a.mps:before {
    width: 36px;
    height: 36px;
    background: url(/mkt/assets/appdetailsv2/images/app-detail/nav-5.svg) no-repeat center;
    background-size: cover;
  }
  #app-detail #app-sidebar .app-nav .app-item a.tags:before {
    width: 36px;
    height: 36px;
    background: url(/mkt/assets/appdetailsv2/images/app-detail/nav-4.svg) no-repeat center;
    background-size: cover;
  }
  #app-detail #app-sidebar .app-nav .app-item a.loc:before {
    width: 36px;
    height: 36px;
    background: url(/mkt/assets/appdetailsv2/images/app-detail/nav-3.svg) no-repeat center;
    background-size: cover;
  }
  #app-detail #app-sidebar .app-nav .app-item a.rank:before {
    width: 20px;
    height: 20px;
    background: url(/mkt/assets/appdetailsv2/images/app-detail/nav-2.svg) no-repeat center;
    background-size: cover;
  }
  #app-detail #app-sidebar .app-nav .app-item a.rate:before {
    width: 24px;
    height: 22px;
    background: url(/mkt/assets/appdetailsv2/images/app-detail/nav-1.svg) no-repeat center;
    background-size: cover;
  }
  #app-detail #app-search {
    padding: 99px 0 20px;
    background: rgb(0, 0, 0);
  }
  #app-detail #app-search .inside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #app-detail #app-search .app-search-form {
    max-width: 532px;
    width: 100%;
    position: relative;
  }
  #app-detail #app-search .app-search-form:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 10px;
    transform: translateY(-50%);
    width: 19px;
    height: 18px;
    background: url(/mkt/assets/appdetailsv2/images/search.svg) no-repeat center;
    background-size: cover;
  }
  #app-detail #app-search .app-search-form label {
    position: absolute;
    left: -200%;
  }
  #app-detail #app-search .app-search-form input {
    background: transparent;
    width: 100%;
    height: 40px;
    border: 1px solid #383E48;
    border-radius: 6px;
    padding: 10px 36px;
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
  }
  #app-detail #app-search .app-search-form input::placeholder {
    color: #FFFFFF;
  }
  #app-detail #app-search .app-search-form .results {
    width: 100%;
    background-color: white;
    position: absolute;
  }
  #app-detail #app-search .app-search-form .results:before {
    content: "";
    display: block;
    background: url(/mkt/assets/appdetailsv2/images/app-detail/loading.gif) no-repeat;
    background-size: 0;
    background-position: center;
    width: 100%;
    height: 0;
    transition: height 250ms ease-in-out, background-size 250ms ease-in-out;
  }
  #app-detail #app-search .app-search-form .results.loading:before {
    height: 50px;
    background-size: 30px;
  }
  #app-detail #app-search .app-search-form .results li {
    background-size: 36px;
    background-repeat: no-repeat;
    background-position: 10px;
  }
  #app-detail #app-search .app-search-form .results li:hover {
    background-color: rgba(0, 0, 0, 0.2);
  }
  #app-detail #app-search .app-search-form .results li a {
    display: block;
    text-decoration: none;
    color: black;
    padding-left: 56px;
    height: 56px;
    font-size: 14px;
  }
  #app-detail #app-search .app-search-form .results li a p {
    padding: 9px 0;
  }
  #app-detail #app-search .app-search-form .results li a span {
    background-size: 15px;
    background-repeat: no-repeat;
    padding-left: 20px;
  }
  #app-detail #app-hero {
    padding: 32px 0 0;
    position: relative;
    z-index: 1;
  }
  #app-detail #app-hero:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 560px;
    background: url(/mkt/assets/appdetailsv2/images/app-detail/layer.png) no-repeat top center;
    background-size: cover;
  }
  #app-detail #app-hero .hero-grid {
    margin-bottom: 68px;
  }
  #app-detail #app-hero .hero-grid .grid-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
  }
  #app-detail #app-hero .item-grid {
    display: grid;
    grid-template-columns: 212px 1fr;
    gap: 42px;
  }
  #app-detail #app-hero .item-grid .app-img {
    width: 100%;
    height: 212px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 42.6665px;
    position: relative;
  }
  #app-detail #app-hero .item-grid .app-platform {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: -26px;
    bottom: -28px;
  }
  #app-detail #app-hero .publisher {
    display: block;
    margin-bottom: 14px;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #CFD3DA;
  }
  #app-detail #app-hero .ratings-info {
    display: block;
    margin-top: 8px;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #CFD3DA;
  }
  #app-detail #app-hero .app-stats {
    position: relative;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #ABB2C0;
    border-radius: 8px;
  }
  #app-detail #app-hero .app-stats .stats-left {
    padding: 43px 51px 63px 48px;
    border-radius: 8px 0 0 8px;
  }
  #app-detail #app-hero .app-stats .stats-left .top-left {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 42px;
  }
  #app-detail #app-hero .app-stats .stats-left .stats-title {
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    color: #131314;
  }
  #app-detail #app-hero .app-stats .stats-left .stats-title .subtle {
    margin: 0;
  }
  #app-detail #app-hero .app-stats .stats-left .stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 42px;
    margin-bottom: 80px;
  }
  #app-detail #app-hero .app-stats .stats-left .stats-grid li {
    padding-left: 18px;
    border-left: 2px solid #ABB2C0;
  }
  #app-detail #app-hero .app-stats .stats-left .stats-grid li .top {
    display: block;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 14px;
  }
  #app-detail #app-hero .app-stats .stats-left .stats-grid li .bottom {
    font-weight: 400;
    font-size: 48px;
    line-height: 27px;
    color: #000000;
  }
  #app-detail #app-hero .app-stats .stats-left .stats-grid li .bottom.diamond {
    padding-left: 48.65px;
    position: relative;
  }
  #app-detail #app-hero .app-stats .stats-left .stats-grid li .bottom.diamond:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 32.65px;
    height: 27.85px;
    background: url(/mkt/assets/appdetailsv2/images/app-detail/diamond-black.svg) no-repeat center;
    background-size: cover;
  }
  #app-detail #app-hero .app-stats .stats-right {
    padding: 44px 53px 33px 33px;
    background: #23252A;
    border-radius: 0 8px 8px 0;
  }
  #app-detail #app-hero .app-stats .stats-right h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF;
  }
  #app-detail #app-hero .app-stats .stats-right h3.has-icon {
    margin-bottom: 31px;
  }
  #app-detail #app-hero .app-stats .stats-right h3.margin-top {
    margin: 54px 0 8px;
  }
  #app-detail #app-hero .app-stats .stats-right .flex-cta {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #app-detail #app-hero .app-stats .stats-right .flex-cta .app-cta {
    margin-bottom: 25px;
  }
  #app-detail #app-hero .app-stats .stats-right p {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #C3C8D1;
  }
  #app-detail #app-hero .app-social {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  #app-detail #app-hero .app-social li {
    margin-left: 12px;
  }
  #app-detail #app-hero .app-social li:first-child {
    margin-left: 0;
  }
  #app-detail #app-hero .app-social li a {
    display: block;
    width: 32px;
    height: 32px;
  }
  #app-detail #app-hero .app-social li a.linkedin {
    background: url(/mkt/assets/appdetailsv2/images/app-detail/linkedin.svg) no-repeat top center;
    background-size: cover;
  }
  #app-detail #app-hero .app-social li a.instagram {
    background: url(/mkt/assets/appdetailsv2/images/app-detail/instagram.svg) no-repeat top center;
    background-size: cover;
  }
  #app-detail #app-hero .app-social li a.facebook {
    background: url(/mkt/assets/appdetailsv2/images/app-detail/facebook.svg) no-repeat top center;
    background-size: cover;
  }
  #app-detail #app-hero .app-social li a.twitter {
    background: url(/mkt/assets/appdetailsv2/images/app-detail/twitter.svg) no-repeat top center;
    background-size: cover;
  }
  #app-detail #app-description {
    padding: 32px 0 39px;
  }
  #app-detail #app-description .desc-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #070707;
    margin-bottom: 22px;
  }
  #app-detail #app-mps {
    padding: 20px 0 0;
  }
  #app-detail #app-mps .mps-grid {
    display: grid;
    grid-template-columns: 1fr 450px;
    margin-top: 17px;
  }
  #app-detail #app-mps .mps-grid .left {
    padding: 80px 80px 0;
    position: relative;
  }
  #app-detail #app-mps .mps-grid .left .subtle {
    text-align: center;
  }
  #app-detail #app-mps .mps-grid .left .mps-values {
    margin-top: 80px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0;
    font-weight: 400;
    color: #0099F9;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: font-size 900ms ease-in-out;
    pointer-events: none;
  }
  #app-detail #app-mps .mps-grid .left .mps-values:before {
    content: "";
    background-color: white;
    height: 0;
    position: absolute;
    z-index: -1;
    box-shadow: 0 0 53px 56px white;
  }
  #app-detail #app-mps .mps-grid .left .vs {
    font-size: smaller;
    margin-top: 20px;
    color: #6B00D6;
  }
  #app-detail #app-mps .mps-grid .left .button {
    position: absolute;
    left: 0;
    bottom: -70px;
  }
  #app-detail #app-mps .mps-grid .right {
    padding: 48px 32px;
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgba(21, 32, 52, 0.15);
    border-radius: 16px;
  }
  #app-detail #app-mps .mps-grid .right .button {
    position: absolute;
    display: none;
  }
  #app-detail #app-mps .mps-grid .item {
    display: grid;
    grid-template-columns: 1fr 87px;
    background: #ffffff;
    border-radius: 8px;
    border: 2px solid #E7E8EC;
  }
  #app-detail #app-mps .mps-grid .item.main {
    border: 4px solid #0099F9;
  }
  #app-detail #app-mps .mps-grid .item.main .item-right {
    background: #0099F9;
  }
  #app-detail #app-mps .mps-grid .item.with {
    border: 4px solid #6B00D6;
    cursor: auto;
  }
  #app-detail #app-mps .mps-grid .item.with .item-right {
    background: #6B00D6;
  }
  #app-detail #app-mps .mps-grid .item .item-left {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 12px;
    padding: 16px 8px 16px 16px;
  }
  #app-detail #app-mps .mps-grid .item .item-left .img-box {
    height: 48px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 8px;
  }
  #app-detail #app-mps .mps-grid .item .item-left .item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #app-detail #app-mps .mps-grid .item .item-left .item-content h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #282B30;
    margin-bottom: 8px;
  }
  #app-detail #app-mps .mps-grid .item .item-left .item-content span {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #282B30;
  }
  #app-detail #app-mps .mps-grid .item .item-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #app-detail #app-mps .mps-grid .item .item-right .nbr {
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: #FFFFFF;
  }
  #app-detail #app-mps .mps-grid .versus {
    display: block;
    text-align: center;
    margin: 27px 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    color: #8790A2;
    text-transform: uppercase;
  }
  #app-detail #app-mps .mps-grid .compare-list li {
    margin-bottom: 24px;
    cursor: pointer;
  }
  #app-detail #app-mps .mps-grid .compare-list li:last-child {
    margin-bottom: 0;
  }
  #app-detail #app-tags {
    padding: 20px 0 20px 0;
    margin-top: 80px;
  }
  #app-detail #app-tags .tags-filters {
    margin: 52px 0 48px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  #app-detail #app-tags .tags-filters span {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #23252A;
    margin-right: 26px;
  }
  #app-detail #app-tags #tabs-nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 34px;
    border-bottom: 1px solid #CFD3DA;
  }
  #app-detail #app-tags #tabs-nav li {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    position: relative;
  }
  #app-detail #app-tags #tabs-nav li:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #FF006B;
  }
  #app-detail #app-tags #tabs-nav li.current:before {
    width: 100%;
    transition: width 600ms ease;
  }
  #app-detail #app-tags #tabs-nav li a {
    display: block;
    text-decoration: none;
    color: #282B30;
    padding: 0 16px 20px;
  }
  #app-detail #app-tags .tab-content {
    display: none;
    margin-bottom: 62px;
  }
  #app-detail #app-tags .tab-content.active {
    display: block;
    animation-name: opacityAnimation;
    animation-duration: 600ms;
  }
  #app-detail #app-tags .top-infos {
    display: grid;
    grid-template-columns: 60px 1fr 150px 150px 150px 150px 150px;
    margin-bottom: 17px;
  }
  #app-detail #app-tags .top-infos li {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #23252A;
    text-align: center;
    cursor: pointer;
  }
  #app-detail #app-tags .top-infos li .sort-arrows {
    width: 15px;
    height: 15px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-left: 3px;
    position: relative;
    top: -7px;
  }
  #app-detail #app-tags .top-infos li .sort-arrows:before, #app-detail #app-tags .top-infos li .sort-arrows:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid lightgrey;
  }
  #app-detail #app-tags .top-infos li .sort-arrows:after {
    border-bottom: none;
    border-top: 5px solid lightgrey;
    margin-top: 2px;
  }
  #app-detail #app-tags .top-infos li .sort-arrows.isDescending:after {
    border-top-color: #0097f5;
  }
  #app-detail #app-tags .top-infos li .sort-arrows.isAscending:before {
    border-bottom-color: #0097f5;
  }
  #app-detail #app-tags .top-infos li:first-child {
    text-align: right;
  }
  #app-detail #app-tags .top-infos li:nth-child(2) {
    padding-left: 30px;
    text-align: left;
  }
  #app-detail #app-tags .app-list li {
    display: grid;
    grid-template-columns: 60px 1fr 150px 150px 150px 150px 150px;
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgba(21, 32, 52, 0.15);
    border-radius: 8px;
    padding: 13px 0;
    margin-bottom: 16px;
  }
  #app-detail #app-tags .app-list li.highlight {
    border: 4px solid #0097f5;
  }
  #app-detail #app-tags .app-list li:last-child {
    margin-bottom: 0;
  }
  #app-detail #app-tags .app-list li div {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #282B30;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #app-detail #app-tags .app-list li div:first-child {
    text-align: right;
  }
  #app-detail #app-tags .app-list li div:nth-child(2) {
    padding-left: 30px;
    text-align: left;
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 10px;
  }
  #app-detail #app-tags .app-list li div:nth-child(2) .app-img {
    width: 100%;
    height: 42px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #app-detail #app-tags .app-list li div:nth-child(2) .app-desc {
    text-align: left;
  }
  #app-detail #app-tags .app-list li div:nth-child(2) .app-desc span.app-name {
    display: block;
    margin-bottom: 11px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #282B30;
  }
  #app-detail #app-tags .app-list li div:nth-child(2) .app-desc .app-publisher {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  #app-detail #app-tags .app-list li div:nth-child(2) .app-desc .app-publisher .app-flag {
    width: 21px;
    height: 14px;
  }
  #app-detail #app-tags .app-list li div:nth-child(2) .app-desc .app-publisher strong {
    margin-left: 6px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #8790A2;
  }
  #app-detail #app-tags .app-list li div.locked {
    position: relative;
  }
  #app-detail #app-tags .app-list li div.locked:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 27px;
    height: 27px;
    background: url(/mkt/assets/appdetailsv2/images/app-detail/lock.svg) no-repeat center;
    background-size: cover;
  }
  #app-detail #app-usage {
    padding: 20px 0 59px;
  }
  #app-detail #app-usage .custom-select {
    position: relative;
    bottom: 20px;
  }
  #app-detail #app-usage .usage-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #CFD3DA;
    margin: 84px 0 14px;
  }
  #app-detail #app-usage #tabs-nav-usage {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  #app-detail #app-usage #tabs-nav-usage li {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    position: relative;
  }
  #app-detail #app-usage #tabs-nav-usage li:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #FF006B;
  }
  #app-detail #app-usage #tabs-nav-usage li.current:before {
    width: 100%;
    transition: width 600ms ease;
  }
  #app-detail #app-usage #tabs-nav-usage li a {
    display: block;
    text-decoration: none;
    color: #282B30;
    padding: 0 16px 20px;
  }
  #app-detail #app-usage .tab-content-usage {
    display: none;
    margin-bottom: 0;
  }
  #app-detail #app-usage .tab-content-usage.active {
    display: block;
    animation-name: opacityAnimation;
    animation-duration: 600ms;
  }
  #app-detail #app-usage .tab-content-usage .left {
    justify-self: center;
  }
  #app-detail #app-usage .tab-content-usage .right {
    height: 100%;
    justify-self: center;
  }
  #app-detail #app-usage .usage-grid {
    display: grid;
    grid-template-columns: auto auto;
    justify-items: center;
  }
  #app-detail #app-usage .usage-grid .right .top {
    display: block;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #282B30;
  }
  #app-detail #app-usage .usage-grid .right .top-usage-list {
    width: 100%;
    padding: 40px 30px;
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgba(21, 32, 52, 0.15);
    border-radius: 16px;
  }
  #app-detail #app-usage .usage-grid .right .top-usage-list li {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 22px;
    margin-bottom: 33px;
  }
  #app-detail #app-usage .usage-grid .right .top-usage-list li:last-child {
    margin-bottom: 0;
  }
  #app-detail #app-usage .usage-grid .right .top-usage-list li .flag {
    width: 100%;
    height: 60px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #app-detail #app-usage .usage-grid .right .top-usage-list li .usage-infos h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #282B30;
  }
  #app-detail #app-usage .usage-grid .right .top-usage-list li .usage-infos .state {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 180%;
    color: #647188;
  }
  #app-detail #app-usage .usage-grid .right .top-usage-list li .usage-infos .usage-stats {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  #app-detail #app-usage .usage-grid .right .top-usage-list li .usage-infos .usage-stats .user-nbr {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #282B30;
    margin-right: 13px;
    white-space: nowrap;
  }
  #app-detail #app-ranked {
    padding: 10px 0 59px;
  }
  #app-detail #app-ranked .app-text {
    margin-bottom: 30px;
  }
  #app-detail #app-ranked .ranked-graph {
    position: relative;
  }
  #app-detail #app-ranked .ranked-graph:before {
    content: "";
    position: absolute;
    top: 30px;
    height: 435px;
    width: 429px;
    left: 432px;
    background: url(/mkt/assets/appdetailsv2/images/app-detail/ranked-graph.svg) no-repeat center;
    background-size: cover;
  }
  #app-detail #app-ranked .ranked-graph .ranked-list {
    max-width: 432px;
    position: relative;
    width: 100%;
    margin: 20px 0 62px;
  }
  #app-detail #app-ranked .ranked-graph .ranked-list li {
    padding: 24px 32px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(21, 32, 52, 0.15);
    border-radius: 16px;
    margin-bottom: 16px;
  }
  #app-detail #app-ranked .ranked-graph .ranked-list li:last-child {
    margin-bottom: 0;
  }
  #app-detail #app-ranked .ranked-graph .ranked-list li .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #app-detail #app-ranked .ranked-graph .ranked-list li .left span {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #282B30;
  }
  #app-detail #app-ranked .ranked-graph .ranked-list li .left span.keyword {
    font-weight: 700;
    margin-bottom: 5px;
  }
  #app-detail #app-ranked .ranked-graph .ranked-list li .left span.keyword div {
    display: inline;
  }
  #app-detail #app-ranked .ranked-graph .ranked-list li .right {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  #app-detail #app-ranked .ranked-graph .ranked-list li .right .number {
    font-weight: 400;
    font-size: 36px;
    line-height: 45px;
    color: #282B30;
    margin-right: 30px;
  }
  #app-detail #app-ranked .ranked-graph .ranked-image {
    position: absolute;
    top: 140px;
    right: 110px;
    width: 213px;
    height: 213px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 42px;
  }
  #app-detail #app-ranked .ranked-graph .ranked-image .ranked-platform {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: -26px;
    bottom: -28px;
  }
  #app-detail #app-rating {
    padding: 20px 0 90px;
  }
  #app-detail #app-rating .rate-content {
    margin: 51px 0 62px;
    border-top: 1px solid #CFD3DA;
  }
  #app-detail #app-rating .rate-content .top-rate {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 19px 0 26px;
  }
  #app-detail #app-rating .rate-content .top-rate h3 {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #282B30;
    margin-bottom: 8px;
  }
  #app-detail #app-rating .rate-content .top-rate .date {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #647188;
  }
  #app-detail #app-rating .rate-content .right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  #app-detail #app-rating .rate-content .right .custom-select {
    margin-left: 8px;
  }
  #app-detail #app-rating .rate-list li {
    display: grid;
    grid-template-columns: 150px 1fr;
  }
  #app-detail #app-rating .rate-list li .rate-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #282B30;
    padding: 20px 0;
  }
  #app-detail #app-rating .rate-list li .rate-name.mobile {
    display: none;
    position: absolute;
    bottom: 0;
    left: 5px;
  }
  #app-detail #app-rating .rate-list li:nth-of-type(1) .rate-anim {
    background: #40001B;
  }
  #app-detail #app-rating .rate-list li:nth-of-type(2) .rate-anim {
    background: #80264C;
  }
  #app-detail #app-rating .rate-list li:nth-of-type(3) .rate-anim {
    background: #FF80B5;
  }
  #app-detail #app-rating .rate-list li:nth-of-type(4) .rate-anim {
    background: #FFBFDA;
  }
  #app-detail #app-rating .rate-list li .rate-percent {
    border-left: 1px solid #C3C8D1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #app-detail #app-rating .rate-list li .rate-percent .rate-anim {
    position: relative;
    width: 0;
    height: 20px;
    border-radius: 0 20px 20px 0;
    transition: width 1500ms ease;
  }
  #app-detail #app-rating .rate-list li .rate-percent .rate-anim .rate-nbr {
    position: absolute;
    top: 50%;
    left: calc(100% + 8px);
    transform: translateY(-50%);
    width: max-content;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #282B30;
  }
  #app-detail #app-rating .rate-list li .rate-percent .rate-anim .rate-nbr strong {
    font-weight: 700;
  }
  #app-detail #app-rating .app-download {
    background: #ffffff;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
    margin-top: 79px;
    padding: 35px 71px;
    border: 1px solid #C3C8D1;
    border-radius: 16px;
  }
  #app-detail #app-rating .app-download h3 {
    margin-bottom: 32px;
    font-weight: 400;
    font-size: 32px;
    line-height: 42px;
    color: #000000;
  }
  #app-detail #app-rating .app-download .ctas {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  #app-detail #app-rating .app-download .ctas .app-detail-cta {
    margin: 0 7px 7px 0;
  }
  #app-detail #app-rating .app-download .dl-card {
    width: 128px;
    height: 264px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 12px 24px;
  }
  #app-detail #app-rating .app-download .dl-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #app-detail #app-rating .app-download .dl-right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  #app-detail #app-contact {
    padding: 154px 0 120px;
    background: #131314;
  }
  #app-detail #app-contact .inside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #app-detail #app-contact .c-title {
    font-weight: 300;
    font-size: 48px;
    line-height: 63px;
    text-align: center;
    color: #FFFFFF;
    max-width: 980px;
    width: 100%;
    margin-bottom: 62px;
  }
  
  @media only screen and (max-width: 1331px) {
    #app-detail .inside {
      padding: 0 30px 0 75px;
    }
    #app-detail #app-hero .tiers-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #app-detail #app-hero .app-stats .stats-left {
      padding: 30px;
    }
    #app-detail #app-hero .app-stats .stats-left .stats-grid {
      gap: 20px;
    }
    #app-detail #app-hero .app-stats .stats-right {
      padding: 30px;
    }
    #app-detail #app-mps #mps-chart {
      height: 480px;
      max-height: 480px;
    }
    #app-detail #app-mps .mps-grid {
      grid-template-columns: 1fr 350px;
    }
    #app-detail #app-mps .mps-grid .left {
      padding: 40px 40px 0;
    }
    #app-detail #app-mps .mps-grid .left .mps-values {
      margin-top: 40px;
    }
    #app-detail #app-mps .mps-grid .right {
      padding: 30px;
    }
    #app-detail #app-tags .top-infos {
      grid-template-columns: repeat(7, 1fr);
    }
    #app-detail #app-tags .top-infos li:first-child {
      text-align: left;
    }
    #app-detail #app-tags .top-infos li:nth-child(2) {
      padding-left: 0;
      text-align: left;
    }
    #app-detail #app-tags .app-list li {
      grid-template-columns: repeat(7, 1fr);
    }
    #app-detail #app-tags .app-list li div {
      font-weight: 400;
      font-size: 16px;
      line-height: 22px;
      color: #282B30;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    #app-detail #app-tags .app-list li div:first-child {
      text-align: center;
    }
    #app-detail #app-tags .app-list li div:nth-child(2) {
      padding-left: 0;
    }
    #app-detail #app-tags .app-list li div:nth-child(2) .app-img {
      width: 100%;
      height: 42px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    #app-detail #app-tags .app-list li div:nth-child(2) .app-desc {
      text-align: left;
    }
    #app-detail #app-tags .app-list li div:nth-child(2) .app-desc span.app-name {
      display: block;
      margin-bottom: 11px;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #282B30;
    }
    #app-detail #app-tags .app-list li div:nth-child(2) .app-desc .app-publisher {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
    }
    #app-detail #app-tags .app-list li div:nth-child(2) .app-desc .app-publisher .app-flag {
      width: 21px;
      height: 14px;
    }
    #app-detail #app-tags .app-list li div:nth-child(2) .app-desc .app-publisher strong {
      margin-left: 6px;
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;
      color: #8790A2;
    }
    #app-detail #app-tags .app-list li div.locked {
      position: relative;
    }
    #app-detail #app-tags .app-list li div.locked:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 27px;
      height: 27px;
      background: url(/mkt/assets/appdetailsv2/images/app-detail/lock.svg) no-repeat center;
      background-size: cover;
    }
  }
  @media only screen and (max-width: 1281px) {
    #app-detail #app-ranked .ranked-graph .ranked-image {
      right: 70px;
    }
  }
  @media only screen and (max-width: 1190px) {
    #app-detail #app-sidebar {
      top: 65px;
      height: calc(100vh - 65px);
    }
    #app-detail #app-ranked .ranked-graph .ranked-image {
      right: 10px;
    }
  }
  @media only screen and (max-width: 1125px) {
    #app-detail #app-ranked .ranked-graph .ranked-image {
      right: 0;
    }
  }
  @media only screen and (max-width: 1100px) {
    #app-detail #app-ranked .ranked-graph:before {
      left: 370px;
    }
    #app-detail #app-ranked .ranked-graph .ranked-list {
      max-width: 370px;
    }
  }
  @media only screen and (max-width: 1025px) {
    #app-detail #create-account-popup .popup {
      flex-direction: column;
    }
    #app-detail #create-account-popup .popup .left-content {
      margin: 40px 30px;
    }
    #app-detail #create-account-popup .popup .left-content h1 {
      margin-bottom: 15px;
    }
    #app-detail #create-account-popup .popup .left-content ul {
      margin-bottom: 15px;
    }
    #app-detail #create-account-popup .popup .right-content {
      margin: 0 20px 20px 20px;
    }
    #app-detail #create-account-popup .popup .right-content img {
      margin: auto;
      width: 170px;
      height: auto;
    }
    #app-detail .inside {
      padding: 0 30px;
    }
    #app-detail .hero-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #app-detail #app-search {
      padding: 81px 0 20px;
    }
    #app-detail #app-sidebar {
      top: auto;
      max-width: 330px;
      width: 100%;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      height: 52px;
      flex-direction: row;
      justify-content: center;
      padding: 8px 16px;
      background: rgba(26, 29, 34, 0.9);
      border-radius: 8px;
    }
    #app-detail #app-sidebar .app-nav {
      flex-direction: row;
      justify-content: center;
    }
    #app-detail #app-sidebar .app-nav .app-item:hover .tooltip {
      display: none;
    }
    #app-detail #app-sidebar .app-nav .app-item {
      margin: 0 4px;
    }
    #app-detail #app-mps #mps-chart {
      height: calc(100vw - 60px);
      max-height: calc(100vw - 60px);
      width: 100%;
    }
    #app-detail #app-mps .mps-grid {
      grid-template-columns: repeat(1, 1fr);
      gap: 30px;
    }
    #app-detail #app-mps .mps-grid .left {
      padding: 0 100px;
    }
    #app-detail #app-mps .mps-grid .left .mps-values {
      margin-top: 0;
    }
    #app-detail #app-mps .mps-grid .left .button {
      display: none;
    }
    #app-detail #app-mps .mps-grid .right {
      position: relative;
    }
    #app-detail #app-mps .mps-grid .right .button {
      display: block;
      left: 0;
      bottom: -70px;
      width: 100%;
    }
    #app-detail #app-usage .usage-grid {
      grid-template-columns: repeat(1, 1fr);
      gap: 30px;
    }
    #app-detail #app-usage .usage-grid .right .top {
      text-align: center;
    }
    #app-detail #app-usage .usage-grid .right .top-usage-list {
      max-width: 303px;
      width: 100%;
      margin: 0 auto;
    }
    #app-detail #app-ranked .ranked-graph .ranked-image {
      right: 15px;
      top: 170px;
      width: 150px;
      height: 150px;
    }
    #app-detail #app-ranked .ranked-graph .ranked-image .ranked-platform {
      width: 50px;
      height: 50px;
      right: -15px;
      bottom: -15px;
    }
    #app-detail #app-rating .app-download {
      grid-template-columns: repeat(1, 1fr);
      gap: 30px;
    }
    #app-detail #app-rating .rate-list li .rate-percent .rate-anim .rate-nbr {
      left: 5px;
      top: auto;
      bottom: -20px;
      transform: none;
    }
    #app-detail #app-contact {
      padding: 64px 0;
    }
    #app-detail #app-contact .c-title {
      font-size: 40px;
      line-height: 48px;
    }
    #app-detail .fallback-content .cta-content > img {
      margin: 0 auto 12px auto;
    }
  }
  @media only screen and (max-width: 960px) {
    #app-detail #app-ranked .ranked-graph .ranked-image {
      right: 0;
    }
  }
  @media only screen and (max-width: 930px) {
    #app-detail #app-ranked .ranked-graph:before {
      left: 300px;
    }
  }
  @media only screen and (max-width: 880px) {
    #app-detail #app-ranked .ranked-graph:before {
      left: 240px;
    }
  }
  @media only screen and (max-width: 810px) {
    #app-detail #app-ranked .ranked-graph:before {
      left: 180px;
    }
  }
  @media only screen and (max-width: 769px) {
    #app-detail .app-title {
      font-size: 32px;
      line-height: 38px;
      margin-bottom: 16px;
    }
    #app-detail .app-small-title {
      font-size: 32px;
      line-height: 38px;
    }
    #app-detail .custom-select {
      width: 100% !important;
    }
    #app-detail .select-items {
      width: calc(100% + 4px);
    }
    #app-detail .button {
      width: 100%;
      display: block;
      text-align: center;
    }
    #app-detail #app-hero .hero-grid {
      margin-bottom: 46px;
      gap: 24px;
    }
    #app-detail #app-hero:before {
      height: 600px
    }
    #app-detail #app-hero .hero-grid .grid-item {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }
    #app-detail #app-hero .item-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #app-detail #app-hero .item-grid .app-img {
      width: 80px;
      height: 80px;
      border-radius: 17.8831px;
    }
    #app-detail #app-hero .item-grid .app-img .app-platform {
      width: 32px;
      height: 32px;
      right: -10px;
      bottom: -10px;
    }
    #app-detail #app-hero .app-stats .stats-left {
      padding: 33px 16px;
    }
    #app-detail #app-hero .app-stats .stats-left .stats-title {
      margin-bottom: 16px;
    }
    #app-detail #app-hero .app-stats .stats-left .top-left {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }
    #app-detail #app-hero .app-stats .stats-left .stats-grid {
      grid-template-columns: repeat(1, 1fr);
      gap: 54px;
      margin-bottom: 56px;
    }
    #app-detail #app-hero .app-stats .stats-right {
      border-radius: 0 0 8px 8px;
    }
    #app-detail #app-hero .app-stats .stats-right h3.margin-top {
      margin: 48px 0 8px;
    }
    #app-detail #app-description {
      padding: 32px 0 0;
    }
    #app-detail #app-mps .mps-grid .left {
      padding: 0;
    }
    #app-detail #app-mps .mps-grid .right {
      padding: 14px;
    }
    #app-detail #app-tags .tags-filters {
      flex-direction: column;
      align-items: flex-start;
      margin: 30px 0 20px;
    }
    #app-detail #app-tags .tags-filters span {
      margin-bottom: 8px;
    }
    #app-detail #app-tags .top-infos {
      grid-template-columns: 50px 1fr 1fr;
    }
    #app-detail #app-tags .top-infos .remove-mobile {
      display: none;
    }
    #app-detail #app-tags .app-list li {
      grid-template-columns: 50px 1fr 1fr;
    }
    #app-detail #app-tags .app-list li div.remove-mobile {
      display: none;
    }
    #app-detail #app-usage .usage-flex {
      flex-direction: column-reverse;
      justify-content: flex-start;
      align-items: flex-start;
    }
    #app-detail #app-usage .usage-flex span {
      margin-bottom: 8px;
    }
    #app-detail #app-ranked .inside.no-padding {
      padding: 0;
    }
    #app-detail #app-ranked .inside.no-padding .custom-select {
      margin: 0 30px;
      width: calc(100% - 60px) !important;
    }
    #app-detail #app-ranked .app-small-title,
    #app-detail #app-ranked .app-text {
      padding: 0 30px;
    }
    #app-detail #app-ranked .ranked-graph {
      max-width: 343px;
      width: 100%;
      margin: 0 auto 50px;
    }
    #app-detail #app-ranked .ranked-graph:before {
      left: 10px;
      top: 78px;
      width: 201px;
      height: 452px;
      background: url(/mkt/assets/appdetailsv2/images/app-detail/ranked-graph-mobile.svg) no-repeat center;
      background-size: cover;
    }
    #app-detail #app-ranked .ranked-graph .ranked-list {
      max-width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-end;
    }
    #app-detail #app-ranked .ranked-graph .ranked-list li {
      padding: 19px 25px;
      width: 100%;
      margin-bottom: 12px;
    }
    #app-detail #app-ranked .ranked-graph .ranked-list li:nth-child(2) {
      max-width: 319px;
    }
    #app-detail #app-ranked .ranked-graph .ranked-list li:nth-child(3) {
      max-width: 303px;
    }
    #app-detail #app-ranked .ranked-graph .ranked-list li:nth-child(4) {
      max-width: 279px;
    }
    #app-detail #app-ranked .ranked-graph .ranked-list li:last-child {
      max-width: 250px;
    }
    #app-detail #app-ranked .ranked-graph .ranked-list li .left span {
      font-size: 14px;
      line-height: 18px;
    }
    #app-detail #app-ranked .ranked-graph .ranked-list li .right .number {
      font-size: 28.7864px;
      line-height: 36px;
      margin-right: 20px;
    }
    #app-detail #app-ranked .ranked-graph .ranked-image {
      position: relative;
      top: auto;
      right: auto;
      margin: 0 auto;
    }
    #app-detail #app-rating .rate-content .top-rate {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }
    #app-detail #app-rating .rate-content .right {
      width: 100%;
      margin-top: 24px;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }
    #app-detail #app-rating .rate-content .right .custom-select {
      margin: 0 0 8px 0;
    }
    #app-detail #app-rating .rate-list li {
      display: block;
      height: 64px;
    }
    #app-detail #app-rating .rate-list li .rate-name {
      display: none;
    }
    #app-detail #app-rating .rate-list li .rate-name.mobile {
      display: block;
      width: 250px;
    }
    #app-detail #app-rating .rate-list li .rate-percent {
      height: 100%;
    }
    #app-detail #app-rating .app-download {
      padding: 33px 0 33px 24px;
    }
    #app-detail #app-rating .app-download .dl-left {
      padding-right: 24px;
    }
  }
  @media only screen and (max-width: 641px) {
    #app-detail #app-rating .app-download .dl-right {
      display: block;
      overflow: auto;
      white-space: nowrap;
    }
    #app-detail #app-rating .app-download .dl-card {
      display: inline-block;
      vertical-align: top;
    }
  }
  #chart-ranking .rank-text {
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.5px;
    color: #404040;
  }
  #chart-ranking .rank-text.white {
    color: #ffffff;
  }
  #chart-ranking .rank-text.center {
    text-align: center;
  }
  #chart-ranking .rank-text.margin-btm {
    margin-bottom: 51px;
  }
  #chart-ranking .rank-text a {
    text-decoration: none;
    color: #FF006B;
  }
  #chart-ranking .rank-top-title {
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 19px;
  }
  #chart-ranking .rank-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 76px;
  }
  #chart-ranking .rank-section-title {
    font-weight: 300;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: 0.16px;
    color: #000000;
  }
  #chart-ranking .rank-section-title.white {
    color: #ffffff;
  }
  #chart-ranking .rank-inside {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
  }
  #chart-ranking #rank-hero {
    padding: 185px 0 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  #chart-ranking #rank-hero .rank-filters {
    padding: 8px 0 0;
    background: rgba(0, 0, 0, 0.5);
  }
  #chart-ranking #rank-hero .rank-filters .rank-filters-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  #chart-ranking #rank-hero .rank-filters .rank-filters-list .chart-type {
    display: block;
    margin-bottom: 2px;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
  }
  #chart-ranking #rank-hero .rank-filters .rank-filters-list .rank-filters-content {
    margin: 0 8px 8px;
    width: 167px;
    position: relative;
  }
  #chart-ranking #rank-hero .rank-filters .rank-filters-list .rank-filters-content.filters-opened .rank-top:after {
    transform: translateY(-50%) rotate(180deg);
  }
  #chart-ranking #rank-hero .rank-filters .rank-filters-list .rank-filters-content.filters-opened .rank-all-filters {
    display: block;
    animation-name: opacityAnimation;
    animation-duration: 600ms;
  }
  #chart-ranking #rank-hero .rank-filters .rank-filters-list .rank-filters-content .rank-top {
    width: 100%;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
    background-color: #000000;
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 6px;
    padding: 8px 7px 9px;
    cursor: pointer;
    position: relative;
  }
  #chart-ranking #rank-hero .rank-filters .rank-filters-list .rank-filters-content .rank-top:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background: url(/mkt/assets/appdetailsv2/images/arrow.svg) no-repeat top center;
    background-size: cover;
    transition: all 600ms ease;
  }
  #chart-ranking #rank-hero .rank-filters .rank-filters-list .rank-filters-content .rank-all-filters {
    display: none;
    position: absolute;
    background-color: #000000;
    top: calc(100% + 5px);
    width: 100%;
    left: 0;
    right: 0;
    z-index: 9;
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 6px;
    padding: 12px;
    max-height: 262px;
    overflow: scroll;
  }
  #chart-ranking #rank-hero .rank-filters .rank-filters-list .rank-filters-content .rank-all-filters li.padding-left {
    margin-left: 16px;
  }
  #chart-ranking #rank-hero .rank-filters .rank-filters-list .rank-filters-content .rank-all-filters li a {
    width: 100%;
    display: block;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
    padding: 8px 7px 9px;
    cursor: pointer;
    border-radius: 6px;
  }
  #chart-ranking #rank-hero .rank-filters .rank-filters-list .rank-filters-content .rank-all-filters li a:hover {
    color: #000000;
    background-color: rgba(255, 255, 255, 0.7);
  }
  #chart-ranking #rank-hero .rank-filters .rank-filters-list .rank-filters-content .rank-inner-list {
    margin-left: 10px;
  }
  #chart-ranking #rank-content {
    background: #F2F2F2;
    padding: 52px 0 75px;
  }
  #chart-ranking #rank-content .top-content {
    position: relative;
  }
  #chart-ranking #rank-content .rank-social {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
  }
  #chart-ranking #rank-content .rank-social li {
    margin-left: 10px;
  }
  #chart-ranking #rank-content .rank-social li a {
    display: block;
    width: 29px;
    height: 25px;
  }
  #chart-ranking #rank-content .rank-social li a.facebook {
    background: url(/mkt/assets/appdetailsv2/images/facebook.svg) no-repeat center;
    background-size: cover;
  }
  #chart-ranking #rank-content .rank-social li a.twitter {
    background: url(/mkt/assets/appdetailsv2/images/twitter.svg) no-repeat center;
    background-size: cover;
  }
  #chart-ranking #rank-content .rank-social li a.linkedin {
    background: url(/mkt/assets/appdetailsv2/images/linkedin.svg) no-repeat center;
    background-size: cover;
  }
  #chart-ranking #rank-content .rank-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 18px;
    margin: 53px 0 66px;
  }
  #chart-ranking #rank-content .rank-grid .rank-item {
    background: #ffffff;
    border-radius: 10px;
  }
  #chart-ranking #rank-content .rank-grid .rank-item.left {
    grid-area: 1/1/3/2;
  }
  #chart-ranking #rank-content .rank-grid .rank-item.top {
    grid-area: 1/2/2/3;
  }
  #chart-ranking #rank-content .rank-grid .rank-item.top .btm-item .app-list li {
    padding: 10px 12px 11px;
  }
  #chart-ranking #rank-content .rank-grid .rank-item.bottom {
    grid-area: 2/2/3/3;
  }
  #chart-ranking #rank-content .rank-grid .rank-item.bottom .btm-item .app-list li {
    padding: 10px 12px 11px;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .item-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #404040;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .top-item {
    padding: 32px 0 0;
    border-bottom: 1px solid #BFBFBF;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .top-item .app-filter {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .top-item .app-filter li a,
  #chart-ranking #rank-content .rank-grid .rank-item .top-item .app-filter li button {
    appearance: none;
    background: transparent;
    border: none;
    text-decoration: none;
    display: block;
    padding: 0 15px 19px;
    font-size: 16px;
    line-height: 24px;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .top-item .app-filter li a.filter-item,
  #chart-ranking #rank-content .rank-grid .rank-item .top-item .app-filter li button.filter-item {
    font-weight: 400;
    color: #000000;
    position: relative;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .top-item .app-filter li a.filter-item:before,
  #chart-ranking #rank-content .rank-grid .rank-item .top-item .app-filter li button.filter-item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 4px;
    background: #FF006B;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .top-item .app-filter li a.filter-item.active,
  #chart-ranking #rank-content .rank-grid .rank-item .top-item .app-filter li button.filter-item.active {
    font-weight: 700;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .top-item .app-filter li a.filter-item.active:before,
  #chart-ranking #rank-content .rank-grid .rank-item .top-item .app-filter li button.filter-item.active:before {
    width: 100%;
    transition: width 500ms ease;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .top-item .app-filter li a.filter-change,
  #chart-ranking #rank-content .rank-grid .rank-item .top-item .app-filter li button.filter-change {
    font-weight: 400;
    text-transform: uppercase;
    color: #800035;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .btm-item {
    padding: 11px 32px 50px;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .btm-item .btm-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .btm-item .app-list li {
    padding: 21px 12px 22px;
    border-bottom: 1px solid #BFBFBF;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .btm-item .app-list li a {
    text-decoration: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .btm-item .app-list li .list-left {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 10px;
    margin-right: 10px;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .btm-item .app-list li .list-left .img-box {
    width: 100%;
    height: 34px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .btm-item .app-list li .list-left .list-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .btm-item .app-list li .list-right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .btm-item .app-list li .list-right .item-update {
    width: 50px;
    height: 20px;
    margin-left: 40px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .btm-item .app-list li .list-right .item-update.nothing:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 7px;
    transform: translate(-50%, -50%);
    background: url(/mkt/assets/appdetailsv2/images/nothing.svg) no-repeat center;
    background-size: cover;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .btm-item .app-list li .list-right .item-update.up {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #00BFAA;
    padding-left: 15px;
    position: relative;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .btm-item .app-list li .list-right .item-update.up:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background: url(/mkt/assets/appdetailsv2/images/up.svg) no-repeat center;
    background-size: cover;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .btm-item .app-list li .list-right .item-update.down {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #F16767;
    padding-left: 15px;
    position: relative;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .btm-item .app-list li .list-right .item-update.down:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background: url(/mkt/assets/appdetailsv2/images/down.svg) no-repeat center;
    background-size: cover;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .btm-item .centering {
    margin-top: 31px;
  }
  #chart-ranking #rank-content .rank-grid .rank-item .btm-item .centering a {
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    color: #FF006B;
    text-decoration: none;
  }
  #chart-ranking #rank-level-up .level-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  #chart-ranking #rank-level-up .level-grid .level-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
  #chart-ranking #rank-level-up .level-grid .level-item.left {
    background: #E6E6E6;
    justify-content: flex-end;
  }
  #chart-ranking #rank-level-up .level-grid .level-item.left .item-content {
    padding: 79px 50px 102px 30px;
  }
  #chart-ranking #rank-level-up .level-grid .level-item.right {
    align-items: flex-start;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(101.77deg, #000000 0%, #800035 100%);
  }
  #chart-ranking #rank-level-up .level-grid .level-item.right .item-content {
    padding: 79px 30px 102px 50px;
  }
  #chart-ranking #rank-level-up .level-grid .level-item .item-content {
    max-width: 465px;
    width: 100%;
  }
  #chart-ranking #rank-level-up .level-grid .level-item .item-content .level-top {
    display: block;
    margin-bottom: 17px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    align-items: center;
    letter-spacing: 0.44px;
    text-transform: uppercase;
    color: #000000;
  }
  #chart-ranking #rank-level-up .level-grid .level-item .item-content .level-top.white {
    color: #ffffff;
  }
  #chart-ranking #rank-level-up .level-grid .level-item .item-content .rank-section-title {
    margin-bottom: 32px;
  }
  #chart-ranking #rank-level-up .level-grid .level-item .item-content .rank-text {
    margin-bottom: 50px;
  }
  #chart-ranking #rank-new {
    padding: 78px 0 85px;
  }
  #chart-ranking #rank-new .rank-section-title {
    margin-bottom: 49px;
  }
  #chart-ranking #rank-new .new-grid {
    width: calc(100% + 80px);
    position: relative;
    left: -40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  #chart-ranking #rank-new .new-grid .new-item {
    max-width: 286px;
    width: 100%;
    margin: 0 40px 40px;
  }
  #chart-ranking #rank-new .new-grid .new-item .new-image {
    width: 100%;
    height: 260px;
    background-color: #BFBFBF;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 51px;
  }
  #chart-ranking #rank-new .new-grid .new-item .new-image .img-tag-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 20px;
    left: 0;
    display: flex;
    transform: rotate(90deg);
    transform-origin: top left;
  }
  #chart-ranking #rank-new .new-grid .new-item .new-image .new-cat {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.44px;
    text-transform: uppercase;
    color: #808080;
    transform: rotate(180deg);
  }
  #chart-ranking #rank-new .new-grid .new-item .new-caption h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 14px;
  }
  #chart-ranking #rank-new .new-grid .new-item .new-caption .rank-text {
    margin-bottom: 28px;
  }
  #chart-ranking #rank-popup {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #chart-ranking #rank-popup.opened {
    display: flex;
    animation-name: opacityAnimation;
    animation-duration: 600ms;
  }
  #chart-ranking #rank-popup .popup-container {
    max-width: 1080px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background: #ffffff;
    padding: 55px 76px 54px 91px;
    position: relative;
  }
  #chart-ranking #rank-popup .popup-container .popup-list {
    margin: 24px 0 48px;
  }
  #chart-ranking #rank-popup .popup-container .popup-list li {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0.36px;
    color: #808080;
    padding-left: 36px;
    position: relative;
  }
  #chart-ranking #rank-popup .popup-container .popup-list li:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(/mkt/assets/appdetailsv2/images/check.svg) no-repeat center;
    background-size: cover;
  }
  #chart-ranking #rank-popup .popup-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #chart-ranking #rank-popup .popup-item.left {
    align-items: flex-start;
    padding-right: 74px;
  }
  #chart-ranking #rank-popup .popup-item.right {
    align-items: center;
  }
  #chart-ranking #rank-popup .rank-close {
    position: absolute;
    top: 24px;
    right: 24px;
    appearance: none;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    width: 16px;
    height: 16px;
  }
  #chart-ranking #rank-popup .rank-close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 100%;
    height: 1px;
    background: #000000;
  }
  #chart-ranking #rank-popup .rank-close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 100%;
    height: 1px;
    background: #000000;
  }
  
  @media only screen and (max-width: 1025px) {
    #chart-ranking #rank-popup .popup-container {
      padding: 30px;
    }
    #chart-ranking #rank-popup .popup-container .popup-list {
      margin: 20px 0 30px;
    }
    #chart-ranking #rank-popup .popup-container .popup-list li {
      font-size: 16px;
      line-height: 40px;
    }
    #chart-ranking #rank-popup .popup-item.left {
      padding-right: 30px;
    }
  }
  @media only screen and (max-width: 900px) {
    #chart-ranking #rank-content .rank-social {
      margin-top: 30px;
      position: relative;
      top: auto;
      right: auto;
      justify-content: center;
    }
    #chart-ranking #rank-content .rank-grid {
      display: block;
    }
  }
  @media only screen and (max-width: 769px) {
    #chart-ranking #rank-level-up .level-grid {
      grid-template-columns: repeat(1, 1fr);
    }
    #chart-ranking #rank-level-up .level-grid .level-item.left {
      justify-content: flex-start;
    }
    #chart-ranking #rank-popup .popup-container {
      grid-template-columns: repeat(1, 1fr);
      gap: 30px;
      width: 90vw;
      height: 90vh;
      overflow: scroll;
    }
    #chart-ranking #rank-popup .popup-container .popup-list li {
      line-height: 22px;
      margin-bottom: 5px;
      padding-left: 24px;
    }
    #chart-ranking #rank-popup .popup-container .popup-list li:last-child {
      margin-bottom: 0;
    }
    #chart-ranking #rank-popup .popup-container .popup-list li:before {
      width: 18px;
      height: 18px;
      top: 0;
    }
    #chart-ranking #rank-popup .popup-item.left {
      padding-right: 0;
    }
  }
  @media only screen and (max-width: 641px) {
    #chart-ranking #rank-content .rank-grid .rank-item .btm-item {
      padding: 11px 0 40px;
    }
    #chart-ranking #rank-content .rank-grid .rank-item .btm-item .app-list li .list-right .item-update {
      margin-left: 15px;
    }
    #chart-ranking #rank-level-up .level-grid .level-item.left .item-content, #chart-ranking #rank-level-up .level-grid .level-item.right .item-content {
      padding: 60px 30px;
    }
  }
  #thanks-page #hero-top {
    height: 100vh;
    background: #000000;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #thanks-page #hero-top .center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #thanks-page #hero-top .main-title {
    text-align: center;
  }
  #thanks-page #hero-top .main-title.margin-bottom {
    margin-bottom: 35px;
  }
  #thanks-page #hero-top p {
    text-align: center;
    margin-bottom: 35px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.3;
  }
  
  #login {
    background: #000000;
    min-height: 100vh;
    overflow: hidden;
  }
  #login a {
    text-decoration: none;
    color: #ffffff;
  }
  #login input[type=email],
  #login [type=password] {
    width: 100%;
    height: 64px;
    padding: 0 22px;
    color: #8790A2;
    font-size: 18px;
    font-family: "Outfit", Arial, Helvetica, sans-serif;
  }
  #login #login-content {
    padding: 130px 0;
  }
  #login #login-content .signin-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
  #login #login-content .signin-form .logo-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }
  #login #login-content .signin-form .logo-container #logo {
    display: block;
    width: 201px;
    height: 45px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    background: url(/mkt/assets/appdetailsv2/images/logo.svg) no-repeat center;
  }
  #login #login-content .signin-form .logo-container #logo span {
    position: absolute;
    left: -200%;
  }
  #login #login-content .signin-form .form-row {
    margin-bottom: 10px;
  }
  #login #login-content .signin-form .form-row .remember {
    color: #ffffff;
    font-size: 12px;
  }
  #login #login-content .signin-form .form-row.other-login {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
  }
  #login #login-content .signin-form .form-row.other-login .other-connect {
    font-size: 14px;
  }
  #login #login-content .signin-form .required,
  #login #login-content .signin-form .required-password {
    display: none;
  }
  #login #login-content .signin-form .required.active,
  #login #login-content .signin-form .required-password.active {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #FF006B;
    padding-left: 20px;
    margin-bottom: 10px;
    position: relative;
  }
  #login #login-content .signin-form .required.active::before,
  #login #login-content .signin-form .required-password.active::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: 0;
    left: 0;
    background: url(/mkt/assets/appdetailsv2/images/caution.svg) no-repeat center;
    background-size: cover;
  }
  #login #login-content .signin-form #loginButton {
    cursor: pointer;
    line-height: 40px;
  }
  #login #footer-login {
    padding: 12px 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  #login #footer-login .login-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  #login #footer-login .login-block .login-item.world {
    position: relative;
  }
  #login #footer-login .login-block .login-item.world::before {
    content: "";
    position: absolute;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(/mkt/assets/appdetailsv2/images/world.svg) no-repeat center;
    background-size: cover;
  }
  #login #footer-login .login-block .login-item.world::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -13px;
    width: 18px;
    height: 15px;
    background: url(/mkt/assets/appdetailsv2/images/arrow.svg) no-repeat center;
    background-size: cover;
  }
  #login #footer-login .login-block .login-item #countries-select {
    color: #647188;
    background: transparent;
    appearance: none;
    box-shadow: none;
    border: transparent;
    cursor: pointer;
    padding-left: 25px;
  }
  #login #footer-login .login-block .login-item .login-text {
    color: #647188;
    font-size: 14px;
    line-height: 16.1px;
    margin: 0 10px;
  }
  #login #footer-login .login-block .login-item .login-text.pipe {
    position: relative;
  }
  #login #footer-login .login-block .login-item .login-text.pipe::after {
    content: "|";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 10px;
  }
  
  @media only screen and (max-width: 1025px) {
    #login #footer-login .login-block {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }
    #login #footer-login .login-block .login-item.world {
      margin-bottom: 10px;
    }
    #login #footer-login .login-block .login-item .login-text.pipe:first-child {
      margin-left: 0;
      margin-bottom: 5px;
    }
  }
  #leaflet-map, #leaflet-map-2 {
    width: 800px;
    height: 600px;
    background-color: transparent;
    z-index: 1;
    margin: 33px 0 0 0;
    border-radius: 16px;
  }
  #leaflet-map .leaflet-interactive, #leaflet-map-2 .leaflet-interactive {
    transition: stroke 0.25s;
  }
  #leaflet-map .legend, #leaflet-map-2 .legend {
    position: relative;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  #leaflet-map .legend .legend-ref, #leaflet-map-2 .legend .legend-ref {
    color: #6b6b6b;
    font-size: 7px;
    display: flex;
    width: 150px;
    margin-top: 3px;
  }
  #leaflet-map .legend .legend-ref p, #leaflet-map-2 .legend .legend-ref p {
    margin-left: 35px;
    transform: translateX(-50%);
  }
  #leaflet-map .legend .legend-ref p:first-child, #leaflet-map-2 .legend .legend-ref p:first-child {
    margin-left: 25px;
  }
  #leaflet-map .legend .gradients, #leaflet-map-2 .legend .gradients {
    width: 150px;
    height: 7px;
    display: flex;
  }
  #leaflet-map .legend .gradients span, #leaflet-map-2 .legend .gradients span {
    display: block;
    width: 25px;
    height: 100%;
  }
  #leaflet-map .legend .gradients span.first, #leaflet-map-2 .legend .gradients span.first {
    background: linear-gradient(90deg, #def3ff, #9cd8fe);
  }
  #leaflet-map .legend .gradients span.second, #leaflet-map-2 .legend .gradients span.second {
    background: linear-gradient(90deg, #9cd8fe, #0e9ef9);
    width: 50px;
  }
  #leaflet-map .legend .gradients span.third, #leaflet-map-2 .legend .gradients span.third {
    background: linear-gradient(90deg, #0e9ef9, #024bab);
    width: 50px;
  }
  #leaflet-map .legend .gradients span.fourth, #leaflet-map-2 .legend .gradients span.fourth {
    background: linear-gradient(90deg, #024bab, #000161);
  }
  #leaflet-map .legend .gradients span.second, #leaflet-map .legend .gradients span.third, #leaflet-map .legend .gradients span.fourth, #leaflet-map-2 .legend .gradients span.second, #leaflet-map-2 .legend .gradients span.third, #leaflet-map-2 .legend .gradients span.fourth {
    border-left: 1px solid #e6e6e6;
  }
  #leaflet-map .leaflet-bottom.leaflet-right, #leaflet-map-2 .leaflet-bottom.leaflet-right {
    width: 100%;
  }
  
  @media only screen and (max-width: 1025px) {
    #leaflet-map, #leaflet-map-2 {
      width: calc(100vw - 60px);
      height: calc(75vw - 60px);
    }
    .leaflet-right .leaflet-control {
      margin: 0;
    }
  }
  #top-rankings #rankings-hero {
    padding: 220px 0 140px;
    background: url(/mkt/assets/appdetailsv2/images/rankings.png) no-repeat bottom center;
    background-size: 100% 100%;
  }
  #top-rankings #rankings-hero .top-title {
    display: block;
    margin-bottom: 20px;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
  }
  #top-rankings #rankings-hero .rankings-title {
    color: #ffffff;
    text-align: center;
    font-size: 50px;
    font-weight: 300;
    line-height: 59px;
    letter-spacing: -0.5px;
    max-width: 660px;
    margin: 0 auto;
  }
  #top-rankings #rankings-content {
    padding: 80px 0;
    background: #E6E6E6;
  }
  #top-rankings #rankings-content.z-index {
    position: relative;
    z-index: 99;
  }
  #top-rankings #rankings-content #tabs-nav {
    max-width: 534px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 auto;
  }
  #top-rankings #rankings-content #tabs-nav li.current a {
    color: #ffffff;
    background: #000000;
  }
  #top-rankings #rankings-content #tabs-nav li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 25px 8px 19px;
    color: #000000;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
    letter-spacing: 0.44px;
    text-transform: uppercase;
    background: #F2F2F2;
  }
  #top-rankings #rankings-content .tab-content {
    display: none;
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
  }
  #top-rankings #rankings-content .tab-content.active {
    display: block;
    animation-name: opacityAnimation;
    animation-duration: 600ms;
  }
  #top-rankings #rankings-content .rankings-top {
    padding: 50px 30px 53px;
  }
  #top-rankings #rankings-content .rankings-top .tab-title {
    color: #404040;
    text-align: center;
    font-size: 36px;
    font-weight: 300;
    line-height: 42.48px;
    letter-spacing: 0.16px;
    margin-bottom: 31px;
  }
  #top-rankings #rankings-content .rankings-top .rankings-text {
    max-width: 710px;
    width: 100%;
    margin: 0 auto;
  }
  #top-rankings #rankings-content .rankings-top .rankings-text p {
    color: #404040;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    line-height: 28.125px;
    letter-spacing: 0.5px;
    margin-bottom: 33px;
  }
  #top-rankings #rankings-content .rankings-top .rankings-text p:last-of-type {
    margin-bottom: 0;
  }
  #top-rankings #rankings-content .rankings-grid {
    display: grid;
    grid-template-columns: 1fr 455px;
    height: 550px;
  }
  #top-rankings #rankings-content .rankings-grid .rankings-map {
    width: 100%;
    height: 550px;
    background: #000000;
    position: relative;
  }
  #top-rankings #rankings-content .rankings-grid .rankings-map svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #top-rankings #rankings-content .rankings-grid .rankings-map svg .rankTableMapRegion:hover, #top-rankings #rankings-content .rankings-grid .rankings-map svg .rankTableMapRegion.selected {
    transition: all 500ms ease;
    fill: #FF006B;
  }
  #top-rankings #rankings-content .rankings-grid .rankings-articles {
    padding: 44px 30px 0;
    height: 550px;
    overflow: scroll;
  }
  #top-rankings #rankings-content .rankings-grid .articles-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }
  #top-rankings #rankings-content .rankings-grid .articles-top .top-left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  #top-rankings #rankings-content .rankings-grid .articles-top .before-select {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    position: relative;
    margin-right: 15px;
    padding-right: 12px;
  }
  #top-rankings #rankings-content .rankings-grid .articles-top .before-select:after {
    content: "";
    position: absolute;
    top: 9px;
    right: 0;
    width: 6px;
    height: 9px;
    background: url(/mkt/assets/appdetailsv2/images/arrow.svg) no-repeat center;
    background-size: contain;
  }
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-selector,
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-more,
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-time {
    position: relative;
    cursor: pointer;
  }
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-selector select,
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-more select,
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-time select {
    display: none;
  }
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-selector .select-selected,
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-more .select-selected,
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-time .select-selected {
    background-color: transparent;
    color: #FF006B;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.125px;
    letter-spacing: 0.5px;
    padding-right: 12px;
  }
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-selector .select-selected::after,
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-more .select-selected::after,
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-time .select-selected::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(90deg);
    width: 6px;
    height: 9px;
    background: url(/mkt/assets/appdetailsv2/images/arrow.edcb9806.svg) no-repeat center;
    background-size: cover;
    transition: all 600ms ease;
  }
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-selector .select-selected.select-arrow-active:after,
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-more .select-selected.select-arrow-active:after,
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-time .select-selected.select-arrow-active:after {
    transform: translateY(-50%) rotate(-90deg);
  }
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-selector .select-items,
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-more .select-items,
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-time .select-items {
    position: absolute;
    background-color: #fff;
    top: calc(100% + 5px);
    width: 132px;
    left: 0;
    z-index: 99;
    border: 2px solid #E7E8EC;
    border-radius: 6px;
    padding: 6px;
  }
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-selector .select-items div,
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-more .select-items div,
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-time .select-items div {
    border-radius: 6px;
    color: #404040;
    font-size: 14px;
    line-height: 21.875px;
    padding: 5px;
  }
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-selector .select-hide,
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-more .select-hide,
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-time .select-hide {
    display: none;
  }
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-selector .select-items div:hover,
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-more .select-items div:hover,
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-time .select-items div:hover {
    background-color: #E7E8EC;
  }
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-selector {
    margin-right: 15px;
  }
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-time .select-items {
    left: auto;
    right: 0;
    width: auto;
  }
  #top-rankings #rankings-content .rankings-grid .articles-top .rankings-time .select-items div {
    text-align: right;
  }
  #top-rankings #rankings-content .rankings-grid .rankings-more {
    margin-right: 0;
    padding-left: 15px;
    display: none;
  }
  #top-rankings #rankings-content .rankings-grid .rankings-more.more-active {
    display: block;
  }
  #top-rankings #rankings-content .rankings-grid .rankings-more:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 6px;
    height: 9px;
    background: url(/mkt/assets/appdetailsv2/images/arrow.svg) no-repeat center;
    background-size: contain;
  }
  #top-rankings #rankings-content .rankings-grid .articles-list li {
    padding: 21px 0 20px;
    border-top: 1px solid #BFBFBF;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  #top-rankings #rankings-content .rankings-grid .articles-list li.hidden {
    display: none;
  }
  #top-rankings #rankings-content .rankings-grid .articles-list li .articles-title {
    max-width: 232px;
    width: 100%;
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    line-height: 28.125px;
  }
  #top-rankings #rankings-content .rankings-grid .articles-list li .articles-btn {
    appearance: none;
    background: transparent;
    border: none;
    padding: 0;
    color: #FF006B;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.5px;
    cursor: pointer;
  }
  #top-rankings #rankings-content #rankings-popup-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 80px;
  }
  #top-rankings #rankings-content #rankings-popup-container.show {
    display: flex;
  }
  #top-rankings #rankings-content #rankings-popup-container .popup-content {
    position: relative;
    max-height: 90%;
    background: #ffffff;
    overflow: scroll;
    padding: 80px;
    border-radius: 15px;
  }
  #top-rankings #rankings-content #rankings-popup-container .popup-content .img-box {
    border: 1px solid #808080;
  }
  #top-rankings #rankings-content #rankings-popup-container .popup-content .rankings-image {
    max-width: 630px;
  }
  #top-rankings #rankings-content #rankings-popup-container .articles-btn {
    appearance: none;
    cursor: pointer;
    background: transparent;
    padding: 0;
    border: none;
    position: absolute;
    top: 50%;
    width: 34px;
    height: 34px;
    background: url(/mkt/assets/appdetailsv2/images/previous.svg) no-repeat bottom center;
    background-size: cover;
  }
  #top-rankings #rankings-content #rankings-popup-container .articles-btn.prev {
    left: 21px;
    transform: translateY(-50%);
  }
  #top-rankings #rankings-content #rankings-popup-container .articles-btn.next {
    right: 21px;
    transform: translateY(-50%) rotate(180deg);
  }
  #top-rankings #rankings-content #rankings-popup-container .close-rankings-popup {
    appearance: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    border: none;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 14px;
    height: 14px;
  }
  #top-rankings #rankings-content #rankings-popup-container .close-rankings-popup:before, #top-rankings #rankings-content #rankings-popup-container .close-rankings-popup:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 1px;
    background: #000000;
  }
  #top-rankings #rankings-content #rankings-popup-container .close-rankings-popup:before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  #top-rankings #rankings-content #rankings-popup-container .close-rankings-popup:after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  #top-rankings #rankings-content #rankings-popup-container .rankings-social {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #top-rankings #rankings-content #rankings-popup-container .rankings-social li {
    padding: 0 12px;
    position: relative;
  }
  #top-rankings #rankings-content #rankings-popup-container .rankings-social li:nth-child(2):before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background: rgba(255, 0, 107, 0.2);
  }
  #top-rankings #rankings-content #rankings-popup-container .rankings-social li:nth-child(3):before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background: rgba(255, 0, 107, 0.2);
  }
  #top-rankings #rankings-content #rankings-popup-container .rankings-social li a {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
  }
  #top-rankings #rankings-content #rankings-popup-container .rankings-social li a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
  }
  #top-rankings #rankings-content #rankings-popup-container .rankings-social li a.facebook:before {
    background: url(/mkt/assets/appdetailsv2/images/facebook.svg) no-repeat bottom center;
    background-size: cover;
  }
  #top-rankings #rankings-content #rankings-popup-container .rankings-social li a.twitter:before {
    background: url(/mkt/assets/appdetailsv2/images/twitter.svg) no-repeat bottom center;
    background-size: cover;
  }
  #top-rankings #rankings-content #rankings-popup-container .rankings-social li a.linkedin:before {
    background: url(/mkt/assets/appdetailsv2/images/linkedin.svg) no-repeat bottom center;
    background-size: cover;
  }
  
  @media only screen and (max-width: 1025px) {
    #top-rankings #rankings-content .rankings-grid {
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-start;
      align-items: center;
      height: auto;
    }
    #top-rankings #rankings-content .rankings-grid .rankings-articles {
      width: 100%;
    }
  }
  @media only screen and (max-width: 769px) {
    #top-rankings #rankings-hero {
      padding: 180px 0 80px;
    }
    #top-rankings #rankings-hero .top-title {
      font-size: 15px;
      line-height: 20px;
    }
    #top-rankings #rankings-hero .rankings-title {
      font-size: 36px;
      line-height: 42px;
    }
    #top-rankings #rankings-content {
      padding: 0;
    }
    #top-rankings #rankings-content .inside {
      padding: 0;
    }
    #top-rankings #rankings-content #tabs-nav {
      max-width: 100%;
    }
    #top-rankings #rankings-content #tabs-nav li a {
      font-size: 14px;
      line-height: 18px;
    }
    #top-rankings #rankings-content .rankings-top {
      padding: 30px;
    }
    #top-rankings #rankings-content .rankings-top .tab-title {
      font-size: 26px;
      line-height: 32px;
    }
    #top-rankings #rankings-content .rankings-top .rankings-text p {
      font-size: 16px;
      line-height: 22px;
    }
    #top-rankings #rankings-content .rankings-grid .rankings-articles,
    #top-rankings #rankings-content .rankings-grid .rankings-map {
      height: 350px;
    }
  }
  #connect-faq .inside {
    max-width: 1044px;
  }
  #connect-faq .top-title {
    display: block;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 6.3px;
    text-transform: uppercase;
    margin-bottom: 24px;
  }
  #connect-faq .connect-title {
    color: #ffffff;
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
  }
  #connect-faq .connect-section-title {
    color: #000000;
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
  }
  #connect-faq #connect-hero {
    padding: 170px 0 130px;
    position: relative;
    background: red;
    background-size: cover;
  }
  #connect-faq #connect-hero:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.75) 100%);
  }
  #connect-faq #connect-description {
    padding: 60px 0;
    background: #F2F2F2;
    text-align: center;
  }
  #connect-faq #connect-description .connect-text {
    color: #000000;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    max-width: 900px;
    width: 100%;
    margin: 24px auto;
  }
  #connect-faq #connect-content {
    padding: 60px 0;
  }
  #connect-faq #connect-content .trust-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 25px;
  }
  #connect-faq #connect-content .trust-top .faq-title {
    color: #000000;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
  }
  #connect-faq #connect-content .trust-top .faq-cta {
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    appearance: none;
    cursor: pointer;
    padding: 7px 11px 8px;
    background: #FFFFFF;
    box-shadow: 0 1px 4px rgba(51, 51, 51, 0.08);
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.14px;
    color: #000000;
    border: 1px solid #E6E6E6;
  }
  #connect-faq #connect-content .trust-top .faq-cta.expand {
    margin-left: 16px;
  }
  #connect-faq #connect-content .trust-acc li {
    border: 1px solid #E6E6E6;
    margin-bottom: 26px;
    border-radius: 4px;
  }
  #connect-faq #connect-content .trust-acc li:last-child {
    margin-bottom: 0;
  }
  #connect-faq #connect-content .trust-acc li .clickable {
    font-family: "Outfit", Arial, Helvetica, sans-serif;
    appearance: none;
    width: 100%;
    background: #ffffff;
    padding: 19px 52px;
    text-align: left;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    color: #000000;
    position: relative;
  }
  #connect-faq #connect-content .trust-acc li .clickable:before {
    content: "";
    position: absolute;
    top: 24px;
    left: 20px;
    width: 17px;
    height: 16px;
    background: url(/mkt/assets/appdetailsv2/images/svg-pink.svg) no-repeat center;
    background-size: cover;
    transition: all 600ms ease;
  }
  #connect-faq #connect-content .trust-acc li .clickable.active:before {
    transform: rotate(90deg);
  }
  #connect-faq #connect-content .trust-acc li .clickable.red {
    color: #FF006B;
  }
  #connect-faq #connect-content .trust-acc li .acc-desc {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  #connect-faq #connect-content .trust-acc li .acc-desc .acc-content {
    padding: 0 24px 24px 52px;
    letter-spacing: 0.16px;
    color: #404040;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
  }
  #connect-faq #connect-content .trust-acc li .acc-desc .acc-content p a {
    text-decoration: none;
    color: #FF006B;
  }
  
  @media only screen and (max-width: 769px) {
    #iframe .hero-top {
      padding: 10px;
    }
  }

  .dark-theme #app-detail {
    background: black;
  }
  .dark-theme #app-detail h2, .dark-theme #app-detail p {
    color: white !important;
  }
  .dark-theme #app-detail img.fallback-content {
    display: none;
  }
  .dark-theme #app-detail img.fallback-content.dark {
    display: block;
  }
  .dark-theme #app-detail .fallback-content .cta-content:hover .info {
    background-color: black;
    box-shadow: 0 0 6px rgb(255 255 255 / 20%);
  }
  .dark-theme #app-detail .fallback-content .cta-content:hover .info h3 {
    color: white;
  }
  .dark-theme #app-detail .fallback-content .cta-content .doc-dark {
    display: block;
  }
  .dark-theme #app-detail .fallback-content .cta-content .doc-bright {
    display: none;
  }
  .dark-theme #app-detail .fallback-content .info p {
    color: lightgrey !important;
  }
  .dark-theme #app-detail .custom-select {
    background-color: black;
    color: white;
  }
  .dark-theme #app-detail .custom-select .select-selected {
    color: white;
  }
  .dark-theme #app-detail .custom-select .select-selected:before {
    background-color: black;
    box-shadow: -11px 0px 4px -3px black;
  }
  .dark-theme #app-detail .custom-select .select-selected:after {
    background-image: url(/mkt/assets/appdetailsv2/images/app-detail/arrow-white.svg);
  }
  .dark-theme #app-detail .custom-select .select-items {
    background-color: black;
  }
  .dark-theme #app-detail .custom-select .select-items div {
    color: white;
  }
  .dark-theme #app-detail #app-search .app-search-form .results {
      background-color: black;
  }
  .dark-theme #app-detail #app-search .app-search-form .results li a span {
      color: white;
  }
  .dark-theme #app-detail #app-hero .app-stats {
    background: rgb(15, 15, 15);
    border-color: black;
  }
  .dark-theme #app-detail #app-hero .app-stats h2, .dark-theme #app-detail #app-hero .app-stats span:not(.update) {
    color: white !important;
  }
  .dark-theme #app-detail #app-hero .app-stats .bottom.diamond:before {
    background-image: url(/mkt/assets/appdetailsv2/images/app-detail/diamond-white.svg) !important;
  }
  .dark-theme #app-detail #app-mps .left {
    background-color: black;
  }
  .dark-theme #app-detail #app-mps .left .mps-values:before {
    box-shadow: 0 0 53px 56px black;
  }
  .dark-theme #app-detail #app-mps .right {
    background-color: black;
  }
  .dark-theme #app-detail #app-mps .right .item {
    background-color: black;
  }
  .dark-theme #app-detail #app-mps .right .item .item-content h3, .dark-theme #app-detail #app-mps .right .item .item-content span {
    color: white;
  }
  .dark-theme #app-detail #app-tags span, .dark-theme #app-detail #app-tags li, .dark-theme #app-detail #app-tags a {
    color: white !important;
  }
  .dark-theme #app-detail #app-tags span strong, .dark-theme #app-detail #app-tags li strong, .dark-theme #app-detail #app-tags a strong {
    color: white !important;
  }
  .dark-theme #app-detail #app-tags .app-list div.locked:before {
    border-radius: 100%;
  }
  .dark-theme #app-detail #app-tags li {
    background-color: black;
  }
  .dark-theme #app-detail #app-tags li div {
    color: white;
  }
  .dark-theme #app-detail #app-usage span:not(.update), .dark-theme #app-detail #app-usage a {
    color: white !important;
  }
  .dark-theme #app-detail #app-usage .top-usage-list {
    background-color: black !important;
    box-shadow: 0 2px 12px rgba(255, 255, 255, 0.35) !important;
  }
  .dark-theme #app-detail #app-usage .top-usage-list h3 {
    color: white !important;
  }
  .dark-theme #app-detail #app-ranked .ranked-graph .ranked-list li {
    background-color: black;
    box-shadow: 0 2px 12px rgba(255, 255, 255, 0.25);
  }
  .dark-theme #app-detail #app-ranked .ranked-graph .ranked-list li div, .dark-theme #app-detail #app-ranked .ranked-graph .ranked-list li span:not(.update) {
    color: white !important;
  }
  .dark-theme #app-detail #app-rating h3, .dark-theme #app-detail #app-rating span {
    color: white !important;
  }
  .dark-theme #app-detail #app-rating .app-download {
    background-color: black;
    border-color: rgb(25, 25, 25);
  }