.v2.yesNoPageGame {
  display: flex;
  flex-direction: row;
}
@media (max-width: 720px) {
  .v2.yesNoPageGame {
    flex-direction: column;
  }
}
.v2 .ob-rec-text {
  color: #757575 !important;
}
.v2 .resultsWrap {
  margin-top: 50px;
  margin-bottom: 30px;
}
.v2 .resultsWrap .item {
  gap: 30px;
}
.v2 .resultsWrap .item .imgWrap {
  width: 25%;
}
@media (max-width: 720px) {
  .v2 .resultsWrap .item .imgWrap {
    width: 100%;
  }
}
.v2 .resultsWrap .item img {
  max-width: 100%;
}
.v2 .resultsWrap .item .content {
  margin-left: 0;
  width: 50%;
}
@media (max-width: 720px) {
  .v2 .resultsWrap .item .content {
    margin-left: 0;
    width: 100%;
  }
}
.v2 .resultsWrap .item .rightRail {
  width: 25%;
}
.v2 .gameWrap .item {
  display: flex;
}
.v2 .flex {
  display: flex;
  flex-direction: row;
  gap: 30px;
  margin-top: 30px;
}
@media (max-width: 720px) {
  .v2 .flex {
    flex-direction: column;
  }
}
.v2 .flex .addedParagraph {
  margin-top: 0 !important;
}
@media (max-width: 720px) {
  .v2 .flex .addedParagraph {
    margin-top: 25px;
  }
}
.v2 .flex .OUTBRAIN {
  width: 100%;
}

:root {
  --mainColor: #FB8948;
}

::selection {
  background: var(--mainColor);
}

html {
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "Poppins", sans-serif;
}

.displayNone {
  display: none !important;
}

.card img {
  filter: drop-shadow(2px 1px 8px #DE8E73);
}

.text-center {
  text-align: center;
}

.layoutWrap {
  position: relative;
  background: #16191D;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.layoutWrap .innerWrap {
  max-width: 980px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 720px) {
  .layoutWrap .innerWrap {
    padding: 0 20px;
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .layoutWrap .innerWrap {
    max-width: 90%;
    padding: 0 20px;
  }
}
.layoutWrap .innerWrap .moon {
  z-index: 99;
}
@media (max-width: 720px) {
  .layoutWrap .innerWrap .moon {
    width: 100%;
  }
}
.layoutWrap .innerWrap.cardsSection {
  max-width: 968px;
}
.layoutWrap .innerWrap .imgWrap img {
  width: 100%;
}
.layoutWrap .innerWrap .content {
  color: #FFFFFF;
}
.layoutWrap .innerWrap .openingP p {
  font-weight: 600;
  color: #FFFFFF;
}
.layoutWrap .innerWrap .openingP.center {
  text-align: center;
}
.layoutWrap .innerWrap .addedParagraph {
  margin-top: 25px;
}
.layoutWrap .innerWrap .addedParagraph hr {
  border-radius: 5px;
  border: none;
  height: 1px;
  background-color: var(--mainColor);
  margin: 35px 0;
}
.layoutWrap .innerWrap p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  line-height: 35px;
  margin-top: 0;
}
.layoutWrap .btn {
  border-radius: 50px;
  font-family: "Poppins", sans-serif;
  justify-content: center;
  text-transform: capitalize;
}
.layoutWrap .hollowBtn {
  border: var(--mainColor) 1px solid;
  color: var(--mainColor);
  display: flex;
  align-items: center;
  min-width: 173px;
  text-align: center;
}
.layoutWrap .hollowBtn a {
  color: var(--mainColor);
  text-decoration: none;
}
.layoutWrap .hollowBtn:hover {
  background-color: #383431;
}
.layoutWrap .btnWrapper {
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 720px) {
  .layoutWrap .btnWrapper {
    height: 90px;
  }
}
.layoutWrap .btnWrapper .orangeBtn {
  left: 50%;
  transform: translate(-50%, 0);
  position: absolute;
  background-color: var(--mainColor);
  color: #000000;
  margin: 0 auto;
  transition: all 0.5s;
  font-size: 23px;
  padding: 5px 35px;
  text-transform: capitalize;
  filter: drop-shadow(2px 2px 15px rgba(251, 137, 72, 0.5));
}
.layoutWrap .btnWrapper .orangeBtn.disabled {
  background: rgba(251, 137, 72, 0.4);
  cursor: not-allowed;
}
.layoutWrap .btnWrapper .orangeBtn.disabled a {
  pointer-events: none;
}
.layoutWrap .btnWrapper .orangeBtn.disabled:hover, .layoutWrap .btnWrapper .orangeBtn.disabled:active {
  padding: 5px 35px;
  opacity: 1;
}
.layoutWrap .btnWrapper .orangeBtn a {
  text-decoration: none;
  color: #000000;
}
.layoutWrap .btnWrapper .orangeBtn:hover, .layoutWrap .btnWrapper .orangeBtn:active {
  padding: 9px 45px;
  opacity: 1;
}
.layoutWrap .readBtn {
  padding: 3px 10px;
  margin: 17px 0;
  border: 2px solid var(--mainColor);
  font-size: 18px;
  color: var(--mainColor);
  display: inline-block;
}
.layoutWrap .readBtn a {
  color: var(--mainColor);
  text-decoration: none;
}
.layoutWrap h1 {
  font-family: "Kaisei HarunoUmi", serif;
  color: var(--mainColor);
  text-align: center;
  font-size: 50px;
  text-transform: capitalize;
  line-height: 63px;
  max-width: 100%;
  margin: 40px auto 50px;
}
@media (max-width: 720px) {
  .layoutWrap h1 {
    font-size: 30px;
    line-height: 42px;
    margin: 0 auto 20px;
  }
}
.layoutWrap h1 span {
  color: #FFFFFF;
  font-weight: 400;
}
@media (max-width: 720px) {
  .layoutWrap.aboutPagesWrap h1 {
    margin: 40px auto 20px auto;
  }
}
.layoutWrap h2 {
  color: #FFFFFF;
  font-family: "Poppins", sans-serif;
  position: relative;
  font-size: 45px;
  margin-bottom: 47px;
  text-transform: capitalize;
}
@media (max-width: 720px) {
  .layoutWrap h2 {
    font-size: 30px;
    margin-bottom: 27px;
  }
}
.layoutWrap h2:after {
  content: "";
  width: 170px;
  height: 4px;
  bottom: -20px;
  left: 0;
  border-radius: 50px;
  position: absolute;
  background-color: var(--mainColor);
}
.layoutWrap .regular-ad {
  width: 728px;
  margin: 0 auto;
  text-align: center;
}
.layoutWrap .regular-ad.topAd {
  margin: 30px auto 0;
}
.layoutWrap .regular-ad.bottomAd {
  margin: 10px auto;
}
.layoutWrap .regular-ad.bottomAdButton {
  margin: 25px auto;
}
@media (max-width: 720px) {
  .layoutWrap .regular-ad {
    width: 300px;
  }
}
.layoutWrap .topAdDesktop,
.layoutWrap .inFeedAdDesktop,
.layoutWrap .videoAdDesktop,
.layoutWrap .dynamicAdDesktop {
  display: block;
}
@media (max-width: 720px) {
  .layoutWrap .topAdDesktop,
  .layoutWrap .inFeedAdDesktop,
  .layoutWrap .videoAdDesktop,
  .layoutWrap .dynamicAdDesktop {
    display: none;
  }
}
.layoutWrap .topAdMobile,
.layoutWrap .inFeedAdMobile,
.layoutWrap .dynamicAdMobile,
.layoutWrap .outbrainAdMobile {
  display: none;
}
@media (max-width: 720px) {
  .layoutWrap .topAdMobile,
  .layoutWrap .inFeedAdMobile,
  .layoutWrap .dynamicAdMobile,
  .layoutWrap .outbrainAdMobile {
    display: block;
  }
}
.layoutWrap .sidebarAd {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  max-width: 160px;
  align-self: center;
}
@media (max-width: 720px) {
  .layoutWrap .sidebarAd {
    display: none;
  }
}
.layoutWrap .stickyBottomAd {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #16191D;
  text-align: center;
  padding: 10px;
  margin-bottom: 0;
}
.layoutWrap .stickyBottomAd img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 720px) {
  .layoutWrap .stickyBottomAd {
    display: block;
  }
}

.homepage.layoutWrap .topPage {
  overflow: hidden;
  background-size: contain;
  background: url("/assets/images/stars-bg-hm.svg"), linear-gradient(180deg, rgb(22, 25, 29) 0%, rgb(7, 8, 9) 24%, rgb(0, 0, 0) 75%, rgb(22, 25, 29) 100%) no-repeat center 12px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin: 20px;
}
@media (max-width: 720px) {
  .homepage.layoutWrap .topPage {
    flex-direction: column;
    background: url("/assets/images/stars-bg-hm-m.svg"), linear-gradient(180deg, rgb(22, 25, 29) 0%, rgb(7, 8, 9) 24%, rgb(0, 0, 0) 75%, rgb(22, 25, 29) 100%) no-repeat center 17px;
  }
}
.homepage.layoutWrap .topPage .innerWrap {
  max-width: 968px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
.homepage.layoutWrap h2 {
  color: #FFFFFF;
  text-align: left;
  width: 100%;
}

.cardsPage.layoutWrap {
  position: relative;
  background: url("/assets/images/starsBgCardsPage.svg"), #16191D;
  background-size: contain;
  color: #FFFFFF;
}
.cardsPage.layoutWrap h1 {
  margin-top: 25px;
}
.cardsPage.layoutWrap .innerWrap {
  max-width: 1065px;
  margin: 0 auto;
}
@media (max-width: 720px) {
  .cardsPage.layoutWrap .innerWrap {
    padding: 0 20px;
    max-width: 100%;
  }
}
.cardsPage.layoutWrap .content hr {
  border-radius: 5px;
  border: none;
  height: 4px;
  background-color: var(--mainColor);
  margin: 35px 0;
}
.cardsPage.layoutWrap .content hr + p {
  font-size: 25px;
  line-height: 39px;
}
.cardsPage.layoutWrap .navWrap {
  max-width: 800px;
  margin: 50px auto;
}
.cardsPage.layoutWrap .cardsOrdered {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.cardsPage.layoutWrap .cardsOrdered img {
  width: 100%;
}
.cardsPage.layoutWrap .cardsOrdered .prev,
.cardsPage.layoutWrap .cardsOrdered .next {
  width: 182px;
}
@media (max-width: 720px) {
  .cardsPage.layoutWrap .cardsOrdered .prev,
  .cardsPage.layoutWrap .cardsOrdered .next {
    width: 75px;
  }
}
.cardsPage.layoutWrap .cardsOrdered .prev img,
.cardsPage.layoutWrap .cardsOrdered .next img {
  filter: brightness(50%);
}
.cardsPage.layoutWrap .cardsOrdered .current {
  width: 238px;
}
@media (max-width: 720px) {
  .cardsPage.layoutWrap .cardsOrdered .current {
    width: 138px;
  }
}
.cardsPage.layoutWrap .navBtnsWrap {
  position: relative;
  margin: 40px 0 20px;
  display: flex;
  justify-content: space-between;
}
.cardsPage.layoutWrap .navBtnsWrap a {
  color: var(--mainColor);
  font-size: 22px;
  text-transform: capitalize;
  text-decoration: none;
}
.cardsPage.layoutWrap .navBtnsWrap a:hover, .cardsPage.layoutWrap .navBtnsWrap a:active {
  text-decoration: underline;
}
.cardsPage.layoutWrap .navBtnsWrap .prevBtn {
  padding-left: 25px;
}
.cardsPage.layoutWrap .navBtnsWrap .prevBtn:before {
  content: url("/assets/images/chevron.svg");
  width: 16px;
  height: 26px;
  left: 0;
  top: 7px;
  position: absolute;
}
.cardsPage.layoutWrap .nextBtn {
  padding-right: 25px;
}
.cardsPage.layoutWrap .nextBtn:after {
  content: url("/assets/images/chevron.svg");
  width: 16px;
  height: 27px;
  right: 0;
  position: absolute;
  transform: rotate(180deg);
}

.genieWrap.layoutWrap .innerWrap {
  max-width: 900px;
}
.genieWrap.layoutWrap .game {
  padding: 30px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #000000;
  box-shadow: 2px 1px 8px #000000;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
}
.genieWrap.layoutWrap .game img {
  width: 294px;
}
@media (max-width: 720px) {
  .genieWrap.layoutWrap .game img {
    width: 140px;
  }
}
.genieWrap.layoutWrap .game .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #000000;
}
@media (max-width: 720px) {
  .genieWrap.layoutWrap .game .content {
    flex-direction: row-reverse;
  }
}
.genieWrap.layoutWrap .gameResultWrap img {
  margin: 10px 0 30px;
}

.soonPage.layoutWrap {
  background: url("/assets/images/stars-bg.png"), #16191D;
  background-size: cover;
  align-items: center;
}
.soonPage.layoutWrap .innerWrap {
  max-width: 968px;
}
@media (max-width: 720px) {
  .soonPage.layoutWrap .innerWrap {
    margin: 30px 0;
  }
}
.soonPage.layoutWrap h1 {
  font-size: 83px;
  line-height: inherit;
  margin: 0 0 30px;
  max-width: 100%;
}
@media (max-width: 720px) {
  .soonPage.layoutWrap h1 {
    font-size: 47px;
    padding: 0;
  }
}
.soonPage.layoutWrap p {
  font-weight: 100;
  color: #FFFFFF;
  text-align: center;
}
@media (max-width: 720px) {
  .soonPage.layoutWrap p {
    font-size: 18px;
  }
}
.soonPage.layoutWrap .btnWrapper {
  margin-top: 40px;
}

.layoutWrap,
.threeCardsPage.layoutWrap,
.yesNoPage.layoutWrap,
.tenCardsPage.layoutWrap,
.layoutWrap.cardOfTheDay,
.layoutWrap.tarotMemory {
  background-size: contain;
  background: #16191D url("/assets/images/starsBgCardsPage.svg") center 12px;
}
.layoutWrap .innerWrap,
.threeCardsPage.layoutWrap .innerWrap,
.yesNoPage.layoutWrap .innerWrap,
.tenCardsPage.layoutWrap .innerWrap,
.layoutWrap.cardOfTheDay .innerWrap,
.layoutWrap.tarotMemory .innerWrap {
  margin-bottom: 70px;
}
.layoutWrap .instruction,
.threeCardsPage.layoutWrap .instruction,
.yesNoPage.layoutWrap .instruction,
.tenCardsPage.layoutWrap .instruction,
.layoutWrap.cardOfTheDay .instruction,
.layoutWrap.tarotMemory .instruction {
  font-size: 35px;
  color: var(--mainColor);
  text-transform: capitalize;
  font-weight: lighter;
  text-align: center;
  margin-bottom: 20px;
  display: block;
}
@media (max-width: 720px) {
  .layoutWrap .instruction,
  .threeCardsPage.layoutWrap .instruction,
  .yesNoPage.layoutWrap .instruction,
  .tenCardsPage.layoutWrap .instruction,
  .layoutWrap.cardOfTheDay .instruction,
  .layoutWrap.tarotMemory .instruction {
    font-size: 20px;
  }
}
.layoutWrap .cardsWrap,
.threeCardsPage.layoutWrap .cardsWrap,
.yesNoPage.layoutWrap .cardsWrap,
.tenCardsPage.layoutWrap .cardsWrap,
.layoutWrap.cardOfTheDay .cardsWrap,
.layoutWrap.tarotMemory .cardsWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 630px;
  height: 328px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 720px) {
  .layoutWrap .cardsWrap,
  .threeCardsPage.layoutWrap .cardsWrap,
  .yesNoPage.layoutWrap .cardsWrap,
  .tenCardsPage.layoutWrap .cardsWrap,
  .layoutWrap.cardOfTheDay .cardsWrap,
  .layoutWrap.tarotMemory .cardsWrap {
    width: 290px;
    height: 155px;
  }
}
.layoutWrap .cardsWrap.dontClick .cardBack:hover,
.threeCardsPage.layoutWrap .cardsWrap.dontClick .cardBack:hover,
.yesNoPage.layoutWrap .cardsWrap.dontClick .cardBack:hover,
.tenCardsPage.layoutWrap .cardsWrap.dontClick .cardBack:hover,
.layoutWrap.cardOfTheDay .cardsWrap.dontClick .cardBack:hover,
.layoutWrap.tarotMemory .cardsWrap.dontClick .cardBack:hover {
  top: 0;
}
.layoutWrap .cardsWrap.animationStart .scene,
.threeCardsPage.layoutWrap .cardsWrap.animationStart .scene,
.yesNoPage.layoutWrap .cardsWrap.animationStart .scene,
.tenCardsPage.layoutWrap .cardsWrap.animationStart .scene,
.layoutWrap.cardOfTheDay .cardsWrap.animationStart .scene,
.layoutWrap.tarotMemory .cardsWrap.animationStart .scene {
  left: 240px !important;
  bottom: 31px !important;
  transform: rotate(0deg) !important;
  transition: opacity 0.3s linear, transform 0.3s linear, left 0.3s ease-out, bottom 0.3s ease-out !important;
}
@media (max-width: 720px) {
  .layoutWrap .cardsWrap.animationStart .scene,
  .threeCardsPage.layoutWrap .cardsWrap.animationStart .scene,
  .yesNoPage.layoutWrap .cardsWrap.animationStart .scene,
  .tenCardsPage.layoutWrap .cardsWrap.animationStart .scene,
  .layoutWrap.cardOfTheDay .cardsWrap.animationStart .scene,
  .layoutWrap.tarotMemory .cardsWrap.animationStart .scene {
    left: 112px !important;
    bottom: 15px !important;
  }
}
.layoutWrap .cardsWrap.animationStart .scene:not(:first-child) img,
.threeCardsPage.layoutWrap .cardsWrap.animationStart .scene:not(:first-child) img,
.yesNoPage.layoutWrap .cardsWrap.animationStart .scene:not(:first-child) img,
.tenCardsPage.layoutWrap .cardsWrap.animationStart .scene:not(:first-child) img,
.layoutWrap.cardOfTheDay .cardsWrap.animationStart .scene:not(:first-child) img,
.layoutWrap.tarotMemory .cardsWrap.animationStart .scene:not(:first-child) img {
  filter: drop-shadow(2px 1px 8px transparent) !important;
}
.layoutWrap .cardsResultWrap,
.threeCardsPage.layoutWrap .cardsResultWrap,
.yesNoPage.layoutWrap .cardsResultWrap,
.tenCardsPage.layoutWrap .cardsResultWrap,
.layoutWrap.cardOfTheDay .cardsResultWrap,
.layoutWrap.tarotMemory .cardsResultWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0 50px;
}
.layoutWrap .cardsResultWrap img,
.threeCardsPage.layoutWrap .cardsResultWrap img,
.yesNoPage.layoutWrap .cardsResultWrap img,
.tenCardsPage.layoutWrap .cardsResultWrap img,
.layoutWrap.cardOfTheDay .cardsResultWrap img,
.layoutWrap.tarotMemory .cardsResultWrap img {
  margin-right: 45px;
  width: 238px;
  max-width: 28%;
}
@media (max-width: 720px) {
  .layoutWrap .cardsResultWrap img,
  .threeCardsPage.layoutWrap .cardsResultWrap img,
  .yesNoPage.layoutWrap .cardsResultWrap img,
  .tenCardsPage.layoutWrap .cardsResultWrap img,
  .layoutWrap.cardOfTheDay .cardsResultWrap img,
  .layoutWrap.tarotMemory .cardsResultWrap img {
    margin-right: 32px;
    width: 84px;
  }
}
.layoutWrap .cardsResultWrap img:last-child,
.threeCardsPage.layoutWrap .cardsResultWrap img:last-child,
.yesNoPage.layoutWrap .cardsResultWrap img:last-child,
.tenCardsPage.layoutWrap .cardsResultWrap img:last-child,
.layoutWrap.cardOfTheDay .cardsResultWrap img:last-child,
.layoutWrap.tarotMemory .cardsResultWrap img:last-child {
  margin-right: 0;
}
.layoutWrap .resultsWrap,
.threeCardsPage.layoutWrap .resultsWrap,
.yesNoPage.layoutWrap .resultsWrap,
.tenCardsPage.layoutWrap .resultsWrap,
.layoutWrap.cardOfTheDay .resultsWrap,
.layoutWrap.tarotMemory .resultsWrap {
  margin-top: 50px;
}
.layoutWrap .resultsWrap .item,
.threeCardsPage.layoutWrap .resultsWrap .item,
.yesNoPage.layoutWrap .resultsWrap .item,
.tenCardsPage.layoutWrap .resultsWrap .item,
.layoutWrap.cardOfTheDay .resultsWrap .item,
.layoutWrap.tarotMemory .resultsWrap .item {
  display: flex;
  margin: 40px 0 15px;
  gap: 25px;
}
@media (max-width: 720px) {
  .layoutWrap .resultsWrap .item,
  .threeCardsPage.layoutWrap .resultsWrap .item,
  .yesNoPage.layoutWrap .resultsWrap .item,
  .tenCardsPage.layoutWrap .resultsWrap .item,
  .layoutWrap.cardOfTheDay .resultsWrap .item,
  .layoutWrap.tarotMemory .resultsWrap .item {
    flex-direction: column;
  }
}
@media (max-width: 720px) {
  .layoutWrap .resultsWrap .item .imgWrap,
  .threeCardsPage.layoutWrap .resultsWrap .item .imgWrap,
  .yesNoPage.layoutWrap .resultsWrap .item .imgWrap,
  .tenCardsPage.layoutWrap .resultsWrap .item .imgWrap,
  .layoutWrap.cardOfTheDay .resultsWrap .item .imgWrap,
  .layoutWrap.tarotMemory .resultsWrap .item .imgWrap {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }
}
.layoutWrap .resultsWrap .item img,
.threeCardsPage.layoutWrap .resultsWrap .item img,
.yesNoPage.layoutWrap .resultsWrap .item img,
.tenCardsPage.layoutWrap .resultsWrap .item img,
.layoutWrap.cardOfTheDay .resultsWrap .item img,
.layoutWrap.tarotMemory .resultsWrap .item img {
  width: 218px;
  max-width: 100%;
}
@media (max-width: 720px) {
  .layoutWrap .resultsWrap .item img,
  .threeCardsPage.layoutWrap .resultsWrap .item img,
  .yesNoPage.layoutWrap .resultsWrap .item img,
  .tenCardsPage.layoutWrap .resultsWrap .item img,
  .layoutWrap.cardOfTheDay .resultsWrap .item img,
  .layoutWrap.tarotMemory .resultsWrap .item img {
    width: 76px;
  }
}
.layoutWrap .resultsWrap .item .title,
.threeCardsPage.layoutWrap .resultsWrap .item .title,
.yesNoPage.layoutWrap .resultsWrap .item .title,
.tenCardsPage.layoutWrap .resultsWrap .item .title,
.layoutWrap.cardOfTheDay .resultsWrap .item .title,
.layoutWrap.tarotMemory .resultsWrap .item .title {
  font-size: 45px;
  font-weight: bold;
  color: var(--mainColor);
}
@media (max-width: 720px) {
  .layoutWrap .resultsWrap .item .title,
  .threeCardsPage.layoutWrap .resultsWrap .item .title,
  .yesNoPage.layoutWrap .resultsWrap .item .title,
  .tenCardsPage.layoutWrap .resultsWrap .item .title,
  .layoutWrap.cardOfTheDay .resultsWrap .item .title,
  .layoutWrap.tarotMemory .resultsWrap .item .title {
    font-size: 30px;
    margin-left: 26px;
  }
  .layoutWrap .resultsWrap .item .title.onlyMobile,
  .threeCardsPage.layoutWrap .resultsWrap .item .title.onlyMobile,
  .yesNoPage.layoutWrap .resultsWrap .item .title.onlyMobile,
  .tenCardsPage.layoutWrap .resultsWrap .item .title.onlyMobile,
  .layoutWrap.cardOfTheDay .resultsWrap .item .title.onlyMobile,
  .layoutWrap.tarotMemory .resultsWrap .item .title.onlyMobile {
    display: flex;
    flex-direction: column;
  }
}
.layoutWrap .resultsWrap .item .title span,
.threeCardsPage.layoutWrap .resultsWrap .item .title span,
.yesNoPage.layoutWrap .resultsWrap .item .title span,
.tenCardsPage.layoutWrap .resultsWrap .item .title span,
.layoutWrap.cardOfTheDay .resultsWrap .item .title span,
.layoutWrap.tarotMemory .resultsWrap .item .title span {
  font-size: 30px;
  font-weight: 100;
  position: relative;
}
@media (max-width: 720px) {
  .layoutWrap .resultsWrap .item .title span,
  .threeCardsPage.layoutWrap .resultsWrap .item .title span,
  .yesNoPage.layoutWrap .resultsWrap .item .title span,
  .tenCardsPage.layoutWrap .resultsWrap .item .title span,
  .layoutWrap.cardOfTheDay .resultsWrap .item .title span,
  .layoutWrap.tarotMemory .resultsWrap .item .title span {
    font-size: 20px;
    padding-top: 5px;
  }
  .layoutWrap .resultsWrap .item .title span:before,
  .threeCardsPage.layoutWrap .resultsWrap .item .title span:before,
  .yesNoPage.layoutWrap .resultsWrap .item .title span:before,
  .tenCardsPage.layoutWrap .resultsWrap .item .title span:before,
  .layoutWrap.cardOfTheDay .resultsWrap .item .title span:before,
  .layoutWrap.tarotMemory .resultsWrap .item .title span:before {
    content: "";
    width: 100%;
    height: 3px;
    top: 0;
    background-color: var(--mainColor);
    position: absolute;
  }
}
.layoutWrap .resultsWrap .item .content,
.threeCardsPage.layoutWrap .resultsWrap .item .content,
.yesNoPage.layoutWrap .resultsWrap .item .content,
.tenCardsPage.layoutWrap .resultsWrap .item .content,
.layoutWrap.cardOfTheDay .resultsWrap .item .content,
.layoutWrap.tarotMemory .resultsWrap .item .content {
  margin-left: 43px;
}
@media (max-width: 720px) {
  .layoutWrap .resultsWrap .item .content,
  .threeCardsPage.layoutWrap .resultsWrap .item .content,
  .yesNoPage.layoutWrap .resultsWrap .item .content,
  .tenCardsPage.layoutWrap .resultsWrap .item .content,
  .layoutWrap.cardOfTheDay .resultsWrap .item .content,
  .layoutWrap.tarotMemory .resultsWrap .item .content {
    margin-left: 0;
  }
}
.layoutWrap .resultsWrap .item .content p,
.threeCardsPage.layoutWrap .resultsWrap .item .content p,
.yesNoPage.layoutWrap .resultsWrap .item .content p,
.tenCardsPage.layoutWrap .resultsWrap .item .content p,
.layoutWrap.cardOfTheDay .resultsWrap .item .content p,
.layoutWrap.tarotMemory .resultsWrap .item .content p {
  color: #FFFFFF;
}
@media (max-width: 720px) {
  .layoutWrap .resultsWrap .item .content p,
  .threeCardsPage.layoutWrap .resultsWrap .item .content p,
  .yesNoPage.layoutWrap .resultsWrap .item .content p,
  .tenCardsPage.layoutWrap .resultsWrap .item .content p,
  .layoutWrap.cardOfTheDay .resultsWrap .item .content p,
  .layoutWrap.tarotMemory .resultsWrap .item .content p {
    width: 100%;
  }
}
.layoutWrap .resultsWrap .item .rightRail,
.threeCardsPage.layoutWrap .resultsWrap .item .rightRail,
.yesNoPage.layoutWrap .resultsWrap .item .rightRail,
.tenCardsPage.layoutWrap .resultsWrap .item .rightRail,
.layoutWrap.cardOfTheDay .resultsWrap .item .rightRail,
.layoutWrap.tarotMemory .resultsWrap .item .rightRail {
  width: 25%;
}
@media (max-width: 720px) {
  .layoutWrap .resultsWrap .item .rightRail,
  .threeCardsPage.layoutWrap .resultsWrap .item .rightRail,
  .yesNoPage.layoutWrap .resultsWrap .item .rightRail,
  .tenCardsPage.layoutWrap .resultsWrap .item .rightRail,
  .layoutWrap.cardOfTheDay .resultsWrap .item .rightRail,
  .layoutWrap.tarotMemory .resultsWrap .item .rightRail {
    width: 100%;
  }
}

.scene, .sceneYesNo, .sceneTenCards, .sceneSevenCards {
  flex-shrink: 0;
  width: 159px;
  height: 270px;
  perspective: 600px;
  position: absolute;
}
@media (max-width: 720px) {
  .scene, .sceneYesNo, .sceneTenCards, .sceneSevenCards {
    width: 70px;
    height: 120px;
  }
}
.scene.is-flipped, .sceneYesNo.is-flipped, .sceneTenCards.is-flipped, .sceneSevenCards.is-flipped {
  z-index: 99;
  animation: scale 0.5s ease-in 0.5s alternate both running;
}
.scene.is-flipped .frontCard, .sceneYesNo.is-flipped .frontCard, .sceneTenCards.is-flipped .frontCard, .sceneSevenCards.is-flipped .frontCard {
  animation: fly 1s ease-in 1s alternate both running;
}
@keyframes scale {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}
@keyframes fly {
  from {
    left: 0;
  }
  to {
    left: -1000px;
  }
}
.scene.cardWrap-0, .sceneYesNo.cardWrap-0, .sceneTenCards.cardWrap-0, .sceneSevenCards.cardWrap-0 {
  left: 0px;
  transform: rotate(-16deg);
}
@media (max-width: 720px) {
  .scene.cardWrap-0, .sceneYesNo.cardWrap-0, .sceneTenCards.cardWrap-0, .sceneSevenCards.cardWrap-0 {
    left: 0px;
  }
}
.scene.cardWrap-1, .sceneYesNo.cardWrap-1, .sceneTenCards.cardWrap-1, .sceneSevenCards.cardWrap-1 {
  left: 60px;
  transform: rotate(-12deg);
}
@media (max-width: 720px) {
  .scene.cardWrap-1, .sceneYesNo.cardWrap-1, .sceneTenCards.cardWrap-1, .sceneSevenCards.cardWrap-1 {
    left: 28px;
  }
}
.scene.cardWrap-2, .sceneYesNo.cardWrap-2, .sceneTenCards.cardWrap-2, .sceneSevenCards.cardWrap-2 {
  left: 120px;
  transform: rotate(-8deg);
}
@media (max-width: 720px) {
  .scene.cardWrap-2, .sceneYesNo.cardWrap-2, .sceneTenCards.cardWrap-2, .sceneSevenCards.cardWrap-2 {
    left: 56px;
  }
}
.scene.cardWrap-3, .sceneYesNo.cardWrap-3, .sceneTenCards.cardWrap-3, .sceneSevenCards.cardWrap-3 {
  left: 180px;
  transform: rotate(-4deg);
}
@media (max-width: 720px) {
  .scene.cardWrap-3, .sceneYesNo.cardWrap-3, .sceneTenCards.cardWrap-3, .sceneSevenCards.cardWrap-3 {
    left: 84px;
  }
}
.scene.cardWrap-4, .sceneYesNo.cardWrap-4, .sceneTenCards.cardWrap-4, .sceneSevenCards.cardWrap-4 {
  left: 240px;
  transform: rotate(0deg);
}
@media (max-width: 720px) {
  .scene.cardWrap-4, .sceneYesNo.cardWrap-4, .sceneTenCards.cardWrap-4, .sceneSevenCards.cardWrap-4 {
    left: 112px;
  }
}
.scene.cardWrap-5, .sceneYesNo.cardWrap-5, .sceneTenCards.cardWrap-5, .sceneSevenCards.cardWrap-5 {
  left: 300px;
  transform: rotate(4deg);
}
@media (max-width: 720px) {
  .scene.cardWrap-5, .sceneYesNo.cardWrap-5, .sceneTenCards.cardWrap-5, .sceneSevenCards.cardWrap-5 {
    left: 140px;
  }
}
.scene.cardWrap-6, .sceneYesNo.cardWrap-6, .sceneTenCards.cardWrap-6, .sceneSevenCards.cardWrap-6 {
  left: 360px;
  transform: rotate(8deg);
}
@media (max-width: 720px) {
  .scene.cardWrap-6, .sceneYesNo.cardWrap-6, .sceneTenCards.cardWrap-6, .sceneSevenCards.cardWrap-6 {
    left: 168px;
  }
}
.scene.cardWrap-7, .sceneYesNo.cardWrap-7, .sceneTenCards.cardWrap-7, .sceneSevenCards.cardWrap-7 {
  left: 420px;
  transform: rotate(12deg);
}
@media (max-width: 720px) {
  .scene.cardWrap-7, .sceneYesNo.cardWrap-7, .sceneTenCards.cardWrap-7, .sceneSevenCards.cardWrap-7 {
    left: 196px;
  }
}
.scene.cardWrap-8, .sceneYesNo.cardWrap-8, .sceneTenCards.cardWrap-8, .sceneSevenCards.cardWrap-8 {
  left: 480px;
  transform: rotate(16deg);
}
@media (max-width: 720px) {
  .scene.cardWrap-8, .sceneYesNo.cardWrap-8, .sceneTenCards.cardWrap-8, .sceneSevenCards.cardWrap-8 {
    left: 224px;
  }
}
.scene.cardWrap-0, .scene.cardWrap-8, .sceneYesNo.cardWrap-0, .sceneYesNo.cardWrap-8, .sceneTenCards.cardWrap-0, .sceneTenCards.cardWrap-8, .sceneSevenCards.cardWrap-0, .sceneSevenCards.cardWrap-8 {
  bottom: 0;
}
.scene.cardWrap-1, .scene.cardWrap-7, .sceneYesNo.cardWrap-1, .sceneYesNo.cardWrap-7, .sceneTenCards.cardWrap-1, .sceneTenCards.cardWrap-7, .sceneSevenCards.cardWrap-1, .sceneSevenCards.cardWrap-7 {
  bottom: 14px;
}
@media (max-width: 720px) {
  .scene.cardWrap-1, .scene.cardWrap-7, .sceneYesNo.cardWrap-1, .sceneYesNo.cardWrap-7, .sceneTenCards.cardWrap-1, .sceneTenCards.cardWrap-7, .sceneSevenCards.cardWrap-1, .sceneSevenCards.cardWrap-7 {
    bottom: 7px;
  }
}
.scene.cardWrap-2, .scene.cardWrap-6, .sceneYesNo.cardWrap-2, .sceneYesNo.cardWrap-6, .sceneTenCards.cardWrap-2, .sceneTenCards.cardWrap-6, .sceneSevenCards.cardWrap-2, .sceneSevenCards.cardWrap-6 {
  bottom: 24px;
}
@media (max-width: 720px) {
  .scene.cardWrap-2, .scene.cardWrap-6, .sceneYesNo.cardWrap-2, .sceneYesNo.cardWrap-6, .sceneTenCards.cardWrap-2, .sceneTenCards.cardWrap-6, .sceneSevenCards.cardWrap-2, .sceneSevenCards.cardWrap-6 {
    bottom: 11px;
  }
}
.scene.cardWrap-3, .scene.cardWrap-5, .sceneYesNo.cardWrap-3, .sceneYesNo.cardWrap-5, .sceneTenCards.cardWrap-3, .sceneTenCards.cardWrap-5, .sceneSevenCards.cardWrap-3, .sceneSevenCards.cardWrap-5 {
  bottom: 30px;
}
@media (max-width: 720px) {
  .scene.cardWrap-3, .scene.cardWrap-5, .sceneYesNo.cardWrap-3, .sceneYesNo.cardWrap-5, .sceneTenCards.cardWrap-3, .sceneTenCards.cardWrap-5, .sceneSevenCards.cardWrap-3, .sceneSevenCards.cardWrap-5 {
    bottom: 14px;
  }
}
.scene.cardWrap-4, .sceneYesNo.cardWrap-4, .sceneTenCards.cardWrap-4, .sceneSevenCards.cardWrap-4 {
  bottom: 31px;
}
@media (max-width: 720px) {
  .scene.cardWrap-4, .sceneYesNo.cardWrap-4, .sceneTenCards.cardWrap-4, .sceneSevenCards.cardWrap-4 {
    bottom: 15px;
  }
}

.card {
  position: relative;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transition: transform 1s;
  -webkit-transform-style: preserve-3d;
}
.card img {
  filter: drop-shadow(2px 2px 15px rgba(251, 137, 72, 0.5));
  -webkit-filter: drop-shadow(2px 2px 15px rgba(251, 137, 72, 0.5));
}

.cardFace {
  position: absolute;
  width: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.cardFront {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

.cardBack {
  position: absolute;
  top: 0;
  transition: 0.5s ease-in-out;
}
.cardBack:hover {
  top: -30px;
}

.is-flipped .card {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  z-index: 99;
  top: -15px;
}

.layoutWrap.tarotMemory .innerWrap,
.layoutWrap.threeCardsPage .innerWrap {
  margin-bottom: 10px;
}

.yesNoPage.layoutWrap .instruction {
  margin-top: 40px;
}
.yesNoPage.layoutWrap .resultsWrap .item {
  margin-top: 0;
}
.yesNoPage.layoutWrap .frontCard {
  animation: none !important;
}
.yesNoPage.layoutWrap .cardsWrap {
  margin: 40px auto 20px;
}
.yesNoPage.layoutWrap .content {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
.yesNoPage.layoutWrap .cardsResultWrap .cardFront {
  transform: none;
  position: inherit;
}

.tenCardsPage.layoutWrap .tenCardsWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 482px;
  height: 155px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 720px) {
  .tenCardsPage.layoutWrap .tenCardsWrap {
    width: 261px;
  }
}
.tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards {
  width: 70px;
  height: 120px;
  transform: none;
  top: unset;
  bottom: unset;
}
.tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-0 {
  left: 0px;
}
@media (max-width: 720px) {
  .tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-0 {
    left: 0px;
  }
}
.tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-1 {
  left: 32px;
}
@media (max-width: 720px) {
  .tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-1 {
    left: 15px;
  }
}
.tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-2 {
  left: 64px;
}
@media (max-width: 720px) {
  .tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-2 {
    left: 30px;
  }
}
.tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-3 {
  left: 96px;
}
@media (max-width: 720px) {
  .tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-3 {
    left: 45px;
  }
}
.tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-4 {
  left: 128px;
}
@media (max-width: 720px) {
  .tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-4 {
    left: 60px;
  }
}
.tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-5 {
  left: 160px;
}
@media (max-width: 720px) {
  .tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-5 {
    left: 75px;
  }
}
.tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-6 {
  left: 192px;
}
@media (max-width: 720px) {
  .tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-6 {
    left: 90px;
  }
}
.tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-7 {
  left: 224px;
}
@media (max-width: 720px) {
  .tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-7 {
    left: 105px;
  }
}
.tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-8 {
  left: 256px;
}
@media (max-width: 720px) {
  .tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-8 {
    left: 120px;
  }
}
.tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-9 {
  left: 288px;
}
@media (max-width: 720px) {
  .tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-9 {
    left: 135px;
  }
}
.tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-10 {
  left: 320px;
}
@media (max-width: 720px) {
  .tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-10 {
    left: 150px;
  }
}
.tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-11 {
  left: 352px;
}
@media (max-width: 720px) {
  .tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-11 {
    left: 165px;
  }
}
.tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-12 {
  left: 384px;
}
@media (max-width: 720px) {
  .tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-12 {
    left: 180px;
  }
}
.tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-13 {
  left: 416px;
}
@media (max-width: 720px) {
  .tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-13 {
    left: 195px;
  }
}
.tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-14 {
  left: 448px;
}
@media (max-width: 720px) {
  .tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.cardWrap-14 {
    left: 210px;
  }
}
.tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards .cardBack:hover {
  top: 0;
}
.tenCardsPage.layoutWrap .tenCardsWrap .sceneTenCards.doAnimate .cardBack {
  animation: clickedCard 1s;
  animation-direction: alternate;
  animation-timing-function: linear;
}
@keyframes clickedCard {
  0% {
    bottom: 0;
  }
  50% {
    top: -30px;
  }
  100% {
    top: 0;
  }
}
.tenCardsPage.layoutWrap .cardsPlaceHolders {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
}
.tenCardsPage.layoutWrap .cardsPlaceHolders .place {
  box-sizing: border-box;
}
.tenCardsPage.layoutWrap .cardsPlaceHolders .place img {
  width: calc(100% + 4px);
  position: relative;
  left: -2px;
  top: -2px;
}
.tenCardsPage.layoutWrap .cardsPlaceHolders .packetOne {
  display: grid;
  grid-template-columns: repeat(3, 61px);
  grid-template-rows: 105px 105px;
  grid-row-gap: 7px;
  grid-column-gap: 25px;
  width: 235px;
  height: 330px;
  position: relative;
}
.tenCardsPage.layoutWrap .cardsPlaceHolders .packetOne .place.card-1 {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: rotate(90deg);
}
.tenCardsPage.layoutWrap .cardsPlaceHolders .packetOne .place:nth-child(even), .tenCardsPage.layoutWrap .cardsPlaceHolders .packetOne .place:nth-child(5n) {
  border: 2px solid #FFFFFF;
  width: 61px;
  height: 105px;
  border-radius: 6px;
}
.tenCardsPage.layoutWrap .cardsPlaceHolders .packetTwo .place {
  border: 2px solid #FFFFFF;
  width: 61px;
  height: 105px;
  border-radius: 6px;
  margin-bottom: 10px;
}
.tenCardsPage.layoutWrap .pageCounter {
  color: #ffffff;
  font-size: 30px;
  text-align: center;
  margin: 30px auto;
  position: relative;
  width: 100%;
}
@media (max-width: 720px) {
  .tenCardsPage.layoutWrap .pageCounter {
    margin-top: 0;
  }
}
.tenCardsPage.layoutWrap .pageCounter .back {
  position: absolute;
  left: 0;
  top: 12px;
}
.tenCardsPage.layoutWrap .bulletsPag {
  display: flex;
  align-items: center;
  margin: 30px auto;
  gap: 7px;
}
.tenCardsPage.layoutWrap .bulletsPag li {
  border-radius: 50px;
  width: 8px;
  height: 8px;
  background-color: #fff;
}
.tenCardsPage.layoutWrap .bulletsPag li.current {
  background-color: var(--mainColor);
}
.tenCardsPage.layoutWrap .bulletsPag.moreAhead li:nth-last-child(2) {
  width: 6px;
  height: 6px;
}
.tenCardsPage.layoutWrap .bulletsPag.moreAhead li:last-child {
  width: 4px;
  height: 4px;
}
.tenCardsPage.layoutWrap .bulletsPag.moreBefore li:nth-child(2) {
  width: 6px;
  height: 6px;
}
.tenCardsPage.layoutWrap .bulletsPag.moreBefore li:first-child {
  width: 4px;
  height: 4px;
}
@media (max-width: 720px) {
  .tenCardsPage.layoutWrap .resultsWrap {
    margin-top: 0;
  }
}
.tenCardsPage.layoutWrap .resultsWrap .item {
  margin-top: 0;
}
.tenCardsPage.layoutWrap .resultsWrap .imgWrap {
  min-width: 160px;
}
.tenCardsPage.layoutWrap .btnWrapper {
  margin-bottom: 45px;
  flex-direction: column;
  height: auto;
}
.tenCardsPage.layoutWrap .btnWrapper .orangeBtn {
  position: inherit;
  transform: none;
}
.tenCardsPage.layoutWrap .btnWrapper .orangeBtn.black {
  margin-top: 30px;
  background-color: #0F1113;
  filter: none;
  box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
}
.tenCardsPage.layoutWrap .btnWrapper .orangeBtn.black a {
  color: #FB8948;
}

.sevenCardsPage.layoutWrap .sevenCardsWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 482px;
  height: 155px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap {
    width: 340px;
  }
}
@media (max-width: 415px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap {
    width: 280px;
  }
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards {
  position: absolute;
  transition: all 0.1s ease;
  width: 70px;
  height: 120px;
  transform: none;
  top: unset;
  bottom: unset;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-0 {
  left: 0px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-0 {
    left: 0px;
  }
}
@media (max-width: 415px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-0 {
    left: 0px;
  }
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-1 {
  left: 32px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-1 {
    left: 21px;
  }
}
@media (max-width: 415px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-1 {
    left: 16px;
  }
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-2 {
  left: 64px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-2 {
    left: 42px;
  }
}
@media (max-width: 415px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-2 {
    left: 32px;
  }
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-3 {
  left: 96px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-3 {
    left: 63px;
  }
}
@media (max-width: 415px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-3 {
    left: 48px;
  }
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-4 {
  left: 128px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-4 {
    left: 84px;
  }
}
@media (max-width: 415px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-4 {
    left: 64px;
  }
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-5 {
  left: 160px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-5 {
    left: 105px;
  }
}
@media (max-width: 415px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-5 {
    left: 80px;
  }
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-6 {
  left: 192px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-6 {
    left: 126px;
  }
}
@media (max-width: 415px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-6 {
    left: 96px;
  }
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-7 {
  left: 224px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-7 {
    left: 147px;
  }
}
@media (max-width: 415px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-7 {
    left: 112px;
  }
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-8 {
  left: 256px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-8 {
    left: 168px;
  }
}
@media (max-width: 415px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-8 {
    left: 128px;
  }
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-9 {
  left: 288px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-9 {
    left: 189px;
  }
}
@media (max-width: 415px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-9 {
    left: 144px;
  }
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-10 {
  left: 320px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-10 {
    left: 210px;
  }
}
@media (max-width: 415px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-10 {
    left: 160px;
  }
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-11 {
  left: 352px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-11 {
    left: 231px;
  }
}
@media (max-width: 415px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-11 {
    left: 176px;
  }
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-12 {
  left: 384px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-12 {
    left: 252px;
  }
}
@media (max-width: 415px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-12 {
    left: 192px;
  }
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-13 {
  left: 416px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-13 {
    left: 273px;
  }
}
@media (max-width: 415px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-13 {
    left: 208px;
  }
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-14 {
  left: 448px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-14 {
    left: 294px;
  }
}
@media (max-width: 415px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards.cardWrap-14 {
    left: 224px;
  }
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .sceneSevenCards .cardBack:hover {
  top: 0;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate {
  width: 212px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate {
    width: 209px;
  }
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate img {
  filter: none;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate .cardWrap-0 {
  left: 67px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate img {
  filter: none;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate .cardWrap-1 {
  left: 143px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate img {
  filter: none;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate .cardWrap-2 {
  left: 59px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate img {
  filter: none;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate .cardWrap-3 {
  left: 49px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate img {
  filter: none;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate .cardWrap-4 {
  left: 124px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate img {
  filter: none;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate .cardWrap-5 {
  left: 69px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate img {
  filter: none;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate .cardWrap-6 {
  left: 90px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate img {
  filter: none;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate .cardWrap-7 {
  left: 91px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate img {
  filter: none;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate .cardWrap-8 {
  left: 20px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate img {
  filter: none;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate .cardWrap-9 {
  left: 22px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate img {
  filter: none;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate .cardWrap-10 {
  left: 136px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate img {
  filter: none;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate .cardWrap-11 {
  left: 29px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate img {
  filter: none;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate .cardWrap-12 {
  left: 10px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate img {
  filter: none;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate .cardWrap-13 {
  left: 126px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate img {
  filter: none;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap.doAnimate .cardWrap-14 {
  left: 59px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .cardsPlaceHolders {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .cardsPlaceHolders .place {
  box-sizing: border-box;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .cardsPlaceHolders .place img {
  width: calc(100% + 4px);
  position: relative;
  left: -2px;
  top: -2px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .cardsPlaceHolders .packetOne {
  display: grid;
  grid-template-columns: repeat(3, 61px);
  grid-template-rows: 105px 105px;
  grid-row-gap: 7px;
  grid-column-gap: 25px;
  width: 235px;
  height: 330px;
  position: relative;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .cardsPlaceHolders .packetOne .place.card-1 {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: rotate(90deg);
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .cardsPlaceHolders .packetOne .place:nth-child(even), .sevenCardsPage.layoutWrap .sevenCardsWrap .cardsPlaceHolders .packetOne .place:nth-child(5n) {
  border: 2px solid #FFFFFF;
  width: 61px;
  height: 105px;
  border-radius: 6px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .cardsPlaceHolders .packetTwo .place {
  border: 2px solid #FFFFFF;
  width: 61px;
  height: 105px;
  border-radius: 6px;
  margin-bottom: 10px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .pageCounter {
  color: #ffffff;
  font-size: 30px;
  text-align: center;
  margin: 30px auto;
  position: relative;
  width: 100%;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .sevenCardsWrap .pageCounter {
    margin-top: 0;
  }
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .pageCounter .back {
  position: absolute;
  left: 0;
  top: 12px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .bulletsPag {
  display: flex;
  align-items: center;
  margin: 30px auto;
  gap: 7px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .bulletsPag li {
  border-radius: 50px;
  width: 8px;
  height: 8px;
  background-color: #fff;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .bulletsPag li.current {
  background-color: var(--mainColor);
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .bulletsPag.moreAhead li:nth-last-child(2) {
  width: 6px;
  height: 6px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .bulletsPag.moreAhead li:last-child {
  width: 4px;
  height: 4px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .bulletsPag.moreBefore li:nth-child(2) {
  width: 6px;
  height: 6px;
}
.sevenCardsPage.layoutWrap .sevenCardsWrap .bulletsPag.moreBefore li:first-child {
  width: 4px;
  height: 4px;
}
.sevenCardsPage.layoutWrap .resultsWrap.innerWrap {
  margin-bottom: 0;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .resultsWrap {
    margin-top: 0;
  }
}
.sevenCardsPage.layoutWrap .resultsWrap .item {
  margin-top: 0;
}
.sevenCardsPage.layoutWrap .resultsWrap .imgWrap {
  min-width: 160px;
}
.sevenCardsPage.layoutWrap .sevenCardsPlaceHolders {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 70px 0 40px;
}
.sevenCardsPage.layoutWrap .sevenCardsPlaceHolders > div {
  display: flex;
  flex-direction: row;
  gap: 13px;
}
.sevenCardsPage.layoutWrap .sevenCardsPlaceHolders > div.lineOne .place:nth-child(2) {
  margin-top: -53px;
}
.sevenCardsPage.layoutWrap .sevenCardsPlaceHolders > div.lineTwo {
  justify-content: space-between;
  width: 268px;
}
.sevenCardsPage.layoutWrap .sevenCardsPlaceHolders > div.lineThree {
  justify-content: space-between;
  width: 330px;
}
.sevenCardsPage.layoutWrap .sevenCardsPlaceHolders .place {
  border: 2px solid #FFFFFF;
  width: 61px;
  height: 105px;
  border-radius: 6px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Kaisei HarunoUmi", serif;
  font-size: 30px;
}
.sevenCardsPage.layoutWrap .sevenCardsPlaceHolders .place img {
  width: calc(100% + 4px);
  position: relative;
  border-radius: 5px;
}
.sevenCardsPage.layoutWrap .sevenCardsPlaceHolders.placed span {
  display: none;
}
.sevenCardsPage.layoutWrap .btnWrapper {
  flex-direction: column;
  height: auto;
  justify-content: center;
  margin-top: 20px;
}
.sevenCardsPage.layoutWrap .btnWrapper .withIcon {
  display: flex;
  align-items: center;
}
.sevenCardsPage.layoutWrap .btnWrapper .withIcon img {
  position: absolute;
  right: 20px;
}
.sevenCardsPage.layoutWrap .btnWrapper .orangeBtn {
  position: inherit;
  transform: none;
  box-sizing: border-box;
  text-align: center;
  min-width: 308px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .btnWrapper .orangeBtn {
    min-width: 90%;
    margin-bottom: 10px;
  }
}
.sevenCardsPage.layoutWrap .btnWrapper .orangeBtn.black {
  margin-top: 30px;
  background-color: #0F1113;
  filter: none;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.sevenCardsPage.layoutWrap .btnWrapper .orangeBtn.black a {
  color: #FB8948;
}
.sevenCardsPage.layoutWrap .cardsResult {
  position: relative;
}
.sevenCardsPage.layoutWrap .cardsResult .place {
  border: none;
}
.sevenCardsPage.layoutWrap .cardsResult .place .imgCover {
  width: 61px;
  height: 105px;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  border-radius: 6px;
  font-weight: 700;
  font-size: 30px;
}
.sevenCardsPage.layoutWrap .cardsResult .place .imgCover:after {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 101%;
  height: 102%;
  background-color: black;
  opacity: 0.5;
}
.sevenCardsPage.layoutWrap .cardsResult .place.selected {
  z-index: 99;
}
.sevenCardsPage.layoutWrap .cardsResult .place.selected .imgCover:after {
  display: none;
}
.sevenCardsPage.layoutWrap .cardsResult .place.selected.card-1 {
  animation: center-1 2s both;
  height: 105px;
  width: 61px;
}
@keyframes center-1 {
  to {
    transition: transform 2s ease 0s;
  }
}
@keyframes center-1 {
  to {
    transform: translate(78px, 130px) scale(1.9, 1.9);
  }
}
@keyframes center-2 {
  to {
    transform: translate(0px, 190px) scale(1.9, 1.9);
  }
}
@keyframes center-3 {
  to {
    transform: translate(-75px, 130px) scale(1.9, 1.9);
  }
}
@keyframes center-4 {
  to {
    transform: translate(114px, 10px) scale(1.9, 1.9);
  }
}
@keyframes center-5 {
  to {
    transform: translate(-112px, 18px) scale(1.9, 1.9);
  }
}
@keyframes center-6 {
  to {
    transform: translate(138px, -100px) scale(1.9, 1.9);
  }
}
@keyframes center-7 {
  to {
    transform: translate(-138px, -100px) scale(1.9, 1.9);
    transition: transform 2s ease 0s;
  }
}
.sevenCardsPage.layoutWrap .cardsResult .place.selected.card-2 {
  animation: center-2 2s both;
  height: 105px;
  width: 61px;
}
@keyframes center-2 {
  to {
    transition: transform 2s ease 0s;
  }
}
@keyframes center-1 {
  to {
    transform: translate(78px, 130px) scale(1.9, 1.9);
  }
}
@keyframes center-2 {
  to {
    transform: translate(0px, 190px) scale(1.9, 1.9);
  }
}
@keyframes center-3 {
  to {
    transform: translate(-75px, 130px) scale(1.9, 1.9);
  }
}
@keyframes center-4 {
  to {
    transform: translate(114px, 10px) scale(1.9, 1.9);
  }
}
@keyframes center-5 {
  to {
    transform: translate(-112px, 18px) scale(1.9, 1.9);
  }
}
@keyframes center-6 {
  to {
    transform: translate(138px, -100px) scale(1.9, 1.9);
  }
}
@keyframes center-7 {
  to {
    transform: translate(-138px, -100px) scale(1.9, 1.9);
    transition: transform 2s ease 0s;
  }
}
.sevenCardsPage.layoutWrap .cardsResult .place.selected.card-3 {
  animation: center-3 2s both;
  height: 105px;
  width: 61px;
}
@keyframes center-3 {
  to {
    transition: transform 2s ease 0s;
  }
}
@keyframes center-1 {
  to {
    transform: translate(78px, 130px) scale(1.9, 1.9);
  }
}
@keyframes center-2 {
  to {
    transform: translate(0px, 190px) scale(1.9, 1.9);
  }
}
@keyframes center-3 {
  to {
    transform: translate(-75px, 130px) scale(1.9, 1.9);
  }
}
@keyframes center-4 {
  to {
    transform: translate(114px, 10px) scale(1.9, 1.9);
  }
}
@keyframes center-5 {
  to {
    transform: translate(-112px, 18px) scale(1.9, 1.9);
  }
}
@keyframes center-6 {
  to {
    transform: translate(138px, -100px) scale(1.9, 1.9);
  }
}
@keyframes center-7 {
  to {
    transform: translate(-138px, -100px) scale(1.9, 1.9);
    transition: transform 2s ease 0s;
  }
}
.sevenCardsPage.layoutWrap .cardsResult .place.selected.card-4 {
  animation: center-4 2s both;
  height: 105px;
  width: 61px;
}
@keyframes center-4 {
  to {
    transition: transform 2s ease 0s;
  }
}
@keyframes center-1 {
  to {
    transform: translate(78px, 130px) scale(1.9, 1.9);
  }
}
@keyframes center-2 {
  to {
    transform: translate(0px, 190px) scale(1.9, 1.9);
  }
}
@keyframes center-3 {
  to {
    transform: translate(-75px, 130px) scale(1.9, 1.9);
  }
}
@keyframes center-4 {
  to {
    transform: translate(114px, 10px) scale(1.9, 1.9);
  }
}
@keyframes center-5 {
  to {
    transform: translate(-112px, 18px) scale(1.9, 1.9);
  }
}
@keyframes center-6 {
  to {
    transform: translate(138px, -100px) scale(1.9, 1.9);
  }
}
@keyframes center-7 {
  to {
    transform: translate(-138px, -100px) scale(1.9, 1.9);
    transition: transform 2s ease 0s;
  }
}
.sevenCardsPage.layoutWrap .cardsResult .place.selected.card-5 {
  animation: center-5 2s both;
  height: 105px;
  width: 61px;
}
@keyframes center-5 {
  to {
    transition: transform 2s ease 0s;
  }
}
@keyframes center-1 {
  to {
    transform: translate(78px, 130px) scale(1.9, 1.9);
  }
}
@keyframes center-2 {
  to {
    transform: translate(0px, 190px) scale(1.9, 1.9);
  }
}
@keyframes center-3 {
  to {
    transform: translate(-75px, 130px) scale(1.9, 1.9);
  }
}
@keyframes center-4 {
  to {
    transform: translate(114px, 10px) scale(1.9, 1.9);
  }
}
@keyframes center-5 {
  to {
    transform: translate(-112px, 18px) scale(1.9, 1.9);
  }
}
@keyframes center-6 {
  to {
    transform: translate(138px, -100px) scale(1.9, 1.9);
  }
}
@keyframes center-7 {
  to {
    transform: translate(-138px, -100px) scale(1.9, 1.9);
    transition: transform 2s ease 0s;
  }
}
.sevenCardsPage.layoutWrap .cardsResult .place.selected.card-6 {
  animation: center-6 2s both;
  height: 105px;
  width: 61px;
}
@keyframes center-6 {
  to {
    transition: transform 2s ease 0s;
  }
}
@keyframes center-1 {
  to {
    transform: translate(78px, 130px) scale(1.9, 1.9);
  }
}
@keyframes center-2 {
  to {
    transform: translate(0px, 190px) scale(1.9, 1.9);
  }
}
@keyframes center-3 {
  to {
    transform: translate(-75px, 130px) scale(1.9, 1.9);
  }
}
@keyframes center-4 {
  to {
    transform: translate(114px, 10px) scale(1.9, 1.9);
  }
}
@keyframes center-5 {
  to {
    transform: translate(-112px, 18px) scale(1.9, 1.9);
  }
}
@keyframes center-6 {
  to {
    transform: translate(138px, -100px) scale(1.9, 1.9);
  }
}
@keyframes center-7 {
  to {
    transform: translate(-138px, -100px) scale(1.9, 1.9);
    transition: transform 2s ease 0s;
  }
}
.sevenCardsPage.layoutWrap .cardsResult .place.selected.card-7 {
  animation: center-7 2s both;
  height: 105px;
  width: 61px;
}
@keyframes center-7 {
  to {
    transition: transform 2s ease 0s;
  }
}
@keyframes center-1 {
  to {
    transform: translate(78px, 130px) scale(1.9, 1.9);
  }
}
@keyframes center-2 {
  to {
    transform: translate(0px, 190px) scale(1.9, 1.9);
  }
}
@keyframes center-3 {
  to {
    transform: translate(-75px, 130px) scale(1.9, 1.9);
  }
}
@keyframes center-4 {
  to {
    transform: translate(114px, 10px) scale(1.9, 1.9);
  }
}
@keyframes center-5 {
  to {
    transform: translate(-112px, 18px) scale(1.9, 1.9);
  }
}
@keyframes center-6 {
  to {
    transform: translate(138px, -100px) scale(1.9, 1.9);
  }
}
@keyframes center-7 {
  to {
    transform: translate(-138px, -100px) scale(1.9, 1.9);
    transition: transform 2s ease 0s;
  }
}
.sevenCardsPage.layoutWrap .backStep {
  display: flex;
  flex-direction: row;
  gap: 34px;
  justify-content: flex-start;
  margin: 0 auto;
  max-width: 980px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .backStep {
    gap: 15px;
  }
}
.sevenCardsPage.layoutWrap .backStep a {
  color: #ffffff;
  font-size: 30px;
  text-decoration: none;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .backStep a {
    font-size: 20px;
  }
}
.sevenCardsPage.layoutWrap .backStep a:hover {
  opacity: 0.7;
}
.sevenCardsPage.layoutWrap .backStep img {
  width: 30px;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .backStep img {
    width: 20px;
  }
}
.sevenCardsPage.layoutWrap .onlyMobile .title {
  margin-left: 0;
  flex-direction: column;
  display: flex;
}
@media (max-width: 720px) {
  .sevenCardsPage.layoutWrap .onlyMobile .title {
    margin-bottom: 20px;
  }
}
.sevenCardsPage.layoutWrap .onlyMobile span {
  margin-top: 20px;
}
.sevenCardsPage.layoutWrap .onlyMobile span:before {
  top: -10px !important;
  width: 110px !important;
}
.sevenCardsPage.layoutWrap .desktopOnly .title {
  line-height: 40px;
}
.sevenCardsPage.layoutWrap .reshuffleBtn {
  display: none;
}

.allGamesPage.layoutWrap {
  background: url("/assets/images/starsBgCardsPage.svg"), #16191D;
  background-size: contain;
  background-position: center center;
}
.allGamesPage.layoutWrap .innerWrap {
  max-width: 968px;
}
.allGamesPage.layoutWrap .innerWrap h2 {
  margin-top: 0;
}
.allGamesPage.layoutWrap .gamesWrap .gameItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 80px;
  gap: 60px;
}
.allGamesPage.layoutWrap .gamesWrap .gameItem:last-child {
  margin-bottom: 80px;
}
.allGamesPage.layoutWrap .gamesWrap .gameItem .content {
  display: flex;
  flex-direction: column;
  width: 50%;
}
@media (max-width: 720px) {
  .allGamesPage.layoutWrap .gamesWrap .gameItem .content {
    width: 100%;
  }
}
.allGamesPage.layoutWrap .gamesWrap .gameItem .content .btnWrapper {
  justify-content: start;
}
.allGamesPage.layoutWrap .gamesWrap .gameItem .content .btnWrapper .orangeBtn {
  left: 0;
  transform: inherit;
}
.allGamesPage.layoutWrap .gamesWrap .gameItem .gameVisual {
  display: flex;
  width: 50%;
}
@media (max-width: 720px) {
  .allGamesPage.layoutWrap .gamesWrap .gameItem .gameVisual {
    display: none;
  }
}
.allGamesPage.layoutWrap .gamesWrap .gameItem .gameVisual.threeCards img {
  max-width: 32%;
}
.allGamesPage.layoutWrap .gamesWrap .gameItem .gameVisual.tenCards {
  flex-wrap: wrap;
}
.allGamesPage.layoutWrap .gamesWrap .gameItem .gameVisual.tenCards img {
  max-width: 20%;
}
.allGamesPage.layoutWrap .btnWrapper {
  position: relative;
}

.allCardsPage.layoutWrap {
  background: url("/assets/images/starsBgCardsPage.svg"), #16191D;
  background-size: contain;
}
.allCardsPage.layoutWrap .innerWrap {
  max-width: 975px;
  margin-bottom: 70px;
}
.allCardsPage.layoutWrap .allCardsWrap {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  gap: 35px;
}
@media (max-width: 720px) {
  .allCardsPage.layoutWrap .allCardsWrap {
    gap: 0;
    justify-content: center;
  }
  .allCardsPage.layoutWrap .allCardsWrap li {
    margin-right: 50px;
    margin-bottom: 30px;
  }
  .allCardsPage.layoutWrap .allCardsWrap li:nth-child(even), .allCardsPage.layoutWrap .allCardsWrap li:last-child {
    margin-right: 0;
  }
}
.allCardsPage.layoutWrap .allCardsWrap li a {
  width: 108px;
  color: #FFFFFF;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.allCardsPage.layoutWrap .allCardsWrap li a span {
  font-size: 17px;
  margin-top: 10px;
  text-align: center;
  height: 52px;
  display: block;
}
.allCardsPage.layoutWrap .allCardsWrap li img {
  width: 100%;
}

.aboutTarot.layoutWrap {
  background: url("/assets/images/starsBgCardsPage.svg"), #16191D;
  background-size: contain;
}
.aboutTarot.layoutWrap .articlesWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}
.aboutTarot.layoutWrap .articlesWrap .item {
  width: 44%;
  position: relative;
  margin-bottom: 50px;
}
@media (max-width: 720px) {
  .aboutTarot.layoutWrap .articlesWrap .item {
    width: 100%;
  }
}
.aboutTarot.layoutWrap .articlesWrap .item a {
  text-decoration: none;
}
.aboutTarot.layoutWrap .articlesWrap .item .img {
  position: relative;
  width: 100%;
  height: 188px;
}
.aboutTarot.layoutWrap .articlesWrap .item .img img {
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  left: 50%;
  transform: translate(-50%, 0%);
  object-fit: cover;
  max-height: 100%;
  max-width: 100%;
}
.aboutTarot.layoutWrap .articlesWrap .item:nth-last-child(2):after, .aboutTarot.layoutWrap .articlesWrap .item:last-child:after {
  display: none;
}
@media (max-width: 720px) {
  .aboutTarot.layoutWrap .articlesWrap .item:nth-last-child(2):after {
    display: block;
  }
}
.aboutTarot.layoutWrap .articlesWrap .item .title {
  color: #FFFFFF;
  font-size: 20px;
  margin-top: 20px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 60px;
}
@media (max-width: 720px) {
  .aboutTarot.layoutWrap .articlesWrap .item .title {
    font-size: 18px;
    line-height: 24px;
    margin-top: 15px;
    min-height: initial;
    text-overflow: initial;
    display: block;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
  }
}
.aboutTarot.layoutWrap .articlesWrap .item:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--mainColor);
}

.cardOfTheDay.layoutWrap .innerWrap {
  margin-bottom: 40px;
}
.cardOfTheDay.layoutWrap .innerWrap .content p {
  margin-bottom: 0;
}
.cardOfTheDay.layoutWrap .cardName {
  color: var(--mainColor);
  font-size: 45px;
  text-transform: capitalize;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
}
@media (max-width: 720px) {
  .cardOfTheDay.layoutWrap .cardName {
    font-size: 30px;
  }
}
.cardOfTheDay.layoutWrap .tabsContainer {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}
.cardOfTheDay.layoutWrap .tabs {
  display: inline-flex;
  background-color: #000000;
  border-radius: 50px;
  width: 450px;
  padding: 8px;
}
.cardOfTheDay.layoutWrap .tabs li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 0;
  width: 33%;
  cursor: pointer;
}
.cardOfTheDay.layoutWrap .tabs li a {
  font-size: 20px;
  color: var(--mainColor);
  text-decoration: none;
  text-transform: capitalize;
}
@media (max-width: 720px) {
  .cardOfTheDay.layoutWrap .tabs li a {
    font-size: 18px;
  }
}
.cardOfTheDay.layoutWrap .tabs li a:hover {
  opacity: 0.5;
}
.cardOfTheDay.layoutWrap .tabs li.selected {
  background-color: var(--mainColor);
  border-radius: 50px;
}
.cardOfTheDay.layoutWrap .tabs li.selected a {
  color: #000000;
}
.cardOfTheDay.layoutWrap .card {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cardOfTheDay.layoutWrap .card img {
  max-width: 217px;
}
.cardOfTheDay.layoutWrap .content h3 {
  color: var(--mainColor);
  font-size: 30px;
  font-weight: lighter;
}
@media (max-width: 720px) {
  .cardOfTheDay.layoutWrap .content h3 {
    font-size: 20px;
    line-height: 30px;
  }
}
.cardOfTheDay.layoutWrap .content h3 span {
  display: block;
  text-decoration: underline;
}

.aboutPagesWrap {
  color: #FFFFFF;
  background-image: none;
  font-family: "Poppins", sans-serif;
}
.aboutPagesWrap h1, .aboutPagesWrap h2 {
  font-family: "Poppins", sans-serif;
  font-size: 45px;
  font-weight: 400;
  color: var(--mainColor);
  margin-bottom: 15px;
  text-align: center;
}
.aboutPagesWrap h1:after, .aboutPagesWrap h2:after {
  display: none;
}
.aboutPagesWrap p {
  color: #FFFFFF;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 35px;
}
.aboutPagesWrap a {
  color: var(--mainColor);
  font-family: "Poppins", sans-serif;
  font-size: 18px;
}
.aboutPagesWrap a:hover {
  color: #ffb75e;
}
.aboutPagesWrap form {
  max-width: 435px;
  margin: 0 auto 30px;
}
.aboutPagesWrap form input:-webkit-autofill,
.aboutPagesWrap form input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}
.aboutPagesWrap form label {
  font-size: 18px;
  font-weight: 100;
  font-family: "Assistant", arial, serif;
}
.aboutPagesWrap form input {
  width: 100%;
  background-color: transparent !important;
  border: none;
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF;
  padding: 10px 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  margin-bottom: 30px;
}
.aboutPagesWrap form input:focus {
  border-color: var(--mainColor);
}
.aboutPagesWrap form textarea {
  width: 100%;
  border: none;
  background-color: transparent !important;
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF;
  padding: 10px 0;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  height: 100px;
}
.aboutPagesWrap form textarea:focus {
  border-color: var(--mainColor);
}
.aboutPagesWrap form .btnWrapper {
  margin-top: 30px;
}
.aboutPagesWrap form button {
  border: none;
}
.aboutPagesWrap form button[type=submit] {
  border-radius: 30px;
  background-color: var(--mainColor);
  color: #000000;
  margin: 0 auto;
  transition: all 0.5s;
  font-size: 23px;
  padding: 5px 35px;
  text-transform: capitalize;
  filter: drop-shadow(2px 2px 15px rgba(251, 137, 72, 0.5));
  font-family: "Poppins", sans-serif;
  align-items: center;
  display: flex;
}
.aboutPagesWrap .innerWrap .container .row h2 {
  color: var(--mainColor) !important;
}
.aboutPagesWrap .innerWrap .container .row p, .aboutPagesWrap .innerWrap .container .row li {
  color: #FFFFFF !important;
}

.cardsArticlesWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-top: 55px;
}
.cardsArticlesWrap .item {
  width: 47%;
  display: flex;
  position: relative;
  margin-bottom: 48px;
}
@media (max-width: 720px) {
  .cardsArticlesWrap .item {
    width: 100%;
  }
}
.cardsArticlesWrap .item:after {
  content: "";
  width: 100%;
  height: 1px;
  bottom: -10px;
  left: 0;
  border-radius: 50px;
  position: absolute;
  background-color: var(--mainColor);
}
@media (max-width: 720px) {
  .cardsArticlesWrap .item:nth-child(6):after {
    display: none;
  }
}
@media (min-width: 415px) {
  .cardsArticlesWrap .item:nth-child(5):after, .cardsArticlesWrap .item:nth-child(6):after {
    display: none;
  }
}
.cardsArticlesWrap .item .img {
  width: 108px;
  margin-right: 27px;
  flex-shrink: 0;
}
.cardsArticlesWrap .item .img img {
  width: 100%;
}
.cardsArticlesWrap .item .content {
  font-family: "Poppins", sans-serif;
  padding-top: 20px;
}
@media (max-width: 720px) {
  .cardsArticlesWrap .item .content {
    padding-top: 0;
  }
}
.cardsArticlesWrap .item .content .title {
  font-size: 20px;
  font-weight: 600;
}
.cardsArticlesWrap .item .content p {
  font-size: 18px;
  font-weight: 200;
  margin: 0;
  line-height: 29px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 720px) {
  .cardsArticlesWrap .item .content p {
    -webkit-line-clamp: 5;
    line-height: 26px;
  }
}

.fourOfour {
  background-image: url("/assets/images/stars-bg.png");
  background-size: contain;
}
.fourOfour .numbersCards {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
.fourOfour .numbersCards li {
  max-width: 33%;
}
.fourOfour .numbersCards li img {
  width: 100%;
}
.fourOfour .openingP {
  margin: 20px 0 50px;
  text-transform: capitalize;
}

#stars-group-1 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  opacity: 0;
  box-shadow: 2393px 53px #ffffff, 1155px 2012px #ffffff, 1965px 261px #ffffff, 1970px 27px #ffffff, 659px 1341px #ffffff, 919px 1548px #ffffff, 811px 1033px #ffffff, 161px 1231px #ffffff, 929px 1047px #ffffff, 2798px 74px #ffffff, 1966px 891px #ffffff, 1385px 66px #ffffff, 710px 2198px #ffffff, 2503px 2652px #ffffff, 449px 389px #ffffff, 156px 1469px #ffffff, 2531px 2815px #ffffff, 1091px 850px #ffffff, 1429px 163px #ffffff, 1294px 1260px #ffffff, 2422px 379px #ffffff, 1047px 2712px #ffffff, 1603px 2132px #ffffff, 2475px 657px #ffffff, 750px 1796px #ffffff, 2765px 1440px #ffffff, 1554px 1534px #ffffff, 1025px 589px #ffffff, 764px 589px #ffffff, 1155px 2898px #ffffff, 1478px 1983px #ffffff, 451px 1285px #ffffff, 2872px 1815px #ffffff, 1462px 1240px #ffffff, 1916px 2344px #ffffff, 2321px 1837px #ffffff, 1826px 1273px #ffffff, 1468px 1893px #ffffff, 2191px 177px #ffffff, 1107px 2558px #ffffff, 100px 2643px #ffffff, 2240px 1894px #ffffff, 825px 2646px #ffffff, 2812px 1526px #ffffff, 1996px 1773px #ffffff, 79px 1596px #ffffff, 1243px 1027px #ffffff, 2643px 2853px #ffffff, 14px 1215px #ffffff, 973px 464px #ffffff, 111px 1394px #ffffff, 1767px 15px #ffffff, 1417px 1696px #ffffff, 1093px 451px #ffffff, 657px 1849px #ffffff, 2661px 638px #ffffff, 2540px 2190px #ffffff, 532px 779px #ffffff, 493px 2522px #ffffff, 1568px 137px #ffffff, 1887px 2838px #ffffff, 2362px 1968px #ffffff, 2606px 2826px #ffffff, 2991px 2411px #ffffff, 782px 389px #ffffff, 920px 2358px #ffffff, 1251px 325px #ffffff, 1038px 1774px #ffffff, 469px 6px #ffffff, 2289px 1503px #ffffff, 147px 1663px #ffffff, 950px 2439px #ffffff, 1782px 1564px #ffffff, 1438px 267px #ffffff, 478px 1633px #ffffff, 2876px 2033px #ffffff, 85px 1571px #ffffff, 2213px 1993px #ffffff, 2599px 1598px #ffffff, 957px 2679px #ffffff, 2364px 2979px #ffffff, 2402px 562px #ffffff, 1000px 1906px #ffffff, 1068px 1881px #ffffff, 516px 538px #ffffff, 2016px 2049px #ffffff, 1503px 49px #ffffff, 1175px 2492px #ffffff, 7px 2298px #ffffff, 782px 2434px #ffffff, 2521px 2064px #ffffff, 2561px 2648px #ffffff, 2410px 295px #ffffff, 2067px 894px #ffffff, 1151px 270px #ffffff, 968px 2341px #ffffff, 1245px 40px #ffffff, 831px 1786px #ffffff, 1593px 2165px #ffffff, 2411px 638px #ffffff;
  animation-name: glowing-stars;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
  animation-delay: 0.5s;
}

#stars-group-6 {
  width: 2px;
  height: 2px;
  border-radius: 50%;
  opacity: 0;
  box-shadow: 596px 1883px #fff, 1295px 1782px #fff, 635px 2762px #fff, 815px 728px #fff, 1408px 362px #fff, 1139px 2773px #fff, 2493px 1815px #fff, 2701px 856px #fff, 844px 2979px #fff, 699px 1485px #fff, 1479px 649px #fff, 859px 488px #fff, 57px 2812px #fff, 2566px 2963px #fff, 2773px 2672px #fff, 2591px 2713px #fff, 423px 844px #fff, 2799px 88px #fff, 1890px 292px #fff, 1875px 1345px #fff, 716px 202px #fff, 2096px 440px #fff, 2509px 660px #fff, 2940px 2711px #fff, 2831px 2191px #fff, 2355px 1592px #fff, 665px 1718px #fff, 1262px 2357px #fff, 2734px 2940px #fff, 885px 225px #fff, 781px 639px #fff, 2003px 929px #fff, 265px 1749px #fff, 476px 1664px #fff, 91px 1036px #fff, 2678px 2117px #fff, 1251px 1756px #fff, 1274px 1264px #fff, 430px 2185px #fff, 1124px 1845px #fff, 1044px 2154px #fff, 1792px 1309px #fff, 2672px 2387px #fff, 2870px 1313px #fff, 2695px 2988px #fff, 2704px 922px #fff, 1612px 761px #fff, 152px 1411px #fff, 1626px 247px #fff, 888px 870px #fff, 1492px 1659px #fff, 402px 1097px #fff, 997px 735px #fff, 2082px 1531px #fff, 595px 2985px #fff, 665px 1570px #fff, 1951px 809px #fff, 2952px 1630px #fff, 1798px 1830px #fff, 708px 2936px #fff, 2538px 1503px #fff, 2404px 566px #fff, 709px 2877px #fff, 2764px 2108px #fff, 1617px 774px #fff, 1447px 1530px #fff, 668px 2661px #fff, 2124px 1005px #fff, 1761px 1118px #fff, 220px 2964px #fff, 2397px 910px #fff, 1250px 2498px #fff, 1290px 2465px #fff, 157px 2067px #fff, 1060px 413px #fff, 1582px 1867px #fff, 892px 592px #fff, 1618px 1793px #fff, 2938px 2962px #fff, 22px 502px #fff, 408px 1455px #fff, 248px 159px #fff, 1189px 835px #fff, 403px 2778px #fff, 951px 1029px #fff, 375px 1955px #fff, 2378px 414px #fff, 769px 824px #fff, 17px 82px #fff, 2717px 2891px #fff, 2399px 2735px #fff, 2000px 649px #fff, 1716px 2704px #fff, 2246px 1375px #fff, 1545px 16px #fff, 1483px 2599px #fff, 2901px 2891px #fff, 2758px 621px #fff, 2955px 2704px #fff, 522px 1575px #fff, 2996px 1496px #fff, 795px 2573px #fff, 747px 467px #fff, 2498px 1930px #fff, 60px 1179px #fff, 561px 1685px #fff, 2173px 127px #fff, 1068px 1753px #fff, 1103px 2782px #fff, 2184px 1119px #fff, 2353px 2674px #fff, 462px 662px #fff, 2223px 1608px #fff, 2503px 2904px #fff, 2522px 1600px #fff, 1228px 1127px #fff, 461px 2061px #fff, 2119px 1318px #fff, 84px 2555px #fff, 2561px 128px #fff, 1703px 1616px #fff, 1781px 1357px #fff, 871px 475px #fff, 709px 2250px #fff, 1450px 1471px #fff, 2895px 121px #fff, 2593px 1104px #fff, 2103px 2661px #fff, 2473px 1819px #fff, 660px 1633px #fff, 1495px 734px #fff, 262px 309px #fff, 2668px 394px #fff, 595px 78px #fff, 207px 727px #fff, 2734px 2727px #fff, 297px 1220px #fff, 52px 2180px #fff, 1980px 478px #fff, 1089px 2823px #fff, 1301px 2579px #fff, 2958px 2524px #fff, 2761px 1741px #fff, 2388px 359px #fff, 22px 2869px #fff, 1234px 1415px #fff, 2418px 668px #fff, 454px 51px #fff, 2190px 2035px #fff, 1816px 634px #fff, 1386px 928px #fff, 257px 702px #fff, 1410px 2573px #fff, 666px 1080px #fff, 1284px 1751px #fff, 1807px 581px #fff, 2709px 2438px #fff, 660px 1695px #fff, 78px 1773px #fff, 2321px 502px #fff, 983px 1220px #fff, 146px 2004px #fff, 311px 213px #fff, 692px 278px #fff, 651px 2531px #fff, 2519px 1906px #fff, 2261px 683px #fff, 2874px 620px #fff, 686px 467px #fff, 2984px 1077px #fff, 2981px 2031px #fff, 2178px 339px #fff, 2316px 2381px #fff, 2168px 2491px #fff, 2653px 2681px #fff, 1840px 1840px #fff, 285px 1833px #fff, 1941px 754px #fff, 2252px 2149px #fff, 598px 2604px #fff, 2977px 689px #fff, 2502px 1135px #fff, 1618px 362px #fff, 31px 169px #fff, 1133px 1121px #fff, 1344px 623px #fff, 1606px 1485px #fff, 1031px 1663px #fff, 1657px 2756px #fff, 2056px 205px #fff, 2751px 309px #fff, 1256px 114px #fff, 2271px 1892px #fff, 1400px 2455px #fff, 677px 1px #fff, 2981px 2765px #fff, 2058px 1678px #fff, 1127px 1046px #fff, 2124px 1339px #fff, 2681px 61px #fff, 222px 775px #fff, 2737px 183px #fff, 1367px 968px #fff, 2452px 2861px #fff, 2395px 2626px #fff, 364px 2452px #fff, 1716px 2784px #fff, 220px 741px #fff, 419px 1553px #fff, 2663px 832px #fff, 1853px 1910px #fff, 418px 2841px #fff, 237px 933px #fff, 1061px 764px #fff, 1694px 2025px #fff, 2305px 1506px #fff, 1953px 2594px #fff, 210px 1431px #fff, 28px 512px #fff, 2698px 2503px #fff, 2235px 417px #fff, 2718px 1809px #fff, 297px 2275px #fff, 2154px 2833px #fff, 1618px 424px #fff, 1400px 2050px #fff, 2275px 1235px #fff, 1931px 71px #fff, 70px 2446px #fff, 1717px 529px #fff, 1873px 2249px #fff, 2145px 1272px #fff, 662px 561px #fff, 2294px 756px #fff, 714px 553px #fff, 2824px 1686px #fff, 2699px 2288px #fff, 860px 1226px #fff, 2100px 1999px #fff, 352px 2661px #fff, 244px 942px #fff, 1988px 1233px #fff, 1554px 1655px #fff, 486px 585px #fff, 308px 203px #fff, 2999px 1020px #fff, 662px 1015px #fff, 263px 186px #fff, 196px 1242px #fff, 2927px 881px #fff, 1251px 2180px #fff, 705px 770px #fff, 1432px 1110px #fff, 347px 2824px #fff, 1653px 2158px #fff, 2903px 2475px #fff, 43px 1662px #fff, 2209px 2903px #fff, 1780px 1442px #fff, 2247px 2653px #fff, 2884px 2357px #fff, 112px 847px #fff, 161px 388px #fff, 800px 2083px #fff, 2470px 2087px #fff, 578px 845px #fff, 468px 392px #fff, 1704px 2393px #fff, 1725px 1366px #fff, 1734px 1135px #fff, 2967px 31px #fff, 348px 1080px #fff, 2714px 177px #fff, 973px 947px #fff, 298px 1590px #fff, 152px 1489px #fff, 2604px 91px #fff, 1934px 2510px #fff, 1379px 2118px #fff, 2597px 2712px #fff, 2322px 1684px #fff, 2911px 2237px #fff, 848px 871px #fff, 1850px 1870px #fff, 229px 2523px #fff, 2645px 1323px #fff, 1703px 2984px #fff, 983px 660px #fff, 1148px 18px #fff, 2190px 1075px #fff, 1722px 655px #fff, 728px 168px #fff, 971px 1822px #fff, 2256px 964px #fff, 241px 1938px #fff, 2635px 800px #fff, 1871px 2538px #fff, 1968px 1289px #fff, 2128px 2316px #fff, 2377px 2232px #fff;
  animation-name: glowing-stars;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
  animation-delay: 0s;
}

@keyframes glowing-stars {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
.allCardsPage .wz-ad-placement {
  margin: 35px 0 25px 0;
}
@media (max-width: 720px) {
  .allCardsPage .wz-ad-placement {
    margin: 35px 0 30px 0;
  }
}

.allCardsPage .allCardsWrap + .wz-ad-placement {
  margin: 0 0 25px 0;
}
@media (max-width: 720px) {
  .allCardsPage .allCardsWrap + .wz-ad-placement {
    margin: -10px 0px 30px 0px;
  }
}

.cardsPage .article-content .wz-ad-placement {
  margin-bottom: 35px;
}

@media (max-width: 720px) {
  .cardsPage .cardsOrdered + .wz-ad-placement {
    margin-bottom: 32px;
  }
}

.aboutTarot .articlesWrap + .wz-ad-placement {
  margin-top: -20px;
  margin-bottom: 40px;
}

.aboutTarot.aboutTarotSubPages .wz-ad-placement {
  margin: 30px auto;
}

.aboutTarot.aboutTarotSubPages .article-content .wz-ad-placement {
  margin-top: 25px;
  margin-bottom: 30px;
}
@media (max-width: 720px) {
  .aboutTarot.aboutTarotSubPages .article-content .wz-ad-placement {
    margin-top: 20px;
  }
}

.aboutTarot.aboutTarotSubPages .article-content img {
  max-width: 100%;
}
.aboutTarot.aboutTarotSubPages .article-content a {
  color: var(--mainColor);
}

.allGamesPage .gameItem + .wz-ad-placement {
  margin-top: 40px;
}
@media (max-width: 720px) {
  .allGamesPage .gameItem + .wz-ad-placement {
    margin-top: 10px;
  }
}

@media (max-width: 720px) {
  .layoutWrap.threeCardsPage .regular-ad.topAd, .layoutWrap.tenCardsPage .regular-ad.topAd {
    margin: 0 auto 40px auto;
  }
}

.layoutWrap.threeCardsPage.threeCardsPageResult .regular-ad {
  margin-top: 20px;
}

@media (max-width: 720px) {
  .layoutWrap.threeCardsPage.threeCardsPageResult .resultsWrap .item:first-child .regular-ad {
    margin-bottom: 35px;
  }
}

@media (max-width: 720px) {
  .layoutWrap.tenCardsPage.tenCardsPageResult .regular-ad.topAd {
    margin-top: -10px;
    margin-bottom: 35px;
  }
}

@media (max-width: 720px) {
  .layoutWrap.yesNoPage.yesNoPageResult .regular-ad.topAd {
    margin-top: 0;
  }
}

@media (max-width: 720px) {
  .layoutWrap.cardOfTheDay .card + .regular-ad.topAd {
    margin-bottom: 30px;
  }
}

@media (max-width: 720px) {
  .layoutWrap.cardOfTheDay .content .regular-ad.topAd {
    margin-bottom: 35px;
  }
}

.layoutWrap.gameQuizzesPage {
  background-size: calc(100% - 50px);
  background: #16191D url("/assets/images/starsGameQuizesBg.svg") no-repeat center 125px;
}
@media (max-width: 720px) {
  .layoutWrap.gameQuizzesPage {
    background-size: cover;
    background: #16191D url("/assets/images/starsGameQuizesBgSm.svg") no-repeat center 140px;
  }
}
.layoutWrap.gameQuizzesPage .pageWrap {
  padding-bottom: 60px;
}
@media (max-width: 720px) {
  .layoutWrap.gameQuizzesPage .pageWrap {
    padding-bottom: 50px;
  }
}
.layoutWrap.gameQuizzesPage .innerWrap {
  max-width: 968px;
}
@media (max-width: 720px) {
  .layoutWrap.gameQuizzesPage .innerWrap {
    max-width: 100%;
    padding: 0 30px;
  }
}
.layoutWrap.gameQuizzesPage .innerWrap .content h2 {
  margin: 0 0 75px 0;
  line-height: 50px;
}
.layoutWrap.gameQuizzesPage .innerWrap .content h2::after {
  width: 175px;
  bottom: -40px;
}
@media (max-width: 720px) {
  .layoutWrap.gameQuizzesPage .innerWrap .content h2::after {
    width: 115px;
    bottom: -20px;
  }
}
@media (max-width: 720px) {
  .layoutWrap.gameQuizzesPage .innerWrap .content h2 {
    margin: 0 0 40px 0;
    line-height: 40px;
  }
}
.layoutWrap.gameQuizzesPage .innerWrap .content p {
  margin: 0 0 20px 0;
}
@media (max-width: 720px) {
  .layoutWrap.gameQuizzesPage .innerWrap .content p {
    margin: 0;
  }
}
.layoutWrap.gameQuizzesPage .innerWrap .instruction {
  font-size: 35px;
  color: var(--mainColor);
  text-transform: capitalize;
  font-weight: lighter;
  text-align: center;
  margin-bottom: 20px;
  display: block;
}
@media (max-width: 720px) {
  .layoutWrap.gameQuizzesPage .innerWrap .instruction {
    font-size: 20px;
  }
}
.layoutWrap .topHead {
  max-width: 1065px;
  margin: auto;
}
@media (max-width: 1200px) {
  .layoutWrap .topHead {
    max-width: 968px;
    padding: 0 20px;
  }
}
@media (max-width: 720px) {
  .layoutWrap .topHead {
    max-width: 100%;
    padding: 0 30px;
  }
}
.layoutWrap .topHead h1 {
  line-height: 60px;
  margin: 10px auto 40px;
}
@media (max-width: 720px) {
  .layoutWrap .topHead h1 {
    line-height: 42px;
    margin: 15px auto 15px;
  }
}
.layoutWrap .topHead p {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  font-family: "Poppins", sans-serif;
  margin: 0 auto 45px auto;
  text-align: justify;
}
.layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 100px;
}
.layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem:last-child {
  margin-bottom: 50px;
}
@media (max-width: 720px) {
  .layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem:last-child {
    margin-bottom: 15px;
  }
}
.layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem + .gameItem {
  margin-top: 70px;
}
@media (max-width: 720px) {
  .layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem + .gameItem {
    margin-top: 20px;
  }
}
@media (max-width: 720px) {
  .layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem {
    margin-top: 40px;
    gap: 0;
    display: block;
  }
}
.layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .content {
  display: flex;
  flex-direction: column;
  width: 50%;
}
@media (max-width: 720px) {
  .layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .content {
    width: 100%;
  }
}
.layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .content .btnWrapper {
  position: relative;
  justify-content: start;
}
.layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .content .btnWrapper .orangeBtn {
  left: 0;
  transform: inherit;
  font-weight: 500;
  font-size: 25px;
  padding: 1px 35px;
}
@media (max-width: 720px) {
  .layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .content .btnWrapper .orangeBtn {
    font-size: 22px;
    padding: 2px 20px;
  }
}
.layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .content .btnWrapper .orangeBtn:hover, .layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .content .btnWrapper .orangeBtn:active {
  padding: 9px 45px;
  opacity: 1;
}
@media (max-width: 720px) {
  .layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .content .btnWrapper .orangeBtn:hover, .layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .content .btnWrapper .orangeBtn:active {
    padding: 2px 20px;
  }
}
.layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .gameVisual {
  display: flex;
  width: 50%;
}
@media (max-width: 720px) {
  .layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .gameVisual {
    display: none;
  }
}
.layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .gameVisual.fourCards {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .gameVisual.fourCards img {
  max-width: 120px;
}
.layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .gameVisual.threeCards {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .gameVisual.threeCards img {
  max-width: 138px;
}
.layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .gameVisual .cardGuess {
  position: relative;
  margin: 0 12px;
}
.layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .gameVisual .cardGuess .icon {
  position: absolute;
  top: -10px;
  right: -2px;
}
.layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .gameVisual .cardGuess .cardGuessName {
  display: flex;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  background: #16191D;
  box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.8);
  border-radius: 6px;
  min-width: 130px;
  height: 46px;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  margin-top: 7px;
}
.layoutWrap.gameQuizzesPage .innerWrap .gamesWrap .gameItem .gameVisual .cardGuess .cardGuessName .text {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.article-img-credit-sentence {
  font-size: 16px;
  margin-bottom: 20px;
  color: #ffffff;
}
@media (max-width: 720px) {
  .article-img-credit-sentence {
    font-size: 14px;
  }
}

.allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem.threeCardsWrap p, .allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem.tenCardsWrap p {
  max-width: 400px;
}
@media (max-width: 720px) {
  .allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem.threeCardsWrap p, .allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem.tenCardsWrap p {
    max-width: 100%;
  }
}
.allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem.threeCardsWrap .gameVisual, .allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem.tenCardsWrap .gameVisual {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem.yesnotarotWrap p, .allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem.cardofthedayWrapper p {
  max-width: 342px;
}
@media (max-width: 720px) {
  .allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem.yesnotarotWrap p, .allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem.cardofthedayWrapper p {
    max-width: 100%;
  }
}
.allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem.cardsHorseshoeWrap p {
  width: 104%;
}
@media (max-width: 720px) {
  .allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem.cardsHorseshoeWrap p {
    width: 100%;
  }
}
.allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem.cardsHorseshoeWrap h2 {
  width: 300px;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem.cardsHorseshoeWrap h2 {
    width: 100%;
    white-space: initial;
  }
}
.allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem.tarotbirthcardWrap p {
  width: 120%;
}
@media (max-width: 720px) {
  .allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem.tarotbirthcardWrap p {
    width: 100%;
  }
}
.allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem.tarotbirthcardWrap h2 {
  width: 300px;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem.tarotbirthcardWrap h2 {
    width: 100%;
    white-space: initial;
  }
}
@media (max-width: 720px) {
  .allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameItem {
    margin-top: 30px;
  }
}
.allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameVisual.threeCards img {
  max-width: 35%;
  position: relative;
  left: 15px;
}
.allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameVisual.cardsHorseshoe {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameVisual.cardsHorseshoe img {
  max-width: 48%;
  position: relative;
  top: 25px;
}
.allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameVisual.tarotbirthcard {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.allGamesPage.layoutWrap .gamesWrap.gamesWrapUpdated .gameVisual.tarotbirthcard img {
  max-width: 69%;
  position: relative;
  top: 30px;
}

.layoutWrap .innerWrap p.mainText {
  width: 110%;
  text-align: justify;
  position: relative;
  left: -5%;
  line-height: 30px;
  font-weight: 600;
}
@media (max-width: 1100px) {
  .layoutWrap .innerWrap p.mainText {
    width: 100%;
    left: 0px;
  }
}

.allGamesPage .wz-ad-placement {
  margin-bottom: -40px;
}
@media (max-width: 720px) {
  .allGamesPage .wz-ad-placement {
    margin-bottom: 50px;
  }
}

.snippets-container {
  margin: 25px auto 0;
  max-width: 980px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 20px;
}
@media (max-width: 720px) {
  .snippets-container {
    max-width: 100%;
    width: 100%;
  }
}
.snippets-container .snippet {
  width: 100%;
  max-width: 350px;
  margin-bottom: 20px;
}
.snippets-container .snippet a {
  display: block;
}
.snippets-container .snippet a img {
  width: 100%;
  height: auto;
}

.articles-container {
  max-width: 980px;
  margin: 0 auto;
}
@media (max-width: 720px) {
  .articles-container {
    max-width: 100%;
    width: 100%;
  }
}
.articles-container h3 {
  color: rgb(255, 255, 255);
  font-family: Poppins, sans-serif;
  position: relative;
  font-size: 40px;
  margin-bottom: 47px;
  text-transform: capitalize;
}
@media (max-width: 720px) {
  .articles-container h3 {
    font-size: 30px;
    margin-bottom: 27px;
  }
}
.articles-container h3:after {
  content: "";
  width: 20%;
  height: 4px;
  bottom: -20px;
  left: 0;
  border-radius: 50px;
  position: absolute;
  background-color: var(--mainColor);
}
.articles-container .row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-around;
}
.articles-container .row .article {
  width: 100%;
  max-width: 370px;
  margin-bottom: 20px;
  position: relative;
  min-height: 375px;
}
@media (max-width: 720px) {
  .articles-container .row .article {
    min-height: 350px;
  }
}
.articles-container .row .article h4 {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: white;
  margin: 5px 0;
  min-height: 50px;
}
.articles-container .row .article img {
  width: 100%;
  height: auto;
  margin-top: 15px;
}
.articles-container .row .article .read-more {
  border-radius: 30px;
  border: 2px solid #FB8948;
  padding-block: 2px;
  padding-inline: 10px;
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  text-transform: capitalize;
  font-style: normal;
  color: #FB8948;
  position: absolute;
  left: 0;
  bottom: 30px;
}
.articles-container .row .article .read-more a {
  color: var(--mainColor);
  text-decoration: none;
}
.articles-container .row .article hr {
  border-radius: 5px;
  border: none;
  height: 1px;
  background-color: var(--mainColor);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.articles-container .row .article:last-child hr {
  display: none;
}

.container .row p, .container .row h2 {
  color: #fff;
}

.mt-3 {
  margin-top: 0.75rem;
}

/*# sourceMappingURL=style.css.map */