:root {
  --ideal-viewport-width: 1440;
  --current-viewport-width: 100vw;
  --h1: calc(72 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  --h2-big: calc(44 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  --h2: calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  --h2-small: calc(26 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  --big: calc(24 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  --p: calc(22 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  --small: calc(18 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  --tiny: calc(12 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  --font-color: #FFFFFF;
  --main-font: KasperSky;
  --bg: #0f1821;
  --primary: #3DE8CA;
  --primary-gradient: linear-gradient(216.53deg, #4DFF88 15.95%, #3DE8CA 83.66%);
}

html {
  overflow-x: hidden;
}

body {
  font-family: var(--main-font);
  color: var(--font-color);
  font-size: var(--p);
  background: var(--bg);
}

h1 {
  font-size: var(--h1);
  font-weight: 400;
  line-height: 1;
}

h2 {
  font-size: var(--h2);
  font-weight: 300;
  line-height: 1.1;
}

big {
  font-size: var(--big);
}

p {
  font-size: var(--p);
  line-height: 1.4;
}

strong, b {
  font-weight: 700;
}

small {
  font-size: var(--small);
}

img {
  max-width: 100%;
}

section {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.container {
  max-width: calc(1255 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  position: relative;
}

@font-face {
  font-family: KasperSky;
  src: url("/font/KasperskySansDisplay-XBd.ttf");
  font-weight: 800;
}
@font-face {
  font-family: KasperSky;
  src: url("/font/KasperskySansDisplay-Bold.ttf");
  font-weight: 700;
}
@font-face {
  font-family: KasperSky;
  src: url("/font/KasperskySansDisplay-SmBd.ttf");
  font-weight: 600;
}
@font-face {
  font-family: KasperSky;
  src: url("/font/KasperskySansDisplay-Md.ttf");
  font-weight: 500;
}
@font-face {
  font-family: KasperSky;
  src: url("/font/KasperskySansDisplay-Rg.ttf");
  font-weight: 400;
}
@font-face {
  font-family: KasperSky;
  src: url("/font/KasperskySansDisplay-Lt.ttf");
  font-weight: 300;
}
* {
  position: relative;
}

.btn {
  background: #ffffff;
  color: #000;
  padding: calc(16 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(55 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  font-size: var(--p);
  font-weight: 600;
  border-radius: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.btn.primary {
  background: var(--primary);
}

.btn.full-width {
  width: 100%;
}

.btn.gradient {
  background: var(--primary-gradient);
}

.gradient:not(.btn) {
  background: var(--primary-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.card {
  -webkit-backdrop-filter: blur(calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
          backdrop-filter: blur(calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
  box-shadow: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(4 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(19 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) #56F1D3 inset;
  border-radius: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding: calc(35 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(45 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border: calc(1 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) solid rgba(255, 255, 255, 0.2);
  background: rgba(86, 241, 211, 0.1);
}

.card.big {
  box-shadow: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(3 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(110 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) #56F1D3 inset;
}

.card.small {
  padding: calc(11 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border-radius: calc(14 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  line-height: 1;
}

.card.grey {
  background: #3a3d42;
  box-shadow: inset 0 calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(65 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) rgba(255, 255, 255, 0.3);
  border: calc(1 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) solid rgba(255, 255, 255, 0.2);
}

.card.red {
  background: transparent;
  box-shadow: inset 0 calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(65 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) rgba(255, 0, 0, 0.3);
}

.card.dark {
  background: #1D1D1B;
  box-shadow: none;
  border: calc(3 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) solid #3FE6CA;
}

.info-box {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: row;
  gap: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  align-items: center;
}

#about .info-box {
  position: absolute;
}

header {
  background: #21272F;
  padding: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#home {
  background-position: right top;
  background-size: 93%;
  overflow: hidden;
}

#home .container {
  height: 100vh;
  padding-top: 15vh;
}

#home p {
  margin-top: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-bottom: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.home-img {
  position: absolute;
  right: -14%;
  top: 0;
  width: 75%;
}

#about {
  margin-top: calc(-140 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#about .container:before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(/img/b2b/About-Bg.png);
  background-size: 100% 100%;
  position: absolute;
  filter: drop-shadow(calc(2 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(6 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) #1a3943);
}

.element {
  position: absolute;
  left: -6%;
  top: 8%;
  width: calc(140 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  z-index: 2;
}

.about-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#about .info-box:nth-child(2) {
  right: -7%;
  top: 36%;
  z-index: 2;
}

#about .info-box:nth-child(3) {
  left: -6%;
  top: 40%;
}

#about .info-box:nth-child(4) {
  right: 12%;
  bottom: 41%;
}

#about .col-lg-6:last-child {
  padding-top: calc(125 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding-left: 2%;
  padding-right: 4%;
}

#about h2 {
  margin-bottom: calc(35 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#about .btn {
  margin-top: calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-left: 36%;
  z-index: 2;
}

.card.about-card {
  background-image: url(/img/b2b/About-Text-Bg.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: none;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  margin-bottom: calc(110 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border: none;
  background-color: transparent;
}

#scheme {
  margin-top: calc(-195 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-bottom: calc(75 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#scheme .col-lg-12 h2 {
  margin-bottom: calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding-left: calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.scheme-item {
  border-radius: calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  overflow: hidden;
  background-image: url(/img/b2b/Scheme-Bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  box-shadow: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(44 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) rgba(0, 160, 168, 0.16);
  border: calc(1 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) solid rgba(255, 255, 255, 0.2);
  height: 100%;
}

.scheme-item img {
  width: calc(100% + calc(80 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
  max-width: none;
  margin-left: calc(-40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-top: calc(-40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#scheme .scheme-item h2 {
  font-weight: 400;
  margin-bottom: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#scheme .scheme-item p {
  line-height: 1.3;
  font-weight: 200;
}

#game-start {
  padding: calc(75 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding-bottom: calc(115 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#game .element {
  width: 110px;
  left: 0%;
  top: 50%;
  z-index: 9;
}

#game .container:before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(/img/b2b/GameStart-Bg.png);
  background-size: 100% 100%;
  position: absolute;
  filter: drop-shadow(calc(2 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(6 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) #1a3943);
}

.card.game-start {
  box-shadow: none;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  background-image: url(/img/b2b/GameStart-Card.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: calc(45 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  z-index: 2;
  border: none;
  background-color: transparent;
}

.card.game-start h2 {
  margin-bottom: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.card.game-start .btn {
  margin-left: 27%;
  margin-top: calc(100 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.gameStart-img {
  max-width: none;
  width: 200%;
  position: absolute;
  right: calc(-60 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  top: calc(-74 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  -webkit-mask: url(/img/b2b/GameStart-Mask.svg);
          mask: url(/img/b2b/GameStart-Mask.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: top;
          mask-position: top;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

#questions {
  display: flex;
  align-items: center;
  justify-content: center;
}

#questions:before {
  background-image: url(/img/b2b/Questions-Bg.png) !important;
}

.clock-wrapper {
  position: relative;
  width: calc(340 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-bottom: calc(100 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.clock-wrapper .clock {
  width: 100%;
  max-width: none;
}

.clock-circle {
  position: absolute;
}

.clock-hr, .clock-min, .clock-sec {
  position: absolute;
  left: 47.5%;
  top: 54%;
  filter: drop-shadow(calc(-4 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(4 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(4 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) #6C7A86);
  transform: scale(1.2);
  transition: 1.3s;
  width: calc(12 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: auto;
}

.clock-hr {
  rotate: 0deg;
}

.clock-sec {
  rotate: 0deg;
}

.clock-triggers {
  position: absolute;
  top: 40%;
  width: calc(340 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(340 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.clock-trigger {
  position: absolute;
  width: 50%;
  height: calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  transition: 0.3s;
  z-index: 2;
  mix-blend-mode: overlay;
  background: #fff;
  filter: blur(calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
  opacity: 0;
}

.clock-trigger.active, .clock-trigger.answered {
  opacity: 1;
}

.clock-trigger.active {
  animation: blink 2s linear infinite;
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.clock-trigger.question-1 {
  top: 16%;
  right: -4%;
  rotate: 43deg;
  height: calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: 60%;
}

.clock-trigger.question-2 {
  right: 2%;
  bottom: 29%;
  rotate: -54deg;
  width: 30%;
}

.clock-trigger.question-3 {
  right: 23%;
  bottom: 10%;
  width: 30%;
  rotate: -20deg;
}

.clock-trigger.question-4 {
  bottom: 15%;
  left: 10%;
  width: 40%;
  rotate: 30deg;
}

.clock-trigger.question-5 {
  left: -5%;
  top: 43%;
  rotate: 90deg;
  width: 35%;
}

.clock-trigger.question-6 {
  top: 10%;
  left: 5%;
  rotate: -30deg;
}

.clock-wrapper:has(.question-1.active) .clock-hr {
  rotate: 43deg;
}

.clock-wrapper:has(.question-1.active) .clock-min {
  rotate: 18deg;
}

.clock-wrapper:has(.question-1.active) .clock-sec {
  rotate: 68deg;
}

.clock-wrapper:has(.question-2.active) .clock-hr {
  rotate: 109deg;
}

.clock-wrapper:has(.question-2.active) .clock-min {
  rotate: 123deg;
}

.clock-wrapper:has(.question-2.active) .clock-sec {
  rotate: 93deg;
}

.clock-wrapper:has(.question-3.active) .clock-hr {
  rotate: 155deg;
}

.clock-wrapper:has(.question-3.active) .clock-min {
  rotate: 139deg;
}

.clock-wrapper:has(.question-3.active) .clock-sec {
  rotate: 169deg;
}

.clock-wrapper:has(.question-4.active) .clock-hr {
  rotate: 219deg;
}

.clock-wrapper:has(.question-4.active) .clock-min {
  rotate: 199deg;
}

.clock-wrapper:has(.question-4.active) .clock-sec {
  rotate: 235deg;
}

.clock-wrapper:has(.question-5.active) .clock-hr {
  rotate: 273deg;
}

.clock-wrapper:has(.question-5.active) .clock-min {
  rotate: 292deg;
}

.clock-wrapper:has(.question-5.active) .clock-sec {
  rotate: 259deg;
}

.clock-wrapper:has(.question-6.active) .clock-hr {
  rotate: 330deg;
}

.clock-wrapper:has(.question-6.active) .clock-min {
  rotate: 314deg;
}

.clock-wrapper:has(.question-6.active) .clock-sec {
  rotate: 345deg;
}

#questions .tip {
  opacity: 1;
  font-size: var(--p);
  text-align: center;
  font-weight: 200;
  position: absolute;
  bottom: calc(-85 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: 100%;
  text-align: center;
}

#question {
  padding: calc(75 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding-bottom: calc(165 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#question .col-lg-6:first-child {
  z-index: 2;
}

#question .col-lg-6 {
  z-index: 1;
}

#question .card.big {
  margin-bottom: calc(60 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#question h2 {
  font-size: var(--h2-small);
}

.subtitle {
  position: absolute;
  left: calc(-20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  top: calc(-50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background: rgba(0, 0, 0, 0.4);
  border-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  -webkit-backdrop-filter: blur(calc(32 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
          backdrop-filter: blur(calc(32 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
  max-width: 90%;
}

.subtitle p {
  margin-bottom: 0;
  line-height: 1.2;
}

.answer {
  flex-direction: row;
  align-items: center;
  gap: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  box-shadow: none;
  border-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-bottom: calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  z-index: 9;
  transition: 0.3s;
}

.answer:hover {
  background: #33887c;
}

.answer-icon {
  width: calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  min-width: calc(51 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
}

.answer-icon p {
  color: #464745;
  font-size: var(--h2);
  margin-bottom: 0;
  font-weight: 500;
}

.answer p {
  margin-bottom: 0;
  line-height: 1.2;
}

.answer:nth-child(2) {
  transform: translateX(calc(100 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.answer:nth-child(3) {
  transform: translateX(calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.answer.false {
  background: transparent;
  box-shadow: inset 0 calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(65 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) rgba(255, 0, 0, 0.3);
  align-items: flex-start;
}

.answer.false .answer-icon {
  background-image: url(/img/Warning.svg);
  background-size: contain;
  background-color: transparent;
}

.answer.true .answer-icon {
  background-image: url(/img/Check.svg);
  background-size: contain;
  background-color: transparent;
}

.answer.false .answer-icon p, .answer.true .answer-icon p {
  color: transparent !important;
}

.answer.true {
  background: transparent;
  box-shadow: inset 0 calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(65 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) rgb(85, 222, 192);
  align-items: flex-start;
}

.false > p, .true > p {
  display: none;
}

.false > .answer-explanation, .true > .answer-explanation {
  font-size: var(--small);
}

.question-img {
  max-width: none;
  width: 100%;
  position: absolute;
  right: calc(-62 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  top: calc(-74 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  -webkit-mask: url(/img/b2b/GameStart-Mask.svg);
          mask: url(/img/b2b/GameStart-Mask.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: top;
          mask-position: top;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  padding: 0;
}

.next-question {
  position: absolute;
  right: 0;
  bottom: calc(-120 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#final-prize:before {
  background-image: none !important;
}

#final-prize .row {
  align-items: flex-end;
}

#final-prize .col-lg-9 {
  background-image: url(/img/b2b/Result-Bg.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
}

#final-prize .final-prize-img-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  -webkit-mask: url(/img/b2b/Result-Mask.png);
          mask: url(/img/b2b/Result-Mask.png);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-position: left top;
          mask-position: left top;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

#final-prize .final-prize-img {
  width: 65%;
  margin-top: calc(-45 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#final-prize .card.big {
  padding: calc(90 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(70 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(100 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: 65%;
  border-top-left-radius: 0;
  margin-top: calc(285 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#final-prize .col-lg-9 h2 {
  font-size: var(--h2-big);
  margin-bottom: calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#final-prize .col-lg-3 {
  margin-left: calc(-300 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: calc(25% + calc(300 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.calculator {
  margin-bottom: calc(-60 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  z-index: 3;
  position: relative;
}

#final-prize .calculator-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#final-prize .slider-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}

#final-prize .calculator-item:has(.slider-wrapper) {
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc(-30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#final-prize .col-lg-12.calculator-item .slider {
  width: 95%;
  padding-right: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.slider-wrapper .gradient {
  font-weight: 700;
}

input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.fake-radio {
  width: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  border: calc(2 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.radio:has(:checked) .fake-radio:before {
  content: "";
  width: calc(12 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(12 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background: #3ddac0;
  border-radius: 50%;
  display: flex;
}

.radio:has(:checked) .fake-radio {
  border-color: #3ddac0;
}

.fake-checkbox {
  width: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background: transparent;
  border: 2px solid #3ddac0;
  border-radius: calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  display: flex;
  align-items: center;
  justify-content: center;
}

input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.checkbox-wrapper:has(:checked) .fake-checkbox {
  background: var(--primary-gradient);
}

.checkbox-wrapper:has(:checked) .fake-checkbox:after {
  content: "";
  width: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background-image: url(/img/Check-Small.svg);
  background-size: contain;
  background-position: center;
}

#final-prize .calculator-item {
  border-bottom: calc(1.5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) solid rgba(255, 255, 255, 0.2);
  margin-bottom: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding-bottom: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding-left: 0;
  padding-right: 0;
}

.calculator-item * {
  margin-bottom: 0;
}

.calculator-item p {
  font-size: var(--small);
}

.radios-wrapper {
  display: flex;
  gap: calc(70 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  align-items: center;
}

.radio {
  display: flex;
  align-items: center;
  gap: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.radio p {
  margin-bottom: 0;
}

.slider-tips {
  display: flex;
  justify-content: space-between;
  opacity: 0.32;
}

.slider-tips p {
  font-size: var(--tiny);
}

.calculator .row:first-child {
  align-items: flex-start !important;
}

.calculator .col-lg-5:has(.price) {
  display: flex;
  align-items: flex-start;
  gap: calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.calculator-item:nth-child(9) {
  border-bottom: none !important;
}

.calculator-results {
  margin-top: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.price {
  font-size: calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  font-weight: 600;
  display: flex;
  align-items: flex-start;
}

.price-symbol {
  font-size: calc(27 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  font-weight: 700;
}

.info {
  position: absolute;
  left: calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  bottom: calc(-140 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: 58%;
}

.info p {
  font-size: var(--tiny);
  opacity: 0.5;
  font-weight: 400;
}

[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: calc(4 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background: rgba(41, 204, 177, 0.18);
  outline: none;
  border-radius: calc(90 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

[type=range]:hover {
  opacity: 1;
}

[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background: #1D1D1B;
  border: calc(2 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) solid #3FE6CA;
  cursor: pointer;
  border-radius: 50%;
}

#final-prize {
  margin-bottom: calc(280 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#rewards {
  margin-top: calc(100 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  margin-bottom: calc(100 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.rewards-item {
  border-radius: calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  overflow: hidden;
  box-shadow: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(44 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) rgba(0, 160, 168, 0.16);
  border: calc(1 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) solid rgba(255, 255, 255, 0.2);
}

.rewards-item img {
  width: 100%;
}

#rewards h2 {
  text-align: center;
  font-size: var(--h2-big);
  margin-bottom: calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#faq h2 {
  text-align: center;
  font-size: var(--h2-big);
  margin-bottom: calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

#faq .element {
  left: inherit;
  right: -3%;
  width: calc(100 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.accordion-item {
  background: transparent;
  border: none;
  border-bottom: calc(1.5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) solid #A9A9A9;
  padding-top: calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding-bottom: calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.accordion-item:last-child {
  border-bottom: none;
}

.accordion-content {
  height: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  overflow: hidden;
}

.accordion-content p {
  font-size: var(--small);
}

.accordion-header {
  display: flex;
  align-items: center;
  gap: calc(35 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.accordion-item .icon {
  width: calc(35 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  min-width: calc(35 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(35 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background: var(--primary);
  border-radius: calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  display: flex;
  align-items: center;
  justify-content: center;
}

.accordion-header p {
  margin-bottom: 0;
}

.accordion-content p:first-child {
  margin-top: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.accordion-item.open .icon img {
  rotate: 45deg;
}

footer {
  margin-top: calc(70 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  background: #21272F;
  padding-top: calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  padding-bottom: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

footer * {
  font-size: var(--tiny);
}

footer .row.top {
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

footer .top .left {
  display: flex;
  align-items: center;
  gap: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  width: -moz-fit-content;
  width: fit-content;
}

footer .top .left p {
  margin-bottom: 0;
}

.footer-menu {
  display: flex;
  gap: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

.footer-menu a {
  color: var(--primary);
  display: flex;
  align-items: center;
}

.footer-menu a:before {
  content: "";
  width: calc(2 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  height: calc(2 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  position: relative;
  display: flex;
  background: var(--primary);
  margin-right: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

footer .top .right {
  width: -moz-fit-content;
  width: fit-content;
}

.socials {
  display: flex;
  gap: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}

footer .row:not(.top) {
  opacity: 0.5;
  font-weight: 200;
}

@media screen and (min-width: 2000px) {
  #about {
    margin-top: calc(-225 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
}
@media screen and (min-width: 766px) {
  .mobile {
    display: none;
  }
}
@media screen and (max-width: 765px) {
  :root {
    --ideal-viewport-width: 375;
    --h1: calc(34 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    --h2-big: calc(26 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    --h2: calc(18 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    --h2-small: calc(16 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    --big: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    --p: calc(16 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    --small: calc(12 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    --tiny: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .desktop {
    display: none;
  }
  body {
    overflow-x: hidden;
  }
  .card {
    border-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .card.small {
    padding: calc(8 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    border-radius: calc(12 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .btn {
    padding: calc(13 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(45 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    border-radius: calc(8 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  #home .container {
    padding-top: 50vh;
  }
  .home-img {
    right: -14%;
    width: 128%;
    max-width: none;
  }
  #about {
    margin-top: calc(-60 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding-left: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding-right: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .element {
    display: none;
  }
  #about .container:before {
    background-image: none;
    background: linear-gradient(136deg, #2a5361 0%, #122d3c 40%);
    border-radius: calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  #about .col-lg-6:has(.about-img) {
    height: 50vh;
  }
  .about-img {
    -webkit-mask: url(/img/b2b/About-Bg-Mask-Mob.svg);
            mask: url(/img/b2b/About-Bg-Mask-Mob.svg);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-position: top center;
            mask-position: top center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    margin-top: calc(-50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    background: linear-gradient(180deg, #244958 10%, transparent);
    width: 100%;
    height: calc(425 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    -o-object-position: 0%;
       object-position: 0%;
    border-top-left-radius: 0;
  }
  #about .info-box:nth-child(2) {
    right: 23%;
    top: 8%;
    z-index: 2;
  }
  #about .info-box:nth-child(3) {
    left: 2%;
    top: 50%;
  }
  #about .info-box:nth-child(4) {
    right: 5%;
    bottom: 15%;
  }
  #about .col-lg-6:last-child {
    padding-top: 0;
    padding-left: 0%;
    padding-right: 0%;
  }
  .card.about-card {
    margin-bottom: calc(-110 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    background-image: url(/img/b2b/About-Text-Bg-Mob.png);
  }
  #about h2 {
    padding: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  #about .btn {
    margin-top: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    margin-left: 50%;
  }
  #scheme {
    margin-top: calc(140 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  #scheme .col-lg-12 h2 {
    margin-bottom: calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding-left: 0;
    font-size: var(--h2-big);
  }
  #scheme .scheme-item h2 {
    margin-bottom: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    font-size: var(--h2-big);
  }
  .scheme-item {
    border-radius: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    margin-bottom: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    height: -moz-fit-content;
    height: fit-content;
  }
  #game {
    padding-left: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding-right: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  #game-start {
    padding: calc(35 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding-bottom: 0;
    margin-top: calc(200 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .card.game-start ~ div {
    order: -1;
    height: calc(500 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding: 0;
    width: calc(100% + calc(46 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)));
    max-width: none;
    margin-left: calc(-23 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    -webkit-mask: url(/img/b2b/GameStart-Mask-Mob.svg);
            mask: url(/img/b2b/GameStart-Mask-Mob.svg);
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-position: top center;
            mask-position: top center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    margin-top: calc(-90 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    margin-bottom: calc(-130 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .card.game-start ~ div {
    margin-top: calc(-160 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  #game .container:before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: -12%;
    background-image: none;
    background-color: #0A0F1D;
    box-shadow: calc(2 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(6 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) #1a3943;
    border-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    border: calc(1 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) solid lch(100% 0.01 296.81/0.2);
  }
  .card.game-start h2 {
    margin-bottom: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .card.game-start {
    padding: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    margin-bottom: calc(-20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    background-image: url(/img/b2b/GameStart-Card-Mob.png);
  }
  .card.game-start .btn {
    margin-top: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    margin-left: 51%;
    padding: calc(13 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  #question {
    padding: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    border-radius: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    min-height: 100vh;
    margin-top: calc(200 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  #questions {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: calc(2 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(6 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) #1a3943;
  }
  #questions:before {
    background-size: cover !important;
    background-position: 55% 20%;
    height: 115% !important;
  }
  #questions .tip {
    bottom: calc(-75 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .clock-triggers {
    top: 39%;
  }
  .question-img {
    width: 104.3%;
    -o-object-fit: cover;
       object-fit: cover;
    height: calc(350 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    -webkit-mask: none;
            mask: none;
    -o-object-position: 100%;
       object-position: 100%;
    border-top-left-radius: calc(35 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    border-top-right-radius: calc(35 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    top: calc(-170 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    right: calc(-7 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    -webkit-mask: url(/img/b2b/Question-Mask.svg);
            mask: url(/img/b2b/Question-Mask.svg);
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-position: top;
            mask-position: top;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
  #question .row {
    padding-top: calc(240 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .subtitle {
    left: calc(-10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    top: calc(-35 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    border-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding: calc(13 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(14 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  #question .card.big {
    margin-bottom: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding-top: calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .answer {
    border-radius: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    padding: calc(8 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(18 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    margin-bottom: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .answer > p {
    font-size: var(--small);
  }
  .answer-icon {
    width: calc(35 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    height: calc(35 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    min-width: calc(35 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .answer:nth-child(2) {
    transform: none;
    justify-self: flex-end;
    width: 90%;
  }
  .answer:nth-child(3) {
    transform: none;
  }
  .next-question {
    position: relative;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: calc(8 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  #final-prize .col-lg-9 {
    background: linear-gradient(331deg, #053b4f, #07293a);
    border-radius: calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  #final-prize .card.big {
    padding: calc(55 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(40 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(150 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    width: 95%;
    margin-top: calc(185 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  #final-prize .final-prize-img-wrapper {
    -webkit-mask: none;
            mask: none;
    border-top-left-radius: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    border-top-right-radius: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    overflow: hidden;
  }
  #final-prize .final-prize-img {
    width: 100%;
    margin-top: calc(-10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  #final-prize .col-lg-3 {
    margin-left: 0;
    margin-top: calc(-145 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    width: calc(100% + calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
    max-width: none;
  }
  [type=range]::-webkit-slider-thumb {
    width: calc(22 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    height: calc(22 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  #final-prize .calculator-item:has(.slider-wrapper) {
    margin-top: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .calculator {
    padding: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(30 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .calculator .col-6 {
    padding: 0;
  }
  .calculator-item p {
    font-size: var(--p);
    max-width: 70%;
  }
  .calculator .col-lg-5:has(.price) {
    justify-content: center;
  }
  #final-prize:before {
    background: none !important;
    border: none !important;
    filter: none !important;
  }
  #final-prize .col-lg-9 .info {
    display: none;
  }
  .info {
    padding: 0;
    position: relative;
    width: 100%;
    left: 0;
    bottom: calc(-100 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  #final-prize {
    margin-bottom: calc(160 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .prize-details h2 {
    font-size: var(--h2-big);
  }
  #rewards h2 {
    margin-bottom: calc(25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .rewards-item {
    margin-bottom: calc(15 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    background: linear-gradient(309deg, #1a404f, #25434e, #1b282f);
  }
  footer {
    margin-top: calc(50 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  footer .top .left {
    flex-wrap: wrap;
  }
  footer .top .left p {
    display: none;
  }
  .footer-menu {
    flex-direction: column;
    gap: calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    margin-bottom: 20px;
  }
  .footer-menu a {
    text-decoration: none;
  }
  .footer-menu a:before {
    display: none;
  }
}
.b2c {
  background: #000101;
}
.b2c .card.about-card {
  background-image: url(/img/b2c/About-Text-Bg.png);
}
.b2c #about {
  margin-top: calc(-220 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}
.b2c #about .container:before {
  background-image: url(/img/b2c/About-Bg.png);
  filter: drop-shadow(calc(2 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(6 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) #1a4339);
}
.b2c #scheme {
  margin-top: calc(-145 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}
.b2c .scheme-item {
  background-image: url(/img/b2c/Scheme-Bg.jpg);
  box-shadow: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(44 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) rgba(0, 168, 112, 0.16);
}
.b2c .card.game-start {
  background-image: url(/img/b2c/GameStart-Card.png);
}
.b2c #game .container:before {
  background-image: url(/img/b2c/GameStart-Bg.png);
  filter: drop-shadow(calc(2 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(6 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(20 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) #1a432f);
}
.b2c #questions {
  background-image: url(/img/b2c/Questions-Bg.png);
  background-position: 47% 30%;
  background-size: auto 146%;
  -webkit-mask: url(/img/b2c/GameStart-Bg.png);
          mask: url(/img/b2c/GameStart-Bg.png);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.b2c #questions:before {
  background-image: none !important;
  background: none;
}
.b2c .question-img {
  -webkit-mask: url(/img/b2b/Question-Mask.svg);
          mask: url(/img/b2b/Question-Mask.svg);
  -webkit-mask-size: cover;
          mask-size: cover;
}
.b2c #question .row {
  padding-top: calc(140 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}
.b2c .gameStart-img {
  -webkit-mask: url(/img/b2c/Game-Mask.png);
          mask: url(/img/b2c/Game-Mask.png);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: top right;
          mask-position: top right;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.b2c .question-img {
  -webkit-mask: url(/img/b2c/Game-Mask.png);
          mask: url(/img/b2c/Game-Mask.png);
  -webkit-mask-size: cover;
          mask-size: cover;
}
.b2c .clock-trigger.question-1 {
  top: 10%;
  right: 16%;
  rotate: 28deg;
  width: 33%;
}
.b2c .clock-trigger.question-2 {
  right: -3%;
  bottom: 49%;
  rotate: -90deg;
  width: 38%;
}
.b2c .clock-trigger.question-3 {
  right: 11%;
  bottom: 16%;
  width: 45%;
  rotate: -28deg;
}
.b2c .clock-trigger.question-4 {
  bottom: 19%;
  left: 6%;
  width: 45%;
  rotate: 37deg;
}
.b2c .clock-trigger.question-5 {
  left: -1%;
  top: 39%;
  rotate: 95deg;
  width: 30%;
}
.b2c .clock-trigger.question-6 {
  top: 13%;
  left: 14%;
  rotate: -30deg;
  width: 35%;
}
.b2c .clock-wrapper:has(.question-2.active) .clock-hr {
  rotate: 73deg;
}
.b2c .clock-wrapper:has(.question-2.active) .clock-min {
  rotate: 87deg;
}
.b2c .clock-hr, .b2c .clock-min, .b2c .clock-sec {
  left: 48.7%;
  top: 52%;
  width: calc(10 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
}
.b2c .clock-trigger {
  background: #42ffe9;
}
.b2c #final-prize .col-lg-9 {
  background-image: url(/img/b2c/Result-Bg.png);
}
.b2c .prize-details {
  margin-bottom: calc(-60 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  z-index: 3;
  position: relative;
}
.b2c .price {
  flex-wrap: wrap;
}
.b2c .prize-details b {
  opacity: 0.8;
  font-weight: 500;
}
.b2c .price big {
  width: 100%;
  font-size: 75px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 20px;
  margin-top: 10px;
}
.b2c ::marker {
  color: var(--primary);
  font-size: 36px;
}
.b2c li {
  font-size: var(--big);
  font-weight: 300;
  line-height: 1.3;
}
.b2c .old-price {
  font-size: var(--p);
  font-weight: 200;
  opacity: 0.4;
  text-decoration: line-through;
  margin-right: 20px;
}
.b2c .tag {
  background: #E30880;
  border-radius: 90px;
  padding: 8px 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: absolute;
  right: 10px;
  top: -4px;
  font-size: 16px;
  font-weight: 400;
}
.b2c .rewards-item {
  box-shadow: calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(44 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) calc(0 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width)) rgba(0, 168, 118, 0.16);
}
@media screen and (min-width: 2000px) {
  .b2c #about {
    margin-top: calc(-340 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .b2c .gameStart-img {
    -webkit-mask-size: 100% 88%;
            mask-size: 100% 88%;
    -webkit-mask-position: top center;
            mask-position: top center;
    right: calc(-67 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    height: 160%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .b2c .question-img {
    -webkit-mask-size: 80% 100%;
            mask-size: 80% 100%;
    -webkit-mask-position: right;
            mask-position: right;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
}
@media screen and (max-width: 726px) {
  .b2c #home {
    background-size: 200%;
    background-position: 83% top;
  }
  .b2c #about {
    margin-top: calc(-60 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .b2c .card.about-card {
    background-image: url(/img/b2c/About-Text-Bg-Mob.png);
  }
  .b2c #about h2 {
    padding: 0;
    font-size: var(--h2-big);
    margin-bottom: calc(5 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .b2c #scheme {
    margin-top: calc(140 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .b2c .gameStart-img {
    -webkit-mask: url(/img/b2b/GameStart-Mask.svg);
            mask: url(/img/b2b/GameStart-Mask.svg);
    -o-object-fit: cover;
       object-fit: cover;
    width: 120%;
    right: calc(-25 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .b2c #game-start .card.game-start h2 {
    font-size: var(--h2-big);
  }
  .b2c .card.game-start {
    background-image: url(/img/b2c/GameStart-Card-Mob.png);
  }
  .b2c #game .container:before {
    background-size: 200%;
    background-position: bottom;
    filter: none;
    border: none;
  }
  .b2c #questions {
    -webkit-mask: none !important;
            mask: none !important;
  }
  .b2c .question-img {
    -webkit-mask: url(/img/b2b/GameStart-Mask.svg);
            mask: url(/img/b2b/GameStart-Mask.svg);
  }
  .b2c #question {
    margin-top: calc(180 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
  }
  .b2c #question:after {
    content: "";
    position: absolute;
    top: calc(180 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    left: 0;
    width: 100%;
    height: calc(200 * clamp(350px, 100vw, 3840px) / var(--ideal-viewport-width));
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
    filter: blur(10px);
  }
  .b2c #final-prize .col-lg-9 {
    background-image: none;
    background: linear-gradient(331deg, #266252, #0d201a);
  }
  .b2c #question .row:after {
    display: none;
  }
  .b2c .question-img {
    -webkit-mask: url(/img/b2b/Question-Mask.svg);
            mask: url(/img/b2b/Question-Mask.svg);
    -webkit-mask-size: cover;
            mask-size: cover;
  }
}/*# sourceMappingURL=style.css.map */