.elementor-85523 .elementor-element.elementor-element-10a37975.ob-is-breaking-bad > .elementor-container > .elementor-row, .elementor-85523 .elementor-element.elementor-element-10a37975.ob-is-breaking-bad > .elementor-container{justify-content:center !important;flex-direction:column;align-items:flex-start;}.elementor-85523 .elementor-element.elementor-element-10a37975.ob-is-breaking-bad.ob-bb-inner > .elementor-container > .elementor-row, .elementor-85523 .elementor-element.elementor-element-10a37975.ob-is-breaking-bad.ob-bb-inner > .elementor-container{justify-content:center !important;flex-direction:column;align-items:flex-start;}.elementor-85523 .elementor-element.elementor-element-10a37975.ob-is-breaking-bad.ob-is-glider > .elementor-container.swiper-container-vertical > .elementor-row, .elementor-85523 .elementor-element.elementor-element-10a37975.ob-is-breaking-bad.ob-is-glider > .elementor-container.swiper-container-vertical{flex-direction:column;}.elementor-85523 .elementor-element.elementor-element-10a37975.ob-is-breaking-bad.ob-is-glider.ob-bb-inner > .elementor-container.swiper-container-vertical > .elementor-row, .elementor-85523 .elementor-element.elementor-element-10a37975.ob-is-breaking-bad.ob-is-glider.ob-bb-inner > .elementor-container.swiper-container-vertical{flex-direction:column;}.elementor-85523 .elementor-element.elementor-element-10a37975.ob-is-breaking-bad.ob-bb-inner{width:100%;flex:unset;align-self:inherit;}.elementor-85523 .elementor-element.elementor-element-10a37975{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-85523 .elementor-element.elementor-element-278f5faa.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-85523 .elementor-element.elementor-element-278f5faa.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-85523 .elementor-element.elementor-element-278f5faa.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-85523 .elementor-element.elementor-element-278f5faa.elementor-column{width:100%;max-width:100%;align-self:inherit;cursor:default;}.elementor-85523 .elementor-element.elementor-element-278f5faa > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-85523 .elementor-element.elementor-element-f180394 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-85523 .elementor-element.elementor-element-f180394{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-85523 .elementor-element.elementor-element-49aa6f7 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-85523 .elementor-element.elementor-element-49aa6f7.ob-is-breaking-bad > .elementor-container > .elementor-row, .elementor-85523 .elementor-element.elementor-element-49aa6f7.ob-is-breaking-bad > .elementor-container{justify-content:flex-start !important;flex-direction:column;align-items:flex-start;}.elementor-85523 .elementor-element.elementor-element-49aa6f7.ob-is-breaking-bad.ob-bb-inner > .elementor-container > .elementor-row, .elementor-85523 .elementor-element.elementor-element-49aa6f7.ob-is-breaking-bad.ob-bb-inner > .elementor-container{justify-content:flex-start !important;flex-direction:column;align-items:flex-start;}.elementor-85523 .elementor-element.elementor-element-49aa6f7.ob-is-breaking-bad.ob-is-glider > .elementor-container.swiper-container-vertical > .elementor-row, .elementor-85523 .elementor-element.elementor-element-49aa6f7.ob-is-breaking-bad.ob-is-glider > .elementor-container.swiper-container-vertical{flex-direction:column;}.elementor-85523 .elementor-element.elementor-element-49aa6f7.ob-is-breaking-bad.ob-is-glider.ob-bb-inner > .elementor-container.swiper-container-vertical > .elementor-row, .elementor-85523 .elementor-element.elementor-element-49aa6f7.ob-is-breaking-bad.ob-is-glider.ob-bb-inner > .elementor-container.swiper-container-vertical{flex-direction:column;}.elementor-85523 .elementor-element.elementor-element-49aa6f7.ob-is-breaking-bad.ob-bb-inner{width:100%;flex:unset;align-self:inherit;}.elementor-85523 .elementor-element.elementor-element-49aa6f7:not(.elementor-motion-effects-element-type-background), .elementor-85523 .elementor-element.elementor-element-49aa6f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#242424;}.elementor-85523 .elementor-element.elementor-element-49aa6f7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:8;}.elementor-85523 .elementor-element.elementor-element-49aa6f7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-85523 .elementor-element.elementor-element-4429d585.elementor-column{width:100%;max-width:100%;align-self:inherit;cursor:default;}.elementor-85523 .elementor-element.elementor-element-5b006a44 .elementor-button{font-family:"Metropolis", lato;font-size:16px;font-weight:700;text-transform:capitalize;font-style:normal;text-decoration:none;fill:#000000;color:#000000;background-color:#FFC700;border-radius:6px 6px 6px 6px;padding:13px 15px 13px 15px;}.elementor-85523 .elementor-element.elementor-element-5b006a44 .elementor-button:hover, .elementor-85523 .elementor-element.elementor-element-5b006a44 .elementor-button:focus{background-color:#FFD644;}.elementor-85523 .elementor-element.elementor-element-5b006a44 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-85523 .elementor-element.elementor-element-4ce1b7aa .elementor-button{font-family:"Rajdhani", lato;font-size:20px;font-weight:700;text-transform:capitalize;font-style:normal;text-decoration:none;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:15px 71px 14px 71px;}.elementor-85523 .elementor-element.elementor-element-4ce1b7aa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-85523 .elementor-element.elementor-element-4ce1b7aa{z-index:5;}.elementor-85523 .elementor-element.elementor-element-39c34d1 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-85523 .elementor-element.elementor-element-39c34d1{overflow:hidden;}.elementor-85523 .elementor-element.elementor-element-39c34d1.ob-is-breaking-bad > .elementor-container > .elementor-row, .elementor-85523 .elementor-element.elementor-element-39c34d1.ob-is-breaking-bad > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-85523 .elementor-element.elementor-element-39c34d1.ob-is-breaking-bad.ob-bb-inner > .elementor-container > .elementor-row, .elementor-85523 .elementor-element.elementor-element-39c34d1.ob-is-breaking-bad.ob-bb-inner > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-85523 .elementor-element.elementor-element-39c34d1.ob-is-breaking-bad.ob-is-glider > .elementor-container.swiper-container-vertical > .elementor-row, .elementor-85523 .elementor-element.elementor-element-39c34d1.ob-is-breaking-bad.ob-is-glider > .elementor-container.swiper-container-vertical{flex-direction:column;}.elementor-85523 .elementor-element.elementor-element-39c34d1.ob-is-breaking-bad.ob-is-glider.ob-bb-inner > .elementor-container.swiper-container-vertical > .elementor-row, .elementor-85523 .elementor-element.elementor-element-39c34d1.ob-is-breaking-bad.ob-is-glider.ob-bb-inner > .elementor-container.swiper-container-vertical{flex-direction:column;}.elementor-85523 .elementor-element.elementor-element-39c34d1.ob-is-breaking-bad.ob-bb-inner{width:100%;flex:unset;align-self:inherit;}.elementor-85523 .elementor-element.elementor-element-e664556.elementor-column{align-self:inherit;cursor:default;}:root{--page-title-display:none;}html, body{overflow-x:auto;}body.elementor-page-85523{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-85523 .elementor-element.elementor-element-e664556 > .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-85523 .elementor-element.elementor-element-49aa6f7{margin-top:0px;margin-bottom:0px;padding:60px 20px 60px 20px;}}/* Start custom CSS for html, class: .elementor-element-f180394 */main {
  max-width: 100%;
  overflow: auto;
  overflow-x: hidden;
  flex-grow: 1;
}

body {
  min-height: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  background: #161618;
}

body * {
  margin: 0;
  padding: 0;
}

@font-face {

}

main {
  position: relative;
  max-width: 100%;
  overflow: hidden;
}

header,
footer {
  flex-shrink: 0;
}

/* ==== animated items top ====*/

@keyframes float {
  0% {
    transform: translate(0, 0) rotate(0.01deg);
  }

  35% {
    transform: translate(7px, 0) rotate(0.01deg);
  }

  70% {
    transform: translate(0, 7px) rotate(0.01deg);
  }

  to {
    transform: translate(0, 0) rotate(0.01deg);
  }
}

.hero-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  background-image: url("https://content.overwolf.com/go-landing-pages/OPGG/20230810/Hero-bg-mob_result.webp");
  background-repeat: no-repeat;
  background-attachment: none;
  background-position: 50% 50%;
  background-size: 100%;
  z-index: 1;
}

.hero-section .scroll-down-icon {
  position: absolute;
  right: 29px;
  bottom: 34px;
  z-index: 1;
}

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

.hero-section .hero-logo {
  width: 100%;
  max-width: 34px;
  height: 34px;
  margin: 5px auto 4px;
}

.hero-section .hero-logo rect {
  max-width: 34px;
  height: 34px;
}

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

.hero-section .hero-bg-first-layer {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 1920px;
}

.hero-section .first-heading span {
  color: #FFF;
  font-family: 'Nimbus Sans Extd', sans-serif !important;
  font-size: 140px !important;
  font-weight: 900 !important;
  line-height: 100%;
  text-transform: uppercase;
}

.hero-section .first-heading.desktop {
  display: none;
}

.hero-section .first-heading.mob {
  display: block;
}

.hero-section .small-text {
  width: 100%;
  color: #fff;
  font-family: "Nimbus Sans Extd D W01 Light" !important;
  font-family: 'Nimbus Sans Extd', sans-serif !important;
  font-weight: 400;
}

.hero-section .small-text.desktop {
  display: none;
  max-width: 224px;
  font-size: 14px !important;
  line-height: 150%;
  /* 21px */
}

.hero-section .small-text.mob {
  display: flex;
  max-width: 273px;
  font-size: 17px;
  line-height: 136%;
  /* 23.12px */
}

.hero-section .heading-line {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.hero-section .heading-line:first-of-type {
  width: 792px;
}

.hero-section .heading-line:nth-of-type(2) {
  width: 1056px;
  margin-top: -2px;
}

.hero-section .heading-line:last-of-type {
  width: 1017px;
  margin-top: -2px;
}

.hero-section .popup-warning {
  display: flex;
  flex-direction: column;
}

.hero-section .popup-warning svg.first-popup {
  transform: translate(48px, 0px);
}

.hero-section .popup-warning svg.second-popup {
  transform: translate(98px, -120px);
}

.hero-section .popup-warning svg.third-popup {
  margin: -303px 0 0 392px;
  position: relative;
  transform: translate(-2px, -11px);
}

.hero-section .decor-stars {
  position: absolute;
  left: 57px;
  bottom: -121px;
}

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

.hero-top-line {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
}

.opgg-page.v1 .hero-section .decor-stars {
  display: none;
}

.opgg-page.v2 .hero-section {
  background-image: none;
  background: #6081E6;
}

.opgg-page.v2 .decor-stars {
  position: absolute;
  left: 57px;
  bottom: -121px;
}

.opgg-page.v2 .first-layer {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  height: 100%;
  bottom: 0;
  right: 0;
}

.opgg-page.v2 .popup-warning {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.opgg-page.v2 .btn-block {
  position: relative;
  margin: 0 0 93px;
  padding: 0 20px;
  transform: translate(1px, 39px);
  z-index: 2;
}

.opgg-page.v2 .btn-block.mob {
  display: none;
}

.features {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  align-items: center;
}

.features .features-main-bg {
  position: absolute;
  right: -51px;
  top: -69px;
  width: 100%;
  max-width: 100%;
  min-width: 1831px;
}

.features-logo {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  margin: 0;
  bottom: -47px;
  right: 78px;
  z-index: 1;
}

.features .features-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

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

.features .content-wrapper__inner {
  display: none;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  max-width: 1454px;
  width: 100%;
  margin: 32px auto 0;
}

.features-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  max-width: 336px;
  min-height: 485px;
  width: 336px;
  margin: 20px 5px;
  border: 1px solid #fff;
  border-radius: 5px;
  overflow: hidden;
}

.features-item-bg {
  position: absolute;
  max-width: 336px;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
}

.features-item-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  bottom: 116px;
  left: 50%;
  margin: 0 auto;
  transform: translateX(-50%);
  text-align: center;
  opacity: 0;
}

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

.swiper-wrapper {
  padding-bottom: 60px;
}

.swiper-pagination {
  margin: 35px auto 10px;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  transition: .4s ease-in-out;
}

.swiper-pagination-bullet-active {
  background: white !important;
  opacity: 1;
}

.title-desktop {
  display: flex;
}

.title-mob {
  display: none;
}

.opgg-page.v1 .features .content-wrapper {
  padding: 103px 22px 0;
}

.opgg-page.v2 .features {
  background: #1D1D1D;
  border-bottom: 1px solid #fff;
}

.steps {
  background: #6081E6;
}

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

.steps .content-wrapper__inner {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 1580px;
  flex-direction: column;
  padding: 5px 0;
}

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

.steps-item-container {
  position: absolute;
  opacity: 0;
}

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

.steps-item-img img {
  max-width: 100%;
}

.steps-item-title {
  display: block;
  margin: -22px 0 5px;
  font-family: 'Metropolis', sans-serif !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 32px;
  text-align: center;
  color: #fff;
}

.steps-item-text {
  display: block;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 150% !important;
  text-align: center;
  color: #fff;
  font-family: Lato, sans-serif !important;
}

.steps .decorated-stars-mob {
  display: block;
  margin: 75px auto 81px;
}

.bottom {
  position: relative;
  display: flex;
  justify-content: center;
  min-width: 100%;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
}

.bottom .btn-block {
  position: relative;
  margin: 200px 0 3px;
  padding: 0 20px;
  transform: none;
  z-index: 2;
}

.bottom .btn-block .btn-main-text {
  margin: 20px 0 0px;
}

.bottom .popup-warning {
  display: none;
  flex-direction: row;
  align-items: flex-start;
  transform: none;
  width: 100%;
  margin: 0 0 0;
  justify-content: flex-end;
}

.bottom .popup-warning .warning-img {
  margin-top: 9px;
}

.bottom .footer .content-wrapper {
  padding: 0 20px;
}

.bottom .content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  max-width: 1346px;
  margin: 0 auto;
  padding: 100px 20px 79px;
  z-index: 1;
  width: 100%;
}

.bottom .content-wrapper__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
  z-index: 1;
  position: relative;
}

.bottom .popup-warning {
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translate(401px, -83px);
}

.bottom .popup-warning svg.first-popup {
  transform: translate(138px, 0px);
  margin-top: -93px;
}

.bottom .popup-warning svg.second-popup {
  transform: translate(98px, -120px);
}

.bottom .popup-warning svg.third-popup {
  margin: -303px 0 0 392px;
  position: relative;
  transform: translate(-2px, -11px);
}

.bottom .layer-1,
.bottom .layer-2,
.bottom .layer-3,
.bottom .layer-4 {
  opacity: 0;
  transition: .2s ease-in-out;
}

.bottom .green-btn,
.bottom .red-sign,
.bottom .warning-layer-text,
.bottom .warning-arrow {
  opacity: 0;
  transition: .2s ease-in-out;
}

.bottom.anim .layer-4 {
  animation: .6s bouncePopup 0s ease forwards;
  animation-delay: .1s;
}

.bottom.anim .layer-1 {
  animation: .5s bouncePopup 0s ease forwards;
  animation-delay: .7s;
}

.bottom.anim .layer-2 {
  animation: .5s bouncePopup 0s ease forwards;
  animation-delay: .8s;
}

.bottom.anim .layer-3 {
  animation: .7s bouncePopup 0s ease forwards;
  animation-delay: .9s;
}

.bottom.anim .warning-arrow {
  animation: .7s bouncePopup 0s ease forwards;
  animation-delay: .9s;
}

.bottom.anim .warning-layer-text {
  animation: .6s bouncePopup 0s ease forwards;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: .5s;
}

.bottom.anim .red-sign {
  animation: .6s bouncePopup 0s ease forwards;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: .7s;
}

.bottom.anim .green-btn {
  animation: .6s bouncePopup 0s ease forwards;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: .6s;
}

@keyframes bouncePopup {
  from, 60%, 75%, 90% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    opacity: 1;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    opacity: 1;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.opgg-page.v1 .bottom .btn-block.mob {
  display: block;
}

.opgg-page.v1 .bottom .btn-block .bottom .btn-block .btn-main-text {
  margin: 15px 0 0px;
}

.opgg-page.v1 .bottom .popup-warning {
  display: none;
}

.opgg-page.v1 .bottom .footer .content-wrapper {
  padding: 0 20px;
}

.footer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 78px;
  max-height: 85px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.footer-text {
  margin: 0 auto;
  padding: 16px 20px 18px;
  font-weight: 400 !important;
  font-size: 12px !important;
  text-align: center;
  line-height: 150%;
  text-align: center;
  color: #ddd;
  font-family: Lato, sans-serif !important;
}

* {
  box-sizing: border-box !important;
}

.opgg-page * {
  color: #fff;
}

.opgg-page svg,
.opgg-page img {
  max-width: 100%;
}

h2 {
  margin: 0;
  padding: 0;
}

.btn-main {
  position: relative;
}

.btn-main a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 268.5px;
  height: 71.5px;
  text-decoration: none;
  transition: .2s ease-in-out;
  cursor: pointer;
  color: #fff;
  border: none;
  moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.btn-main a:hover .btn-bg-form.white path {
  fill: #6081E6;
  transition: .2s ease-in-out;
}

.btn-main a:hover .btn-bg-form.white path.btn-text {
  fill: #fff;
  transition: .2s ease-in-out;
}

.btn-main a:hover .btn-bg-form.black path {
  fill: #fff;
  transition: .2s ease-in-out;
}

.btn-main a:hover .btn-bg-form.black path.btn-text {
  fill: #000;
  transition: .2s ease-in-out;
}

.btn-main a:hover .btn-bg-form.blue path {
  fill: #fff;
  transition: .2s ease-in-out;
}

.btn-main a:hover .btn-bg-form.blue path.btn-text {
  fill: #000;
  transition: .2s ease-in-out;
}

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

.btn-main.mob {
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0;
  align-items: center;
  z-index: 2;
}

.btn-block {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  text-align: center;
}

.btn-block .btn-main-text {
  text-align: center;
  display: flex;
  margin: 15px 0 0px;
  color: #FFF;
  font-family: 'Nimbus Sans Extd', sans-serif !important;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 150%;
}

.btn-block .btn-main-text img {
  margin-right: 10px;
}

.btn-block.desktop {
  display: flex;
}

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

.btn-bg-form.white {
  position: absolute;
  width: 100%;
}

.btn-bg-form.white path {
  fill: #fff;
  transition: .4s ease-in-out;
}

.btn-bg-form.white path.btn-text {
  fill: #000;
  transition: .4s ease-in-out;
}

.btn-bg-form.black {
  position: absolute;
  width: 100%;
}

.btn-bg-form.black path {
  fill: #000;
  transition: .4s ease-in-out;
}

.btn-bg-form.black path.btn-text {
  fill: #fff;
  transition: .4s ease-in-out;
}

.btn-bg-form.blue {
  position: absolute;
  width: 100%;
}

.btn-bg-form.blue path {
  fill: #6081E6;
  transition: .4s ease-in-out;
}

.btn-bg-form.blue path.btn-text {
  fill: #fff;
  transition: .4s ease-in-out;
}

.title-main {
  font-weight: 900 !important;
  font-size: 36px !important;
  line-height: 130%;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

/* The Modal (background) */

.modal {
  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 {
  position: relative;
  margin: auto;
  padding: 0;
  width: 100%;
  max-width: 520px;
  max-height: 335px;
  height: 100%;
  overflow: hidden;
}

.modal-content.blue {
  background: #6081E6;
}

.modal-content .modal-logo {
  width: 86px;
  height: 86px;
  margin: 20px;
}

.modal-content .first-heading.popup span {
  position: absolute;
  opacity: 0;
  z-index: -4;
}

.modal-content .modal-block {
  height: 100%;
}

.modal-content .modal-block-inner {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  padding: 51px 20px 20px;
}

.modal-content .popup-bg {
  position: absolute;
  height: 543px;
  min-width: 600px;
  top: -127px;
  right: -11px;
}

.modal-content .popup-text {
  max-width: 306px;
  margin: 12px 0;
  padding: 0;
  color: #fff;
  font-family: "Nimbus Sans Extd D W01 Light" !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 124%;
}

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

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

.second-heading {
  color: #FFF;
  text-align: center;
  font-family: "Nimbus Sans Extd D W01 Light" !important;
  font-size: 48px !important;
  font-weight: 900 !important;
  line-height: 130%;
  text-transform: uppercase;
}

.second-heading span {
  position: absolute;
  opacity: 0;
}

.second-heading svg {
  max-width: 100%;
}

/* Hide the slides by default */

.mySlides {
  display: none;
  width: 100%;
  height: 100%;
  height: 95vh;
  max-width: 100%;
  width: auto;
  transform: translateY(10%);
}

.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);
}

.stroke-text {
  transform: translate(211px, 1px);
}

@keyframes fadeInBottomToTopLong {
  0% {
    transform: translateY(80px);
    opacity: 0;
  }

  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes fadeInLeftToRight {
  0% {
    transform: translatex(60px);
    opacity: 0;
  }

  100% {
    transform: translatex(0px);
    opacity: 1;
  }
}

.features .content-wrapper_inner.desktop {
  display: none;
}

.features .content-wrapper_inner.mob {
  display: flex;
}

.steps-item .decor-stars {
  display: none;
}

.popup-warning {
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: none;
  transform: translate(343px, 26px);
}

.popup-warning svg {
  max-width: 100%;
}

.opgg-page.v2 {
  background: #6081E6;
}

.opgg-page.v2 svg,
.opgg-page.v2 img {
  max-width: 100%;
}

.opgg-page.v2 .popup-warning {
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: none;
}

.opgg-page.v2 .popup-warning svg {
  max-width: 100%;
}

.opgg-page.v2 .hero-section .popup-warning svg.first-popup {
  transform: translate(-229px, 26px);
}

.opgg-page.v2 .bottom {
  background: url("https://content.overwolf.com/go-landing-pages/OPGG/20230810/Soul-Fighter-skin-bottom-mob_result.webp"), #6081E6 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.opgg-page.v2 .bottom .btn-block {
  position: relative;
  margin: 200px 0 3px;
  padding: 0 20px;
  transform: none;
  z-index: 2;
}

.opgg-page.v2 .bottom .btn-block .btn-main-text {
  margin: 20px 0 0px;
}

.opgg-page.v2 .bottom .popup-warning {
  display: none;
  flex-direction: row;
  align-items: flex-start;
  transform: none;
  width: 100%;
  margin: 0 0 0;
  justify-content: flex-end;
}

.opgg-page.v2 .bottom .popup-warning .warning-img {
  margin-top: 9px;
}

.opgg-page.v1 .hero-section .popup-warning {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  transform: none;
  width: 100%;
  max-width: 1002px;
}

.opgg-page.v1 .large-section {
  background: url("https://content.overwolf.com/go-landing-pages/OPGG/20230810/Naafiri-silhouette_result.webp") no-repeat 50% 50%;
  background-size: cover;
}

.opgg-page.v1 .steps {
  background: transparent;
}

.opgg-page.v2.front .mob-hero,
.opgg-page.v2.back .mob-hero {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: unset;
  width: 110vw;
  margin: -203px -100px -5px -44vw;
}

@media only screen and (min-width: 1025px) {
  .hero-section {
    background-image: url("https://content.overwolf.com/go-landing-pages/OPGG/20230810/Hero-bg_result.webp");
  }

  .hero-section .hero-logo {
    max-width: 93px;
    height: 93px;
    margin: 0 25px 0 0;
  }

  .hero-section .hero-logo rect {
    max-width: 93px;
    height: 93px;
  }

  .hero-section .content-wrapper {
    max-width: 1766px;
    align-items: flex-start;
    padding: 86px 20px 0;
  }

  .hero-section .first-heading.desktop {
    display: block;
  }

  .hero-section .first-heading.mob {
    display: none;
  }

  .hero-section .small-text.desktop {
    display: flex;
  }

  .hero-section .small-text.mob {
    display: none;
  }

  .features-logo {
    display: none;
  }

  .features .content-wrapper {
    padding: 97px 22px 0;
  }

  .features .content-wrapper__inner {
    display: flex;
    flex-direction: row;
  }

  .features-item {
    max-width: 29%;
    min-height: 415px;
  }

  .opgg-page.v1 .features-bg {
    position: absolute;
    top: -67px;
    right: -78px;
    left: unset;
    min-width: 1975px;
  }

  .opgg-page.v2 .features {
    border: 1px solid #fff;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
  }

  .steps {
    padding-top: 19px;
  }

  .steps .content-wrapper {
    padding: 149px 20px 119px;
  }

  .steps .content-wrapper__inner {
    flex-direction: row;
    padding: 65px 0 50px;
  }

  .steps-item {
    margin: 0 auto;
  }

  .steps-item-img {
    height: 152px;
  }

  .steps-item-title {
    margin: -22px 0 5px;
  }

  .steps .decorated-stars-mob {
    display: none;
  }

  .opgg-page.v1 .steps .content-wrapper {
    padding: 158px 20px 119px;
  }

  .opgg-page.v1 .steps .content-wrapper__inner {
    padding: 84px 0 50px;
  }

  .bottom {
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
  }

  .bottom .popup-warning {
    display: flex;
  }

  .bottom .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    max-width: 1346px;
    margin: 0 auto;
    padding: 230px 20px 161px;
    z-index: 1;
    width: 100%;
  }

  .bottom .content-wrapper__inner {
    align-items: center;
    width: 100%;
  }

  .opgg-page.v1 .bottom .content-wrapper {
    margin: 0 auto;
    padding: 190px 20px 137px;
  }

  .opgg-page.v1 .bottom .btn-block {
    position: relative;
    margin: 197px 0 3px;
    padding: 0 20px;
    transform: translate(8px, 40px);
    z-index: 2;
  }

  .opgg-page.v1 .bottom .btn-block.mob {
    display: none;
  }

  .opgg-page.v1 .bottom .popup-warning {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
    width: 100%;
    transform: translate(-1px, -27px);
    flex-direction: revert;
  }

  .opgg-page.v1 .bottom .footer .content-wrapper {
    padding: 0 20px;
  }

  .footer {
    max-height: 85px;
  }

  .btn-main.desktop {
    display: flex;
  }

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

  .btn-block {
    align-items: flex-end;
    margin: 0 -120px 0 0;
  }

  .btn-block .btn-main-text {
    margin: 15px 0 0px;
  }

  .btn-block .btn-main-text img {
    margin-right: 10px;
  }

  .title-main {
    font-size: 48px !important;
  }

  .mySlides {
    height: 65vh;
    transform: translateY(10%);
  }

  .features .content-wrapper_inner.desktop {
    display: flex;
  }

  .features .content-wrapper_inner.mob {
    display: none;
  }

  .steps-item .decor-stars {
    display: flex;
    position: relative;
    left: unset;
    bottom: unset;
    margin-bottom: 81px;
  }

  .opgg-page.v2 .bottom {
    background: url("https://content.overwolf.com/go-landing-pages/OPGG/20230810/Footer-img-v2_result.webp"), #6081E6 50% 50%;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
  }

  .opgg-page.v2 .bottom .popup-warning {
    display: flex;
  }

  .opgg-page.v1 .hero-section {
    background-size: contain;
    background-position: 100% 100%;
    mix-blend-mode: lighten;
    box-shadow: 320px -20px 200px 200px rgba(0, 0, 0, 0.7) inset;
  }

  .opgg-page.v1 .hero-section .content-wrapper {
    align-items: flex-start;
    margin: 0;
    padding: 86px 20px 49px;
  }

  .opgg-page.v1 .hero-section .popup-warning {
    display: flex;
  }

  .opgg-page.v1 .hero-section .btn-block {
    align-items: flex-end;
    margin: 0;
    width: 100%;
  }

  .opgg-page.v2.front .mob-hero,
  .opgg-page.v2.back .mob-hero {
    display: none;
  }
}

@media only screen and (min-width: 1090px) {
  .features .content-wrapper__inner {
    padding: 52px 22px 110px;
    justify-content: space-between;
  }

  .opgg-page.v1 .features .content-wrapper__inner {
    padding: 41px 22px 120px;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 1138px) {
  .opgg-page.v2 .first-layer img {
    transform: translateX(45%);
  }
}

@media only screen and (min-width: 1170px) {
  .features-logo {
    display: flex;
  }

  .features-item {
    max-width: 31%;
    max-width: 336px;
    min-height: 485px;
  }
}

@media only screen and (min-width: 1240px) {
  .opgg-page.v1 .hero-section .decor-stars {
    display: flex;
    position: absolute;
    left: -20px;
    bottom: -62px;
  }
}

@media only screen and (min-width: 1270px) {
  .opgg-page.v2 .first-layer img {
    transform: translateX(26%);
  }
}

@media only screen and (min-width: 1295px) {
  .bottom .popup-warning {
    margin: -85px 0 0;
  }

  .opgg-page.v2 .bottom .popup-warning {
    margin: -85px 0 0;
  }
}

@media only screen and (min-width: 1300px) {
  .opgg-page.v1 .bottom .popup-warning {
    transform: translate(-3px, -106px);
  }
}

@media only screen and (min-width: 1335px) {
  .opgg-page.v2 .first-layer img {
    transform: translateX(24%);
  }
}

@media only screen and (min-width: 1400px) {
  .opgg-page.v2 .first-layer {
    z-index: 1;
  }

  .features-item {
    max-width: 336px;
    min-height: 485px;
  }
}

@media only screen and (min-width: 1470px) {
  .opgg-page.v2 .first-layer img {
    transform: translateX(10%);
  }
}

@media only screen and (min-width: 1745px) {
  .opgg-page.v2 .first-layer {
    right: 0;
  }

  .opgg-page.v2 .first-layer img {
    right: 0;
    transform: translateX(0%);
  }
}

@media only screen and (min-width: 1921px) {
  .hero-top-line img {
    min-width: 100vw;
    width: 100vw;
  }
}

@media only screen and (max-width: 1150px) {
  .hero-section .scroll-down-icon {
    display: none !important;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-section .hero-bg-first-layer {
    display: none !important;
  }

  .hero-section .decor-stars {
    display: none;
  }

  .hero-top-line {
    display: none;
  }

  .opgg-page.v1 .hero-section .content-wrapper {
    padding: 40px 20px;
  }

  .opgg-page.v1 .hero-section .btn-block {
    padding-top: 217px;
  }

  .opgg-page.v2 .hero-section .btn-block.mob {
    margin-top: -53px;
  }

  .opgg-page.v2 .decor-stars {
    display: none;
  }

  .opgg-page.v2 .first-layer img {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    height: auto;
    top: -56px;
    left: -567px;
    z-index: 1;
    min-width: 784px;
    right: unset;
    bottom: unset;
  }

  .opgg-page.v2 .popup-warning {
    display: none;
  }

  .opgg-page.v2 .btn-block.mob {
    display: flex;
  }

  .features .features-main-bg {
    display: none;
  }

  .features {
    z-index: 1;
  }

  .features-logo {
    width: 80px;
    height: 80px;
    right: 21px;
  }

  .features .content-wrapper__inner {
    align-items: center;
  }

  .features-item {
    max-width: 366px;
    min-height: 445px;
  }

  .features-item-img {
    width: 100%;
    max-width: 100%;
  }

  .bottom .btn-block {
    margin: 33px 0 203px;
  }

  .bottom .btn-block .btn-main-text img {
    max-width: 16px;
    max-height: 16px;
  }

  .btn-main a {
    min-width: 257px;
  }

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

  .btn-block.mob {
    display: flex;
  }

  .opgg-page.v2 .hero-section {
    align-items: flex-start;
  }

  .opgg-page.v2 .hero-section .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    width: 100%;
    margin: 0;
    z-index: 1;
    padding: 273px 20px 0px;
  }

  .opgg-page.v2 .bottom .btn-block {
    margin: 33px 0 203px;
  }

  .opgg-page.v2 .bottom .btn-block .btn-main-text img {
    max-width: 16px;
    max-height: 16px;
  }

  .opgg-page.v2.front .content-wrapper,
  .opgg-page.v2.back .content-wrapper {
    padding: 20px 20px 0px;
  }

  .opgg-page.v2.front .hero-section .btn-block.mob,
  .opgg-page.v2.back .hero-section .btn-block.mob {
    margin-top: 216px;
  }

  .opgg-page.v2.front .first-layer,
  .opgg-page.v2.back .first-layer {
    display: none;
  }
}

@media only screen and (max-width: 700px) {
  .features-item {
    border: 1px solid transparent;
  }

  .opgg-page.v2.front .mob-hero,
  .opgg-page.v2.back .mob-hero {
    width: 180vw;
    margin: -203px -100px -5px -44vw;
  }
}

@media only screen and (max-width: 600px) {
  .modal-content {
    padding: 0;
    height: auto;
  }
}

@media only screen and (max-width: 500px) {
  .title-desktop {
    display: none;
  }

  .title-mob {
    display: flex;
  }
}

@media only screen and (max-width: 440px) {
  .btn-main a {
    min-width: 253px;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-278f5faa */.elementor-85523 .elementor-element.elementor-element-278f5faa {
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
    width: 100%;
}

.elementor-85523 .elementor-element.elementor-element-278f5faa {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-10a37975 */.elementor-85523 .elementor-element.elementor-element-10a37975 {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.elementor-85523 .elementor-element.elementor-element-10a37975 {
    max-width: 100% !important;
    width: 100%;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5b006a44 */.elementor-85523 .elementor-element.elementor-element-5b006a44 {
    position: relative;
    height: 55px; 
    margin: 0 auto;
    background: transparent;
    min-width: 330px;
}

.track-bt a {
    margin: auto !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4ce1b7aa *//*.elementor-85523 .elementor-element.elementor-element-4ce1b7aa {*/
/*    position: relative;*/
/*    position: absolute;*/
/*    opacity: 0;*/
/*    z-index: -1;*/
/*}*/

/*.track-bt a {*/
    /*height: 66px !important;*/
/*    margin: auto !important;*/
/*}*//* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-49aa6f7 */.download-section.bottom {
    max-width: 100%;
    overflow: hidden;
    opacity: 0;
    z-index: -100;
    position: absolute;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-65bdc77 */.elementor-85523 .elementor-element.elementor-element-65bdc77 {display: none !important;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1dbd4d3 */.elementor-85523 .elementor-element.elementor-element-1dbd4d3 {display: none !important;}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-39c34d1 */.elementor-85523 .elementor-element.elementor-element-39c34d1 {display:none !important;}/* End custom CSS */
/* Start custom CSS */.elementor-section .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Metropolis';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://go.overwolf.com/wp-content/uploads/2022/12/MiConv.com__Metropolis-Medium.woff2') format('woff2'),
		url('https://go.overwolf.com/wp-content/uploads/2022/12/MiConv.com__Metropolis-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Metropolis';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://go.overwolf.com/wp-content/uploads/2022/12/MiConv.com__Metropolis-Bold.woff2') format('woff2'),
		url('https://go.overwolf.com/wp-content/uploads/2022/12/MiConv.com__Metropolis-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Metropolis';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://go.overwolf.com/wp-content/uploads/2022/12/MiConv.com__Metropolis-ExtraBold.woff2') format('woff2'),
		url('https://go.overwolf.com/wp-content/uploads/2022/12/MiConv.com__Metropolis-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Metropolis';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */