.elementor-87865 .elementor-element.elementor-element-925d070.ob-is-breaking-bad > .elementor-container > .elementor-row, .elementor-87865 .elementor-element.elementor-element-925d070.ob-is-breaking-bad > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-87865 .elementor-element.elementor-element-925d070.ob-is-breaking-bad.ob-bb-inner > .elementor-container > .elementor-row, .elementor-87865 .elementor-element.elementor-element-925d070.ob-is-breaking-bad.ob-bb-inner > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-87865 .elementor-element.elementor-element-925d070.ob-is-breaking-bad.ob-is-glider > .elementor-container.swiper-container-vertical > .elementor-row, .elementor-87865 .elementor-element.elementor-element-925d070.ob-is-breaking-bad.ob-is-glider > .elementor-container.swiper-container-vertical{flex-direction:column;}.elementor-87865 .elementor-element.elementor-element-925d070.ob-is-breaking-bad.ob-is-glider.ob-bb-inner > .elementor-container.swiper-container-vertical > .elementor-row, .elementor-87865 .elementor-element.elementor-element-925d070.ob-is-breaking-bad.ob-is-glider.ob-bb-inner > .elementor-container.swiper-container-vertical{flex-direction:column;}.elementor-87865 .elementor-element.elementor-element-925d070.ob-is-breaking-bad.ob-bb-inner{width:100%;flex:unset;align-self:inherit;}.elementor-87865 .elementor-element.elementor-element-925d070{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-87865 .elementor-element.elementor-element-9f7f10e.elementor-column{align-self:inherit;cursor:default;}.elementor-87865 .elementor-element.elementor-element-9f7f10e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-87865 .elementor-element.elementor-element-8647211 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-87865 .elementor-element.elementor-element-351be4fb > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-87865 .elementor-element.elementor-element-351be4fb{overflow:hidden;}.elementor-87865 .elementor-element.elementor-element-351be4fb.ob-is-breaking-bad > .elementor-container > .elementor-row, .elementor-87865 .elementor-element.elementor-element-351be4fb.ob-is-breaking-bad > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-87865 .elementor-element.elementor-element-351be4fb.ob-is-breaking-bad.ob-bb-inner > .elementor-container > .elementor-row, .elementor-87865 .elementor-element.elementor-element-351be4fb.ob-is-breaking-bad.ob-bb-inner > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-87865 .elementor-element.elementor-element-351be4fb.ob-is-breaking-bad.ob-is-glider > .elementor-container.swiper-container-vertical > .elementor-row, .elementor-87865 .elementor-element.elementor-element-351be4fb.ob-is-breaking-bad.ob-is-glider > .elementor-container.swiper-container-vertical{flex-direction:column;}.elementor-87865 .elementor-element.elementor-element-351be4fb.ob-is-breaking-bad.ob-is-glider.ob-bb-inner > .elementor-container.swiper-container-vertical > .elementor-row, .elementor-87865 .elementor-element.elementor-element-351be4fb.ob-is-breaking-bad.ob-is-glider.ob-bb-inner > .elementor-container.swiper-container-vertical{flex-direction:column;}.elementor-87865 .elementor-element.elementor-element-351be4fb.ob-is-breaking-bad.ob-bb-inner{width:100%;flex:unset;align-self:inherit;}.elementor-87865 .elementor-element.elementor-element-4844d876.elementor-column{align-self:inherit;cursor:default;}:root{--page-title-display:none;}html, body{overflow-x:auto;}body.elementor-page-87865:not(.elementor-motion-effects-element-type-background), body.elementor-page-87865 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-87865 .elementor-element.elementor-element-4844d876 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-87865 .elementor-element.elementor-element-925d070{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-87865 .elementor-element.elementor-element-9f7f10e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-87865 .elementor-element.elementor-element-8647211 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-8647211 */body {
  margin: 0;
  padding: 0;
  background: #140E30;
}

* {
  box-sizing: border-box !important;
  font-family: 'Roboto', sans-serif;
}

.heading-first {
  margin: 0;
  color: #FFF;
  text-align: center;
  font-family: 'Oswald', sans-serif !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: 133.333%;
  text-transform: uppercase;
}

h1.second-heading,
h2.second-heading {
  font-weight: 700 !important;
  font-size: 32px !important;
  line-height: 111.5%;
  color: #fff;
}

.download-btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: auto;
  margin: 0 auto;
  text-decoration: none;
  cursor: pointer;
  font-weight: 700 !important;
  font-family: 'Roboto', sans-serif !important;
  text-align: center;
  transition: .2s ease-in-out;
  background: #F2BF43;
  color: #140E30 !important;
  border-radius: 6px;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
}

.download-btn.desktop {
  display: none;
}

.download-btn.mob {
  display: inline-flex;
  justify-content: center;
  font-size: 20px !important;
  letter-spacing: 0em;
  text-align: center;
  padding: 14px 46px;
  line-height: 132% !important;
}

.content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}

/* The Modal (background) */

.modal {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
}

/* Modal Content */

.modal-content {
  position: relative;
  margin: auto;
  padding: 3% 0 0;
  width: 100%;
  max-width: 1346.72px;
  max-height: 757.53px;
  height: 100%;
}

/* Hide the slides by default */

.mySlides {
  display: none;
  width: 100%;
  height: 100%;
  max-width: 100%;
  width: auto;
  align-items: center;
}

.mySlides iframe {
  width: 100%;
  height: 100%;
  max-width: 100%;
  width: auto;
}

.mySlides img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
  display: block;
  max-height: 100%;
}

.active {
  opacity: 1;
}

.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.title-main {
  position: relative;
  font-weight: 500 !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 36px !important;
  line-height: 52px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.hero-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  background-color: #140E30;
  background-image: url("https://game.overwolf.com/mobalytics-tft-set10/images/016_AudioMeter3-mob.webp");
  mix-blend-mode: screen;
  background-repeat: no-repeat;
  background-attachment: none;
  background-position: 0% 100%;
  background-size: cover;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.hero-section img {
  display: block;
  transition: all 300ms;
  max-width: 100%;
}

.hero-section .content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  margin: 0 auto;
  z-index: 2;
}

.hero-section .content-wrapper__inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 60px 14px 0;
  z-index: 2;
  position: relative;
}

.hero-section .content-wrapper__inner-additional {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  width: 100%;
  width: 100%;
  max-width: 1397px;
  margin: 0;
  padding: 0;
  z-index: 3;
}

.hero-section .content-wrapper__inner-additional-block {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.hero-section .hero-bg-first-layer {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
}

.hero-section .parallaxed-img-mob.hero {
  display: block;
  position: relative;
  z-index: 0;
  width: 265vw;
  max-width: unset;
  margin-top: 63px;
  transform: translateX(-66vw);
}

.hero-section .heading-first {
  max-width: 475px;
  margin: 27px auto 47px;
  color: #FFF;
  text-align: center;
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase;
  font-size: 36px !important;
  font-weight: 700 !important;
  line-height: 47px;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
}

.hero-section .heading-first span {
  color: #F2BF43;
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase;
  font-size: 36px !important;
  font-weight: 700 !important;
  line-height: 47px;
}

.hero-section .hero-text.small {
  margin: 13px auto 40px;
  font-style: normal;
  font-weight: 400 !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  line-height: 150%;
  color: #ccc;
  text-transform: none;
  text-align: center;
}

.hero-section .hero-logo {
  width: 100%;
  z-index: 1;
}

.hero-section .hero-logo.desktop {
  max-width: 100%;
  margin: 7px auto 0px;
}

.hero-section .btn-main {
  margin: 6px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 1;
}

.hero-section .btn-main a {
  height: 100%;
}

.hero-section .btn-main.desktop {
  display: none !important;
}

.hero-section .btn-main.mob {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 55px;
  margin-top: 39px;
  margin-bottom: 63px;
}

.hero-video {
  display: none;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.hero-video-loop {
  display: none;
  margin-top: 0px;
  z-index: 1;
  width: 100%;
}

.hero-video-loop video {
  pointer-events: none;
  width: 100%;
}

.features {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  background: linear-gradient(180deg, #3B114D 46.25%, #140E30 100%);
}

.features .content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 72px 20px 50px;
}

.features .content-wrapper__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1611px;
  flex-direction: column;
  padding: 50px 0 0;
}

.features-item {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 40px auto 0;
  align-items: flex-start;
}

.features-item:hover .features-item-img::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
}

.features-item-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
}

.features-item-img {
  display: flex;
  align-items: center;
  margin: 0;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  cursor: pointer;
  transform: scale(1);
  transition: .4s ease-in-out;
}

.features-item-img:hover {
  transform: scale(1.02);
}

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

.features-item-title {
  margin: 32px 0 3px;
  font-family: 'Oswald', sans-serif !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 28px !important;
  line-height: 40px;
  text-align: left;
  text-transform: uppercase;
  color: #fff;
}

.features-item-text {
  max-width: 385px;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: #B3B4D0;
}

.shadow {
  width: 100%;
  height: 100%;
  max-width: none;
  opacity: 0;
  object-fit: fill;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: auto;
  transform: scale(1.7);
  transition: .4s ease-in-out;
}

.steps {
  background: #fff;
}

.steps .heading-first {
  color: #1C2142;
}

.steps .content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 30px 20px 0;
}

.steps .content-wrapper__inner {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1060px;
  flex-direction: column;
  padding: 50px 0;
}

.steps-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 40px;
  max-width: 368px;
}

.steps-item:first-of-type .square-inner {
  animation: presentActiveItem1 6s infinite linear;
}

.steps-item:nth-of-type(3) .square-inner {
  animation: presentActiveItem2 6s infinite linear;
}

.steps-item:nth-of-type(5) .square-inner {
  animation: presentActiveItem3 6s infinite linear;
}

.steps-item-img {
  display: flex;
  margin: 0 auto;
  height: 40px;
  position: relative;
}

.steps-item-title {
  display: block;
  margin: 19px 0 1px;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 500 !important;
  font-size: 28px !important;
  line-height: 132% !important;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}

.steps-item-text {
  display: flex;
  justify-content: center;
  color: #262626;
  text-align: center;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 150%;
  letter-spacing: -0.48px;
}

.steps-item-text a {
  letter-spacing: unset;
  text-decoration: underline;
}

.steps .steps-divider {
  display: none;
}

.steps .square {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  position: relative;
  width: 23px;
  height: 23px;
  background: #13171B;
  border: 1px solid #F1BC51;
  transform: rotate(45deg);
}

.steps .square-inner {
  width: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 12px;
  background: #F1BC51;
  transform: rotate(0deg) translate(-50%, -50%);
  opacity: 0;
}

@keyframes presentActiveItem1 {
  0%, 33% {
    opacity: 1;
  }

  34%, 100% {
    opacity: 0;
  }
}

@keyframes presentActiveItem2 {
  0%, 33% {
    opacity: 0;
  }

  34%, 65% {
    opacity: 1;
  }

  66%, 100% {
    opacity: 0;
  }
}

@keyframes presentActiveItem3 {
  0%, 65% {
    opacity: 0;
  }

  66%, 100% {
    opacity: 1;
  }
}

.bottom {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  min-width: 100%;
  overflow: hidden;
  background: url("https://game.overwolf.com/mobalytics-tft-set10/images/Inner-Bottom-BG-mob.webp") no-repeat 50% 50%;
  background-size: cover;
}

.bottom .title-main {
  margin: 1px auto 17px;
}

.bottom .parallaxed-img-mob.hero {
  display: block;
  position: relative;
  z-index: 0;
  max-width: 100%;
  margin-top: 0px;
}

.bottom .content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  max-width: 1486px;
  margin: 0 auto;
  padding: 90px 20px 55px;
  z-index: 1;
}

.bottom .btn-main a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bottom .heading-first {
  max-width: 329px;
  margin: 20px auto 46px;
  color: #FFF;
  text-align: center;
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase;
  font-size: 36px !important;
  font-weight: 700 !important;
  line-height: 47px;
}

.bottom .heading-first span {
  display: flex;
  justify-content: center;
  color: #F2BF43;
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase;
  font-size: 36px !important;
  font-weight: 700 !important;
  line-height: 47px;
}

.footer {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: #140E30;
  width: 100%;
  border-bottom: 5px solid #F2BF43;
  z-index: 1;
}

.footer-text {
  margin: 0;
  padding: 21px 20px 28.4px;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.15px;
  color: #B3B4D0;
}

.modal-popup {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  z-index: 4;
  /* Modal Content */
}

.modal-content-popup {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: auto;
  padding: 36px 0 0;
  width: 100%;
  max-width: 520px;
  max-height: 335px;
  height: 100%;
  overflow: hidden;
  background: url("https://game.overwolf.com/mobalytics-tft-set10/images/Top-BG-Animation-popup.webp"), linear-gradient(180deg, #3B114D 46.25%, #140E30 100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.modal-content-popup .modal-block {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  width: 100%;
  height: 100%;
  padding: 0 36px;
}

.modal-content-popup .popup-text {
  margin: 12px 0 10px;
  padding: 0;
  color: #fff;
  text-align: center;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 150%;
}

.modal-content-popup .popup-text a {
  color: #fff;
  text-decoration-line: underline;
}

.modal-content-popup .popup-text a:hover {
  color: #F2BF43;
}

.modal-content-popup .popup-text-small {
  color: #fff;
  font-family: 'Roboto', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 150%;
}

.modal-content-popup .first-heading {
  margin: 0 auto;
  color: #FFF;
  text-align: center;
  font-family: 'Roboto', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 132%;
}

.modal-content-popup .first-heading span {
  color: #F2BF43;
}

.modal-content-popup footer {
  display: flex;
  align-items: center;
  justify-self: flex-start;
  width: 100%;
  margin: 0;
  padding: 18px 45px;
  background: #F2BF43;
}

.modal-content-popup footer span {
  color: #151136;
  text-align: center;
  font-family: 'Roboto', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 150%;
}

img.neon-line {
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  mix-blend-mode: screen;
  z-index: 2;
}

@media only screen and (min-width: 400px) {
  .hero-section .content-wrapper__inner {
    padding: 127px 22px 0;
  }
}

@media only screen and (min-width: 530px) {
  .download-btn {
    padding: 14px 76px;
  }
}

@media only screen and (min-width: 600px) {
  .hero-section .parallaxed-img-mob.hero {
    min-height: 785px;
  }

  .bottom .parallaxed-img-mob.hero {
    min-height: 605px;
    transform: translateX(2vw);
    max-width: unset;
  }
}

@media only screen and (min-width: 630px) {
  .hero-section {
    background-image: url("https://game.overwolf.com/mobalytics-tft-set10/images/016_AudioMeter-tablet.webp");
  }
}

@media only screen and (min-width: 631px) {
  .bottom {
    background: url("https://game.overwolf.com/mobalytics-tft-set10/images/Inner-Bottom-BG-left-tablet.webp"), url("https://game.overwolf.com/mobalytics-tft-set10/images/Inner-Bottom-BG-right-tablet.webp") no-repeat 50% 50%;
  }
}

@media only screen and (min-width: 880px) {
  .bottom .parallaxed-img-mob.hero {
    transform: translateX(-14vw);
  }
}

@media only screen and (min-width: 1025px) {
  h1.second-heading,
  h2.second-heading {
    font-size: 48px !important;
  }

  .download-btn.desktop {
    display: inline-flex;
  }

  .download-btn.mob {
    display: none;
  }

  .download-btn {
    font-size: 24px !important;
    line-height: 32px !important;
    letter-spacing: 0em;
    text-align: center;
    padding: 24px 68px;
  }

  .download-btn:hover {
    transition: .2s ease-in-out;
    padding: 24px 88px;
  }

  .hero-section {
    min-height: unset;
    align-items: center;
    background-position: 50% 50%;
    background-image: url("https://game.overwolf.com/mobalytics-tft-set10/images/Top-bg.webp");
  }

  .hero-section .content-wrapper {
    position: absolute;
    justify-content: flex-start;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 22px;
  }

  .hero-section .content-wrapper__inner {
    padding: 0px 22px 0;
  }

  .hero-section .content-wrapper__inner-additional {
    padding: 40px 0px 189px;
  }

  .hero-section .parallaxed-img-mob.hero {
    display: none;
  }

  .hero-section .heading-first {
    max-width: 765px;
    margin: 44px auto 50px;
    line-height: 133.333%;
  }

  .hero-section .heading-first span {
    line-height: 133.333%;
    text-shadow: none;
  }

  .hero-section .hero-logo.desktop {
    display: flex;
    max-width: 250px;
    height: 62px;
  }

  .hero-section .btn-main.desktop {
    display: flex !important;
  }

  .hero-section .btn-main.desktop a {
    padding: 14px 24px;
    justify-content: flex-start;
    transform: translate(-69px, -46px);
    transform: translate(-69px, 0px);
  }

  .hero-section .btn-main.mob {
    display: none;
  }

  .hero-video-loop {
    display: flex;
  }

  .hero-video {
    display: flex;
  }

  .features .content-wrapper {
    padding: 68px 20px 58px;
  }

  .features .content-wrapper__inner {
    flex-direction: row;
    padding: 52px 0 0;
  }

  .features-item {
    max-width: 416px;
    width: 33%;
    transition: .4s ease-in-out;
  }

  .features-item:hover .shadow {
    opacity: 1;
  }

  .features-item {
    margin: 0 10px 52px;
    align-items: flex-start;
  }

  .features-item:nth-of-type(5),
  .features-item:nth-of-type(6) {
    margin-bottom: 0;
  }

  .features-item-container {
    align-items: center;
  }

  .features-item-img {
    height: 293px;
    position: relative;
    z-index: 1;
  }

  .features-item-img img {
    max-height: 293px;
  }

  .features .title-main.mob {
    margin-bottom: 50px;
  }

  .steps .content-wrapper {
    padding: 97px 20px 0;
  }

  .steps .content-wrapper__inner {
    flex-direction: row;
    align-items: flex-start;
    padding: 78px 0 50px;
  }

  .steps-item {
    margin: 0 auto;
  }

  .steps .steps-divider {
    display: flex;
    width: 200px;
    height: 0.75px;
    margin-bottom: unset;
    transform: translate(14px, 11px);
    background: #13171B;
  }

  .bottom {
    background: none;
  }

  .bottom .parallaxed-img-mob.hero {
    display: none;
  }

  .bottom .content-wrapper {
    position: absolute;
    justify-content: flex-end;
    align-items: flex-start;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    padding: 100px 20px 50px;
  }

  .bottom .download-btn {
    margin: 0;
  }

  .bottom .heading-first {
    max-width: 765px;
    margin: 44px 0 68px;
    text-align: left;
    line-height: 133.333%;
  }

  .bottom .heading-first span {
    display: inline;
    line-height: 133.333%;
    text-shadow: none;
  }

  .footer {
    max-height: 85px;
  }

  img.neon-line {
    display: none;
  }
}

@media only screen and (min-width: 1105px) {
  .features-item {
    width: 441px;
  }
}

@media only screen and (min-width: 1115px) {
  .features .title-main.mob {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .hero-section .heading-first {
    font-size: 48px !important;
  }

  .hero-section .heading-first span {
    font-size: 48px !important;
  }

  .bottom .heading-first {
    font-size: 48px !important;
  }

  .bottom .heading-first span {
    font-size: 48px !important;
  }
}

@media only screen and (min-width: 1300px) {
  .bottom .content-wrapper {
    padding: 100px 20px 95px;
  }
}

@media only screen and (min-width: 1625px) {
  .bottom .content-wrapper {
    justify-content: flex-end;
    align-items: flex-start;
    padding: 100px 20px 185px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-section .hero-text.small {
    display: none;
  }

  .hero-section .hero-logo.desktop {
    display: flex;
    justify-content: center;
    max-width: 259px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 600px) {
  .modal-content {
    padding: 0;
    height: auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39e4bc59 */.elementor-87865 .elementor-element.elementor-element-39e4bc59 {display: none !important;}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-351be4fb */.elementor-87865 .elementor-element.elementor-element-351be4fb {display:none !important;}/* End custom CSS */
/* Start custom CSS *//* ==== for elementor's icon view === */

[class*=" eicon-"], [class^=eicon] {
    font-family: eicons !important;
    font-size: inherit !important;
}

#wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .ab-icon, .wp-admin-bar-arrow {
    position: relative;
    float: left;
    font: normal 20px/1 dashicons !important;
}

@media screen and (max-width: 782px) {
    #wpadminbar .ab-icon {
        font: 40px/1 dashicons!important;
    }
}
/* ==== for elementor's icon view END ===  */

#top-bt .elementor-button,
#bot-bt .elementor-button,
.track-bt,
.track-bt-mobile .elementor-button,
html > body * {
font-family: 'Roboto', sans-serif !important;
 }
 
body h1, body h2, body h3, h4, h5, 
body .features-item-title .elementor-heading-title, 
body .step-download, 
body .top-text-wrapper {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
   /*font-family: 'Roboto', sans-serif !important;*/
   
}/* End custom CSS */