.mm-wlg2-bg-1 {
  background: #05060a;
}
.mm-wlg2-bg {
  background: #05060a;
  background-image: url(/tpl/include/aktsii/konkurs-man-made-i-welovegames/img/bg.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  color: #ffffff;
  padding-bottom: 60px;
}
.mm-wlg2-bnr-blk {
  background-image: url(/tpl/include/aktsii/konkurs-man-made-i-welovegames/img/bg-blk1.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: clamp(100px,41.6vw,556px);
  display: flex;
  align-items: center;
}
.mm-wlg2-dot {
  position: relative;
  max-width: 359px;
  height: fit-content;
}
.mm-wlg2-dot span {
  position: absolute;
  display: block;
  background-image: url('/tpl/include/aktsii/konkurs-man-made-i-welovegames/img/dot.png');
  max-width: 32px;
  max-height: 32px;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  cursor: pointer;
}
.mm-wlg2-flex-con2 .mm-wlg2-dot span {
   opacity: 0.2;
}
.mm-wlg2-right-con:hover span,
.mm-wlg2-left-con:hover span {
  opacity: 1;
}
.mm-wlg2-hidden .fs-h3,
.mm-wlg2-hidden .mm-wlg2-flex-con2 {
    opacity: 0.1; /* Пример для скрытия */
    transition: opacity 0.4s ease;
}
.mm-wlg2-hidden-container {
  visibility: hidden;
  width: 0;
  height: 0;
  opacity: 0; 
  /* Добавьте стили для скрытого контейнера */
}

.mm-wlg2-hidden-container.active {
  visibility: visible;
  top: 20%;
  right: 30%;
  position: absolute;
  width: 319px;
  height: fit-content;
  opacity: 1;
  background: #0E0E11;
  transition: opacity 0.4s ease;
  /* Стили для видимого состояния */
}
.mm-wlg2-hidden-info-mob.active div,
.mm-wlg2-hidden-container.active div {
padding: 16px;
}
/*dot*/
#mob-dot-1,
#dot-1 {
  top: 8%;
  right: 42%;
}
#mob-dot-2,
#dot-2 {
  top: 29%;
  left: 21%;
}
#mob-dot-3,
#dot-3 {
  top: 47%;
  left: 14%;
}
#mob-dot-4,
#dot-4 {
  bottom: 36%;
  left: 38%;
}
#mob-dot-5 {
  top: 29%;
  right: 41%;
}
#dot-5 {
  bottom: 28%;
  right: 42%;
}
#mob-dot-6,
#dot-6 {
  bottom: 17%;
  left: 13%;
}
#mob-dot-7,
#dot-7 {
  bottom: 10%;
  right: 25%;
}
#mob-dot-8,
#dot-8 {
  top: 17%;
  left: 23%;
}
#mob-dot-9 {
  top: 34%;
  left: 28%;
}
#dot-9 {
  top: 35%;
  left: 39%;
}
#mob-dot-10,
#dot-10 {
  top: 48%;
  left: 36%;
}
#mob-dot-11 {
  top: 25%;
  right: 43%;
}
#dot-11 {
  top: 28%;
  right: 46%;
}
#mob-dot-12 {
  bottom: 35%;
  left: 10%;
}
#dot-12 {
  bottom: 38%;
  left: 20%;
}
#mob-dot-13 {
  bottom: 25%;
  right: 41%;
}
#dot-13 {
  bottom: 30%;
  right: 47%;
}
/*dot end*/
.mm-wlg2-bg h2 {
  color: #ffffff;
  text-align: center;
  margin-bottom: 48px;
  padding-top: 120px;
}
.mm-wlg2-flex-con2,
.mm-wlg2-flex-con {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.mm-wlg2-flex-con2 {
  gap: 78px;
  opacity: 1;
}
.mm-wlg2-flex-con2 img {
  max-width: 359px;
  width: 100%;
}
.mm-wlg2-flex-con h3 {
  text-align: center;
  margin-bottom: 72px;
}
.mm-wlg2-left-con {
  margin-right: -38px;
  z-index: 1;
}
.mm-wlg2-left-con .mm-wlg2-dot img {
  margin-top: 12px;
}
.mm-wlg2-right-con {
  margin-left: -38px;
}
.mm-wlg2-hidden-info-mob img,
.mm-wlg2-dot img {
  width: 100%;
}


.mm-wlg2-leftCon {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 240px;
}
.mm-wlg2-infoCon {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
/*mob-wlg2*/
.mm-wlg2-bg-mob {
  display: none;
  background: #05060a;
  background-image: url(/tpl/include/aktsii/konkurs-man-made-i-welovegames/img/bg-mob.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}
.mm-wlg2-tab-container {
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
}
.mm-wlg2-tab-header {
  display: flex;
}
.mm-wlg2-tab-btn {
  padding: 16px 15px 16px 0;
  text-align: left;
  border: none;
  opacity: 0.5;
  background: transparent;
  cursor: pointer;
  transition: background 0.3s ease;
}
.mm-wlg2-tab-btn.active {
  background: transparent;
  font-weight: bold;
  opacity: 1;
}
.mm-wlg2-tab-panel {
  visibility: hidden;
  opacity: 0;
  height: 0;
}
.mm-wlg2-tab-panel.active {
  visibility: visible;
  opacity: 1;
  width: 100%;
  height: auto;
}
.mm-wlg2-tab-panel .fs-t2 {
  opacity: 0;
  transition: all 0.4s ease;
}
.mm-wlg2-tab-panel.active .fs-t2 {
  opacity: 1;
}
.mm-wlg2-tab-mob {
  position: relative;
  height: 288px;
}
.mm-wlg2-pc-1 {
  position: absolute;
  bottom: 0;
  left: -48%;
  width: 218px;
  opacity: 0.2;
  transition: all 0.6s ease;
}
.mm-wlg2-pc-1.active {
  left: 18%;
  z-index: 1;
  opacity: 1;
}
.mm-wlg2-pc-2 {
  position: absolute;
  bottom: 0;
  right: -17%;
  opacity: 0.2;
  width: 218px;
  transition: all 0.8s ease;
}
.mm-wlg2-pc-2.active {
  right: 15%;
  opacity: 1;
}
/*высплвывашки*/
.mm-wlg2-hidden-info-mob {
  display: none;
  background: #202020;
}
.mm-wlg2-hidden-info-mob.active {
  display: block;
  width: 100%;
  position: absolute;
  top: -100%;
  z-index: 1;
}
.mm-wlg2-close-btn {
  position: absolute;
  right: 0;
  background: #8b8b8b;
  border: none;
  font-size: 12px;
  padding: 13px 17px;
  cursor: pointer;
}
@media (max-width: 1200px){
  .mm-wlg2-bg-mob {
    display: block;
  }
  .mm-wlg2-dot span {
    background-size: cover;
    max-width: 19px;
    max-height: 19px;
  }
  * {
    cursor: default !important;
  }
  .mm-wlg2-bg {
    display: none;
  }
}
@media (max-width: 600px){
  .mm-wlg2-bnr-blk {
    background-image: url(/tpl/include/aktsii/konkurs-man-made-i-welovegames/img/bg-blk1-mob.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 638px;
    align-items: flex-end;
  }
}
/**/
/*OLD*/
.mm-displayNone {
  display: none !important;
}

.ng-ct-mainCon a:hover {
  color: #000000 !important;
}

.ng-ct-mainCon a:visited {
  color: #000000;
}

.ng-bgCon {
  background-color: #05060a;
  display: flex;
  flex-direction: column;
}

.ng-bgBlackCon {
  background-color: #000000;
}

.ng-bgRgCon {
  background-image: url("/tpl/include/aktsii/konkurs-man-made-i-welovegames/img/bg7.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.ng-bgWhite {
  background-color: #ffffff;
  padding: 120px 0px 120px 0px;
}

.ng-bgSecondCon {
  background-color: #0f121d;
}

.ng-cbm-mainCon {
  padding: 258px 0px 64px 64px;
  background-image: url("/tpl/include/aktsii/konkurs-man-made-i-welovegames/img/bg1.png");
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 1330px;
}

.ng-cbm-textCon {
  max-width: 533px;
}

.ng-ooc-mainCon {
  display: flex;
  padding: 0px 64px 0px 0px;
}

.ng-ooc-leftCon {
  padding: 48px 64px 243px 64px;
  background-image: url("/tpl/include/aktsii/konkurs-man-made-i-welovegames/img/bg2v2.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  max-width: 553px;
  width: 100%;
}

.ng-ooc-rightCon {
  padding: 48px 0px 48px 0px;
  display: flex;
  justify-content: space-between;
  max-width: 758px;
  width: 100%;
}

.ng-ooc-textCon {
  max-width: 310px;
}

.ng-mpc-mainCon {
  padding: 80px 0px 48px 0px;
}

.ng-mpc-contentCon {
  display: flex;
  justify-content: space-between;
}

.ng-mpc-leftCon {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ng-infoCon {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ng-mpc-card {
  display: flex;
  flex-direction: column;
  background-color: #191919;
  max-width: 351px;
  position: relative;
}

@keyframes fadeIn {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}

.ng-fadeIn {
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-iteration-count: inherit;
}

@keyframes fadeOut {
  from {
    opacity: 100%;
  }
  to {
    opacity: 0%;
  }
}

.ng-fadeOut {
  animation-name: fadeOut;
  animation-duration: 1s;
  animation-iteration-count: inherit;
}

.ng-mpc-clouseBtn {
  position: absolute;
  right: 0;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

.ng-mpc-cardText {
  padding: 0px 16px 24px 16px;
}

.ng-mpc-cardImg {
  max-width: 351px;
}

.ng-mpc-rightCon {
  display: flex;
  gap: 64px;
}

.ng-mpc-imgCon {
  position: relative;
}

.ng-mpc-rightImg {
  max-width: 387px;
  width: 100%;
}

.ng-mpc-btnIco {
  cursor: pointer;
  transition: transform 0.2s ease-in;
}

.ng-mpc-btnIco:hover {
  transform: scale(1.3);
}

.icon1 {
  position: absolute;
  top: 7%;
  right: 43%;
}

.icon2 {
  position: absolute;
  top: 28%;
  left: 12%;
}

.icon3 {
  position: absolute;
  top: 45%;
  left: 7%;
}

.icon4 {
  position: absolute;
  top: 53%;
  left: 27%;
}

.icon5 {
  position: absolute;
  top: 58%;
  left: 43%;
}

.icon6 {
  position: absolute;
  top: 75%;
  left: 10%;
}

.icon7 {
  position: absolute;
  top: 80%;
  right: 2%;
}

.mm-white {
  color: #f7f8fa;
}

.mm-black {
  color: #000000;
}

.mm-grey {
  color: #000000;
  opacity: 20%;
}

.mm-fsAdditional {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  font-family: "Avenir Demi";
}

.mm-margin6 {
  margin-top: 6px;
}

.mm-margin8 {
  margin-top: 8px;
}

.mm-margin12 {
  margin-top: 12px;
}

.mm-margin14 {
  margin-top: 14px;
}

.mm-margin16 {
  margin-top: 16px;
}

.mm-margin18 {
  margin-bottom: 18px;
}

.mm-margin24 {
  margin-top: 24px;
}

.mm-margin32 {
  margin-top: 32px;
}

.mm-margin48 {
  margin-top: 48px;
}

.mm-ng-container {
  margin: 0px auto;
  max-width: 1340px;
  width: 100%;
  padding: 0 15px;
}

.ng-ct-mainCon {
  display: flex;
  padding: 80px 0px 0px 0px;
  justify-content: space-between;
  gap: 24px;
}

.ng-ct-leftCon {
  display: flex;
}

.ng-ct-leftImg {
  max-width: 100%;
}

.ng-ct-leftImgMob {
  display: none;
  max-width: 100%;
}

.ng-ct-rightCon {
  display: flex;
  flex-direction: column;
}

.ng-ct-topCardCon,
.ng-ct-botCardCon {
  display: flex;
  gap: 31px;
}

.ng-ct-cardCon {
  display: flex;
  flex-direction: column;
  max-width: 360px;
}

.ng-ct-card {
  display: flex;
  flex-direction: column;
  background-color: #f5f5f7;
}

.ng-ct-cardInfo {
  padding: 0px 16px 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ng-ct-cradIco {
  max-width: 84px;
}

.ng-ct-link {
  text-decoration: none;
  cursor: pointer;
  color: #000000;
}

.ng-ct-cardConBot {
  display: flex;
  flex-direction: column;
  max-width: 360px;
}

.ng-ct-cardBot {
  display: flex;
  background-color: #f5f5f7;
  gap: 12px;
}

.ng-ct-botCardInfo {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 22px 0px 22px 0px;
}

.ng-pab-mainCon {
  padding: 120px 0px 120px 0px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}

.ng-pab-leftCon {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  max-width: 421px;
}

.ng-pab-leftText {
  display: flex;
  flex-direction: column;
  gap: 110px;
}

.ng-pab-leftBtn {
  padding: 16px 32px 16px 32px;
  border: none;
  background-color: #fbea36;
  transition: background-color 0.3s ease-in;
}

.ng-pab-leftBtn:hover {
  background-color: #000000;
}

.ng-pab-btnLink {
  display: flex;
  text-decoration: none;
  color: #272727;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  font-family: "MM-S";
  letter-spacing: -0.02em;
  text-transform: uppercase;
  transition: background-color 0.3s ease-in;
  background-color: #fbea36;
  padding: 16px 32px 16px 32px;
  margin-top: 24px;
}

.ng-pab-btnLink:hover {
  background-color: #000000;
}

.ng-pab-topCon {
  background-image: url("/tpl/include/aktsii/konkurs-man-made-i-welovegames/img/bg3.png");
  background-color: #000000;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 16px 399px 188px 16px;
}

.ng-pab-textCon {
  max-width: 340px;
}

.ng-pab-botCon {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}

.ng-pab-leftBotCon {
  background-image: url("/tpl/include/aktsii/konkurs-man-made-i-welovegames/img/bg4.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000000;
  padding: 16px 67px 160px 16px;
}

.ng-pab-leftTextCon {
  max-width: 282px;
}

.ng-pab-rightCon {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.ng-pab-rightBotCon {
  background-image: url("/tpl/include/aktsii/konkurs-man-made-i-welovegames/img/bg5.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000000;
  padding: 16px 120px 178px 16px;
}

.ng-pab-rightTextCon {
  max-width: 230px;
}

.ng-xpg-mainCon {
  display: flex;
  gap: 136px;
}

.ng-xpg-leftCon {
  display: flex;
}

.ng-xpg-leftImg {
  max-width: 100%;
}

.ng-xpg-rightCon {
  padding: 64px 0px 0px 0px;
  max-width: 775px;
}

.ng-xpg-rightText {
  max-width: 421px;
}

@media (max-width: 1375px) {
  .ng-ooc-mainCon {
    flex-direction: column;
    gap: 36px;
    background-image: url("/tpl/include/aktsii/konkurs-man-made-i-welovegames/img/bg2v2.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0px 64px 78px 64px;
  }

  .ng-ooc-leftCon {
    background: none;
    padding: 36px 0px 0px 0px;
  }

  .ng-ooc-rightCon {
    padding: 0px 0px 0px 0px;
    max-width: 100%;
    gap: 135px;
  }

  .ng-ooc-textCon {
    max-width: 100%;
  }
}

@media (max-width: 1235px) {
  .ng-ct-mainCon {
    flex-direction: column;
  }

  .ng-ct-cardCon,
  .ng-ct-cardConBot {
    max-width: 100%;
    width: 100%;
  }

  .ng-pab-mainCon {
    flex-direction: column;
  }

  .ng-pab-leftText {
    gap: 32px;
  }

  .ng-pab-leftCon,
  .ng-pab-textCon {
    max-width: 100%;
  }

  .ng-pab-botCon {
    justify-content: left;
  }

  .ng-mpc-contentCon {
    flex-direction: column;
    gap: 44px;
  }

  .ng-mpc-rightCon {
    order: 2;
    gap: 109px;
  }

  .ng-mpc-centralCon {
    order: 3;
  }

  .ng-mpc-cardImg {
    max-width: 100%;
  }

  .ng-ct-leftImg {
    display: none;
  }

  .ng-ct-leftImgMob {
    display: block;
  }
}

@media (max-width: 1037px) {
  .ng-ct-topCardCon,
  .ng-ct-botCardCon {
    flex-direction: column;
  }
}

@media (max-width: 1000px) {
  .ng-pab-mainCon {
    padding: 84px 0px 84px 0px;
  }

  .ng-cbm-mainCon {
    background-position: center;
    padding: 276px 16px 16px 16px;
  }

  .ng-ooc-mainCon {
    padding: 0px 16px 16px 16px;
  }

  .ng-xpg-mainCon {
    flex-direction: column;
    gap: 0;
  }

  .ng-xpg-rightCon {
    order: 1;
  }

  .ng-xpg-leftCon {
    order: 2;
  }

  .ng-xpg-rightText {
    max-width: 100%;
  }
}

@media (max-width: 900px) {
  .ng-mpc-rightCon {
    gap: 42px;
  }
}

@media (max-width: 800px) {
  .ng-ooc-mainCon {
    background-size: cover;
  }

  .ng-ooc-rightCon {
    flex-direction: column;
    gap: 36px;
  }

  .ng-pab-botCon {
    justify-content: space-between;
  }

  .ng-pab-topCon {
    padding: 16px 16px 108px 22px;
  }

  .ng-pab-leftBotCon {
    padding: 16px 16px 148px 22px;
  }

  .ng-pab-rightBotCon {
    padding: 16px 16px 170px 22px;
  }

  .ng-mpc-rightCon {
    flex-direction: column;
    position: relative;
  }

  .ng-mpc-imgCon {
    max-width: 387px;
  }

  .ng-fadeIn {
    position: absolute;
    z-index: 1;
    max-width: 387px;
  }
}

@media (max-width: 600px) {
  .ng-pab-botCon {
    flex-direction: column;
  }
}

@media (max-width: 500px) {
  .ng-cbm-mainCon {
    background-position: right;
  }
}