/* screen - index */
@font-face {
  font-family: universal;
  src: url(../fonts/Universal\ Serif.ttf);
}

@font-face {
  font-family: bebas;
  src: url(../fonts/BebasNeue-Regular.ttf);
}

@font-face {
  font-family: tiller;
  src: url(../fonts/TillerTest-Regular-BF65c2eac4ea33f.otf);
}

@font-face {
  font-family: tillerbold;
  src: url(../fonts/TillerTest-Bold-BF65c2eac415eb4.otf);
}


.index {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-width: 874px;
  overflow: hidden;
  position: relative;
}

.index .navigation {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--background);
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 8px 20%;
  position: fixed;
  width: 100%;
  z-index: 10000000;
  border-bottom: 1px solid #747474;
  box-shadow: 0px 3px 6px;
  max-width: 100%;
  align-items: center;
}

.index .logo-simplified {
  align-items: center;
  display: flex;
  gap: 6.51px;
  position: relative;
  width: 255px;
}

.index .logo-simple {
  height: 22.24px;
  position: relative;
  width: 15.73px;
}

.index .privacy-policy {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .alphadiv {
  max-height: 600px;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 40px;
  margin-inline-end: 40px;
  unicode-bidi: isolate;
}

.index .alpha {
  height: 600px;
  margin-left: 20%;
  position: relative;
  object-fit: cover; /* Ensures the image fits within the specified height */
  display: block;
}


.index .logosimpledesktop {
  color: var(--white);
  font-family: universal;
  font-size: 28px;
  font-weight: 100;
  letter-spacing: 2px;
  line-height: normal;
  margin-top: -0.54px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.form input {
  width:100%;
  height: 40px;
  border: none;
  border-radius: 8px;
  padding: 0px 20px;
}

.form-1 input {
  width:100%;
  height: 40px;
  border: none;
  border-radius: 8px;
  padding: 0px 20px;
}

.form-2 input {
  width:100%;
  height: 40px;
  border: none;
  border-radius: 8px;
  padding: 0px 20px;
}

.Buttonall
{
    font-size:  20px;
    font-family: bebas;
    position: relative;
    display: flex;
    text-decoration: none;
    align-items: center;
    color: #d6b541;
    text-transform: uppercase;
    font-weight: 200;
    border: 2px solid #d6b541;
    padding: 5px 15px;
    letter-spacing: 1px;
    border-radius: 4px;
    max-width: 1000px;
    background: none;
    transition-duration: 0.4s;
    display: flex;
    justify-content: space-between;
}

.Buttonall:hover
{
    font-size:  20px;
    font-family: bebas;
    position: relative;
    display: flex;
    text-decoration: none;
    color: #ffff;
    text-transform: uppercase;
    font-weight: 200;
    border: 2px solid #fff;
    padding: 5px 15px;
    letter-spacing: 1px;
    border-radius: 4px;
    max-width: 1000px;
    background: none;
    background-color: #b6a25d;
    transition-duration: 0.4s;
    display: flex;
    justify-content: space-between;
}

.index .button-1 {
  border: 2.68px solid;
  border-radius: 5.36px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10.73px;
  justify-content: flex-end;
  padding: 5.36px 16.09px 2.68px;
  position: relative;
}

.index .place {
  margin-top: -2.68px;
}

.index .x1st-part-wrapper {
  align-items: center;
  align-self: stretch;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.5)); /* Adjust shadow as needed */
}

.lp-mobile .x1st-part-wrapper-1 {
  align-items: center;
  align-self: stretch;
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 408px;
  position: relative;
  width: 100%;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.5));
}

.index .x1st-part {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/bg1.avif);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 534.98px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  margin-top: 50px;
  padding-top: 80px;
  padding-bottom: 150px;
  width: 100%;
  z-index: 1000;
  align-content: center;
  clip-path: polygon(100% 0, 100% 100%, 49% 86%, 0 100%, 0 0);
}

.index .group-45 {
  height: 283.98px;
  position: relative;
  width: 544.46px;
}

.index .overlap-group1 {
  height: 284px;
  position: relative;
  width: 544px;
}

.index .logo-png {
  background-image: url(../img/Fallen\ Avif\ Logo.avif);
  background-position: 65%;
  background-size: cover;
  height: 261px;
  left: 0;
  position: absolute;
  top: 0;
  width: 594px;
  align-self: center;
  align-items: center;
  justify-content: center;
  align-items: center;
 
}

.index .kickstarter {
  align-items: flex-start;
  display: flex;
  height: 101px;
  justify-content: flex-end;
  left: 95px;
  min-width: 353px;
  position: absolute;
  top: 183px;
}

.index .overlap-group {
  height: 101px;
  margin-top: 0;
  position: relative;
  width: 353px;
}

.index .date-box {
  background-color: var(--caribbean-green);
  border: 1.51px solid;
  border-color: var(--white);
  border-radius: 6.03px;
  box-shadow: 3.01px 3.01px 6.03px #000000bf;
  height: 59px;
  left: 64px;
  position: absolute;
  top: 42px;
  width: 265px;
  justify-content:center;
  align-items:center;
}

.index .date {
  color: var(--white);
  font-family: var(--font-family-merriweather_sans);
  font-size: 28px;
  font-weight: 800;
  left: 38px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  justify-content:center;
  align-items:center;
  text-shadow: 0px 0px 14.82px #d6b541;
  top: 49px;
  width: 314px;
}

.index .kickstarter-logo {
  height: 99px;
  left: 0;
  position: absolute;
  top: 0;
  width: 98px;
}

.index .form {
  align-items: center;
  background-color: var(--white);
  border-radius: 8px;
  box-shadow: 0px 4px 4px #00000040;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 8px 12px;
  position: relative;
  width: 465px;
  box-shadow: 0px 0px 4px;
}

.index .e-mail {
  flex: 1;
  color: #454545;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
}

.index .button-2 {
  border: 2px solid;
  border-radius: 4px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 4px 12px 2px;
  position: relative;
}

.index .place-2 {
  margin-top: -2.00px;
  white-space: nowrap;
}

.index .polygon-1-1 {
  flex: 1;
  flex-grow: 1;
  margin-left: -388.00px;
  margin-right: -388.00px;
  object-fit: cover;
  position: relative;
  width: 1610px;
}

.index .x2nd-part {
  align-items: center;
  align-self: stretch;
  background-color: var(--background);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  padding: 40px 156px;
  position: relative;
  width: 100%;
}

.index .title {
  font-family: tillerbold;
  align-self: stretch;
  color: var(--white);
  font-weight: 100;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  letter-spacing: 1px;
  font-size: 2rem;
}

.index .a-tcg-for-fans-of-strategy-games {
  font-family: tiller;
  align-self: stretch;
  color: var(--white);
  font-weight: 500;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.index .overdescription {
  font-family: tiller;
  font-size: 24px;
  align-self: stretch;
  color: #a8a8a8;
  font-weight: 1000;
  line-height: 12px;
  position: relative;
  text-align: left;
}

.index .x3rd-part {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/Index\ bg2.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: flex-end;
  padding: 0px 20%;
  padding-left: 10%;
  position: relative;
  width: 100%;
  height: 600px;
  max-height: 600px;
}

.index .text-box-lp {
  -webkit-backdrop-filter: blur(10px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(10px) brightness(100%);
  background-color: var(--heavy-metal);
  display: flex;
  gap: 10px;
  height: 600px;
  justify-content: center;
  padding: 64px 48px;
  position: relative;
  width: 352px;
}

.index .a-game-of-strategy-1 {
  
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 40px;
  justify-content: center;
  margin-bottom: -1.53px;
  margin-top: -1.53px;
  position: relative;
}

.index .bigger-text-box {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 256px;
}

.index .paragraph-title {
  font-family: tillerbold;
  font-weight: 500;
  line-height: 48px;
  margin-top: -1.00px;
  text-align: left;
}

.index .paragraph {
  font-family: tiller;
  font-weight: 400;
  line-height: 24px;
  text-align: justify;
}

.index .button-3 {
  border: 2.68px solid;
  border-radius: 5.37px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10.74px;
  justify-content: center;
  padding: 5.37px 16.11px 2.68px;
  position: relative;
}

.index .x4th-part {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/Index\ bg3.webp);
  background-position: 50% 50%;
  background-size: cover;
  border-color: var(--background);
  border-top-style: solid;
  border-top-width: 16px;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 0px 20%;
  position: relative;
  width: 100%;
}

.index .text-box-lp-1 {
  gap: 10px;
  padding: 64px 48px;
  width: 352px;
}

.index .a-game-of-strategy {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 40px;
  position: relative;
}

.index .button {
  border: 2.66px solid;
  border-radius: 5.33px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10.65px;
  justify-content: center;
  padding: 5.33px 15.98px 2.66px;
  position: relative;
}

.index .place-1 {
  margin-top: -2.66px;
}

.index .x5th-part {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/Index\ bg4.webp);
  background-position: 50% 50%;
  background-size: cover;
  border-color: var(--background);
  border-top-style: solid;
  border-top-width: 16px;
  display: flex;
  flex: 0 0 auto;
  gap: 48px;
  justify-content: flex-end;
  padding-left: 20%;
  padding-right: 20%;
  padding-top: 15px;
  position: relative;
  width: 100%;
  height: 600px;
  max-height: 650px;
}

.index .text-box-lp-2 {
  gap: 48px;
  justify-content: center;
  padding: 64px 48px;
  width: 356px;
  height: 600px;
}

.index .x6th-part {
  align-items: center;
  align-self: stretch;
  background-color: var(--background);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  padding: 40px 60px;
  position: relative;
  width: 100%;
}

.index .want-to-know-more {
  font-family: tillerbold;
  align-self: stretch;
  color: var(--white);
  font-weight: 900;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .register-now-and-be {
  font-family: tiller;
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.index .x7th-part {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/7th-part-background.avif);
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: inset 0px 0px 8px 4px #00000080;
  display: flex;
  flex: 0 0 auto;
  gap: 93px;
  padding: 0px 0px 0px 20%;
  position: relative;
  width: 100%;
}

.index .frame-7 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 8.76px;
  padding: 70.05px 0px 32.84px;
  position: relative;
}

.index .warbanner-logo {
  height: 64.19px;
  margin-right: -110.54px;
  position: relative;
  width: 214.54px;
}

.index .overlap-group-1 {
  height: 64px;
  position: relative;
  width: 215px;
}

.index .warbanner {
  color: var(--shadows);
  font-family: var(--font-family-bebas_neue);
  font-size: 28.2px;
  font-weight: 400;
  left: 49px;
  letter-spacing: 4.23px;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-shadow: 0px 0.94px 2.35px #00000099;
  top: 15px;
  width: 166px;
}

.index .game-company {
  color: var(--shadows);
  font-family: var(--font-family-bebas_neue);
  font-size: 15.9px;
  font-weight: 400;
  left: 63px;
  letter-spacing: 2.38px;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-shadow: 0px 0.94px 2.35px #00000099;
  top: 44px;
  width: 139px;
}

.index .vector-252 {
  height: 120px;
  left: 0;
  position: absolute;
  top: 0;
  width: 150px;
  padding-bottom: 60px;
}

.index .frame-6 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  margin-right: -179.00px;
  position: relative;
}

.index .follow-us {
  font-family: tillerbold;
  align-self: stretch;
  color: var(--shadows);
  font-size: 26.3px;
  font-weight: 900;
  height: 52.54px;
  letter-spacing: 0;
  line-height: 43.8px;
  margin-top: -1.09px;
  position: relative;
}

.index .frame-5 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 26.27px;
  position: relative;
  width: 100%;
}

.index .frame-4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 8.76px;
  position: relative;
  width: 100%;
}

.index .frame-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 21.89px;
  position: relative;
}

.index .image-1 {
  width: 17.51px;
}

.index .image-129 {
  width: 19.7px;
}

.index .image-130 {
  width: 19.9px;
}

.index .frame-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 13.14px;
  position: relative;
  width: 253.95px;
}

.index .instagram {
  font-family: tiller;
  align-self: stretch;
  height: 26.27px;
  letter-spacing: 0;
  line-height: 26.3px;
  margin-top: -1.09px;
  position: relative;
  white-space: nowrap;
}

.index .frame-1-item {
  font-family: tiller;
  align-self: stretch;
  height: 26.27px;
  letter-spacing: 0;
  line-height: 26.3px;
  position: relative;
  white-space: nowrap;
}

.index .frame-3 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 13.14px;
  position: relative;
  width: 283px;
}

.index .want-to-give-feedbac {
  font-family: tiller;
  align-self: stretch;
  height: 52.54px;
  letter-spacing: 0;
  line-height: 26.3px;
  margin-top: -1.09px;
  position: relative;
}

.index .group-43 {
  height: 43.04px;
  position: relative;
  width: 143.46px;
}

.index .overlap-group-2 {
  border-radius: 5.74px;
  height: 43px;
  position: relative;
  width: 143px;
}

.index .button-4 {
  border: 2.87px solid;
  border-radius: 5.74px;
  display: flex;
  gap: 11.48px;
  height: 43px;
  justify-content: center;
  left: 0;
  padding: 5.74px 17.21px 2.87px 51.64px;
  position: absolute;
  top: 0;
  width: 143px;
}

.index .place-3 {
  margin-top: -3.15px;
}

.index .image-126-traced {
  height: 22px;
  left: 16px;
  position: absolute;
  top: 11px;
  width: 29px;
}

.index .jack_mtl_httpscdnmidjourney-1 {
  height: 542px;
  margin-right: -2.00px;
  position: relative;
  width: 520.67px;
}

.index .x8th-part {
  align-items: center;
  align-self: stretch;
  background-color: var(--overlay);
  display: flex;
  flex: 0 0 auto;
  gap: 66px;
  justify-content: center;
  padding: 20px 20%;
  position: relative;
  width: 100%;
  box-shadow: 0px 3px 6px;
  z-index: 1000;
}

.index .x8th-part-item {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .x2025-warbanner-comp {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .end {
  align-items: center;
  align-self: stretch;
  background: radial-gradient(50% 50% at 50% 50%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: url(../img/Indexbgend.avif);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 400px;
  justify-content: center;
  padding: 61px 60px;
  position: relative;
  width: 100%;
}

.index .logo-png-1 {
  background-image: url(../img/Fallen\ Avif\ Logo.avif);
  background-position: 50% 50%;
  background-size: cover;
  height: 278px;
  position: relative;
  width: 681.63px;
}

.index .button-5 {
  align-items: center;
  border-color: var(--highlights);
}

.index .image {
  height: 17.51px;
  object-fit: cover;
  position: relative;
}

.index .paragraph-1 {
  color: var(--white);
  position: relative;
  width: 256px;
}

.index .place-4 {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .text-box-lp-3 {
  -webkit-backdrop-filter: blur(10px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(10px) brightness(100%);
  background-color: var(--heavy-metal);
  display: flex;
  position: relative;
}
/* screen - lp-mobile */

.lp-mobile {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-width: 361px;
  position: relative;
}

.lp-mobile .overdescription {
  font-family: tiller;
  font-size: 18px;
  align-self: center;
  color: #a8a8a8;
  font-weight: 1000;
  line-height: 12px;
  position: relative;
  text-align: left;
  width: 90%;
  margin-top: 12px;
  }

.lp-mobile .navigation-mobile {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--background);
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 8px 2%;
  position: fixed;
  width: 100%;
  z-index: 10000000;
  border-bottom: 1px solid #747474;
  box-shadow: 0px 3px 6px;
  max-width: 100%;
  align-items: center;
}

.lp-mobile .frame-8 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  position: relative;
  width: 100%;
}

.lp-mobile .logo-simplified-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 5.53px;
  position: relative;
}

.lp-mobile .logo-simple-1 {
  height: 18.9px;
  position: relative;
  width: 13.37px;
}

.lp-mobile .clash-of-crowns-1 {
  color: var(--white);
  font-family: universal;
  font-size: 21.2px;
  font-weight: 100;
  letter-spacing: 2px;
  line-height: normal;
  margin-top: -0.46px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.lp-mobile .button-6 {
  border: 2px solid;
  border-radius: 4px;
  display: flex;
  gap: 8px;
  padding: 4px 12px 2px;
  position: relative;
  width: 72px;
}

.lp-mobile .place-5 {
  margin-left: -2.00px;
  margin-right: -2.00px;
  margin-top: -2.00px;
  white-space: nowrap;
}

.lp-mobile .x1st-part-mobile {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/bg1.avif);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 408px;
  padding: 24px 16px 0px;
  position: relative;
  width: 100%;
  margin-top: 40px;
  clip-path: polygon(100% 0, 100% 100%, 49% 86%, 0 100%, 0 0);
}

.lp-mobile .group-44 {
  height: 203px;
  margin-left: -1.00px;
  margin-right: -1.00px;
  position: relative;
  width: 331px;
}

.lp-mobile .overlap-group1-1 {
  height: 203px;
  position: relative;
}

.lp-mobile .logo-png-2 {
  height: 127px;
  left: 2px;
  position: absolute;
  top: 0;
  width: 328px;
}

.lp-mobile .kickstarter-1 {
  align-items: flex-end;
  display: flex;
  height: 95px;
  left: 0;
  min-width: 331px;
  position: absolute;
  top: 108px;
}

.lp-mobile .overlap-group-3 {
  height: 95px;
  margin-bottom: 0;
  position: relative;
  width: 331px;
}

.lp-mobile .date-box-1 {
  background-color: var(--caribbean-green);
  border: 1.24px solid;
  border-color: var(--white);
  border-radius: 4.97px;
  box-shadow: 2.49px 2.49px 4.97px #000000bf;
  height: 55px;
  left: 60px;
  position: absolute;
  justify-content:center;
  align-items:center;
  top: 40px;
  width: 248px;
}

.lp-mobile .date-1 {
  color: var(--white);
  font-family: var(--font-family-merriweather_sans);
  font-size: 28.6px;
  font-weight: 800;
  left: 36px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  justify-content:center;
  align-items:center;
  text-shadow: 0px 0px 12.23px #d6b541;
  top: 46px;
  width: 295px;
  margin-top: 5px;
}

.lp-mobile .kickstarter-logo-1 {
  height: 94px;
  left: 0;
  position: absolute;
  top: 0;
  width: 92px;
}

.lp-mobile .form-1 {
  align-items: center;
  align-self: center;
  background-color: var(--white);
  border-radius: 8px;
  box-shadow: 0px 4px 4px #00000040;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 8px 12px;
  position: relative;
  
}

.lp-mobile .e-mail-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
}

.lp-mobile .button-5 {
  border: 2px solid;
  border-radius: 4px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  padding: 4px 12px 2px;
  position: relative;
}

.lp-mobile .place-4 {
  margin-top: -2.00px;
  white-space: nowrap;
}

.lp-mobile .polygon-2-2 {
  height: 90px;
  margin-bottom: -19.00px;
  margin-left: -377.00px;
  margin-right: -377.00px;
  object-fit: cover;
  position: relative;
  width: 1083px;
}

.lp-mobile .x2nd-part-mobile {
  align-items: center;
  align-self: stretch;
  background-color: var(--background);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  padding: 24px 16px;
  position: relative;
  width: 100%;
}

.lp-mobile .apealing-title {
  font-family: tillerbold;
  color: var(--white);
  font-weight: 900;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 329px;
}

.lp-mobile .a-tcg-for-fans-of-strategy-games-1 {
  font-family: tiller;
  color: var(--white);
  font-weight: 700;
  line-height: 24px;
  position: relative;
  text-align: justify;
  text-align: center;
  width: 90%;
}

.lp-mobile .x3rd-part-mobile {
  align-items: center;
  align-self: stretch;
  background-color: var(--background);
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 491px;
  justify-content: center;
  padding: 40px 16px;
  position: relative;
  width: 100%;
}

.lp-mobile .box-mobile {
  background-color: var(--neutral);
  border-radius: 8px;
  height: 446px;
  margin-bottom: -17.50px;
  margin-top: -17.50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  box-shadow: 0px 0px 10px;
}

.lp-mobile .rectangle-465 {
  height: 151px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.lp-mobile .frame-1-1 {
  align-items: center;
  display: inline-flex;
  
  position: absolute;
  top: 163px;
}

.lp-mobile .bigger-text-box-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
  width: 90%;
}

.lp-mobile .paragraph-title-1 {
  font-family: tillerbold;
  color: var(--white);
  font-weight: 900;
  align-self: center;
  line-height: 40px;
  position: relative;
  text-align: left;
  width: 90%;
}

.lp-mobile .paragraph-1 {
  font-family: tiller;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  align-self: center;
  position: relative;
  text-align: justify;
  width: 90%;
}

.lp-mobile .x4th-part-mobile {
  align-items: center;
  align-self: stretch;
  background-color: var(--background);
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  justify-content: center;
  padding: 40px 16px;
  position: relative;
  width: 100%;
}

.lp-mobile .box-mobile-1 {
  height: 395px;
  margin-bottom: -20.50px;
  margin-top: -20.50px;
  box-shadow: 0px 0px 10px;
}

.lp-mobile .x5th-part-mobile {
  align-items: center;
  align-self: stretch;
  background-color: var(--background);
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  justify-content: center;
  padding: 40px 16px;
  position: relative;
  width: 100%;
}

.lp-mobile .box-mobile-2 {
  height: 395px;
  margin-bottom: -18.00px;
  margin-top: -18.00px;
  width: 100%;
  box-shadow: 0px 0px 10px;
}

.lp-mobile .x6th-part-mobile {
  align-items: center;
  align-self: stretch;
  background-color: var(--background);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  padding: 24px 16px;
  position: relative;
  width: 100%;
}

.lp-mobile .want-to-know-more-1 {
  font-family: tillerbold;
  align-self: stretch;
  color: var(--white);
  font-weight: 900;
  line-height: 33px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.lp-mobile .register-now-and-be-1 {
  font-family: tiller;
  align-self: stretch;
  color: var(--white);
  font-weight: 700;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.lp-mobile .button-7 {
  border: 2.66px solid;
  border-radius: 5.32px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10.63px;
  padding: 5.32px 15.95px 2.66px;
  position: relative;
}

.lp-mobile .place-6 {
  margin-top: -2.66px;
}

.lp-mobile .x7th-part-mobile {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/7th-part-background.avif);
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: inset 0px 4px 8px #000000bf;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 449px;
  justify-content: center;
  padding: 24px 16px;
  position: relative;
  width: 100%;
}

.lp-mobile .frame-7-1 {
  align-items: left;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  position: relative;
  width: 329px;
}

.lp-mobile .warbanner-logo-1 {
  align-self: left;
  height: 58.64px;
  position: relative;
  width: 196px;
  margin-bottom: 10px;
}

.lp-mobile .overlap-group-4 {
  height: 59px;
  position: relative;
}

.lp-mobile .warbanner-1 {
  color: var(--shadows);
  font-family: var(--font-family-bebas_neue);
  font-size: 25.8px;
  font-weight: 400;
  left: 45px;
  letter-spacing: 3.87px;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-shadow: 0px 0.86px 2.15px #00000099;
  top: 14px;
  width: 151px;
}

.lp-mobile .game-company-1 {
  color: var(--shadows);
  font-family: var(--font-family-bebas_neue);
  font-size: 14.5px;
  font-weight: 400;
  left: 58px;
  letter-spacing: 2.17px;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-shadow: 0px 0.86px 2.15px #00000099;
  top: 41px;
  width: 127px;
}

.lp-mobile .vector-252-1 {
  height: 120px;
  left: 0;
  position: absolute;
  top: 0;
  width: 140px;
  padding-bottom: 40px;
}

.lp-mobile .frame-6-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.lp-mobile .follow-us-1 {
  font-family: tillerbold;
  color: var(--shadows);
  font-weight: 900;
  height: 48px;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: 256px;
}

.lp-mobile .frame-5-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
}

.lp-mobile .frame-4-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
}

.lp-mobile .frame-2-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.lp-mobile .image-1-1 {
  height: 16px;
  object-fit: cover;
  position: relative;
  width: 16px;
}

.lp-mobile .image-129-1 {
  height: 16px;
  object-fit: cover;
  position: relative;
  width: 18px;
}

.lp-mobile .image-130-1 {
  height: 16px;
  object-fit: cover;
  position: relative;
  width: 18.18px;
}

.lp-mobile .frame-1-2 {
  align-items: flex-start;
  display: flex;
  position: relative;
  width: 232px;
}

.lp-mobile .instagram-1 {
  font-family: tiller;
  color: var(--shadows);
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  margin-right: -24.00px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: 256px;
}

.lp-mobile .frame-1-item-1 {
  font-family: tiller;
  color: var(--shadows);
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  margin-right: -24.00px;
  position: relative;
  white-space: nowrap;
  width: 256px;
}

.lp-mobile .frame-3-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.lp-mobile .want-to-give-feedbac-1 {
  font-family: tiller;
  color: var(--shadows);
  font-weight: 700;
  height: 48px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 256px;
}

.lp-mobile .group-43-1 {
  height: 30.33px;
  position: relative;
  width: 101.1px;
}

.lp-mobile .overlap-group-5 {
  border-radius: 4.04px;
  height: 30px;
  position: relative;
  width: 101px;
}

.lp-mobile .button-8 {
  border: 2.02px solid;
  border-radius: 4.04px;
  display: flex;
  gap: 8.09px;
  height: 30px;
  left: 0;
  padding: 4.04px 12.13px 2.02px 36.4px;
  position: absolute;
  top: 0;
  width: 101px;
}

.lp-mobile .place-7 {
  margin-top: -2.39px;
  white-space: nowrap;
}

.lp-mobile .image-126-traced-1 {
  height: 15px;
  left: 11px;
  position: absolute;
  top: 8px;
  width: 20px;
}

.lp-mobile .x8th-part-mobie {
  align-items: center;
  align-self: stretch;
  background-color: var(--overlay);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  padding: 14px 16px 24px;
  position: relative;
  width: 100%;
  box-shadow: 0px 3px 6px;
  z-index: 1000;
}

.lp-mobile .privacy-politics {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.lp-mobile .website-terms {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.lp-mobile .x2025-warbanner-comp-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: -3.50px;
  margin-right: -3.50px;
  position: relative;
  text-align: center;
  width: 336px;
}

.lp-mobile .end-mobile {
  align-items: center;
  align-self: stretch;
  background: radial-gradient(50% 50% at 50% 50%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: url(../img/Indexbgend.avif);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  padding: 14px 16px 24px;
  position: relative;
  width: 100%;
}

.lp-mobile .logo-png-3 {
  height: 123px;
  position: relative;
  width: 319px;
}

.lp-mobile .box-mobile-3 {
  background-color: var(--neutral);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  width: 100%;
  box-shadow: 0px 0px 10px;
}

.lp-mobile .button {
  align-items: center;
  border-color: var(--highlights);
  justify-content: center;
}

.lp-mobile .frame-1 {
  flex-direction: column;
  gap: 12px;
}

.lp-mobile .logo-png {
  background-image: url(../img/Fallen\ Avif\ Logo.avif);
  background-position: 50% 50%;
  background-size: cover;
}

.lp-mobile .place {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: fit-content;
}
/* screen - lp-tablet */

.lp-tablet {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-width: 726px;
  position: relative;
}

.lp-tablet .overdescription {
  font-family: tiller;
  font-size: 18px;
  align-self: stretch;
  color: #a8a8a8;
  font-weight: 1000;
  line-height: 12px;
  position: relative;
  text-align: left;
}

.lp-tablet .navigation-mobile-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--background);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 8px 20px;
  position: fixed;
  width: 100%;
  z-index: 10000000;
   border-bottom: 1px solid #747474;
   box-shadow: 0px 3px 6px;
}

.lp-tablet .frame-8-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
  width: 100%;
}

.lp-tablet .logo-simplified-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 5.53px;
  position: relative;
}

.lp-tablet .logo-simple-2 {
  height: 18.9px;
  position: relative;
  width: 13.37px;
}

.lp-tablet .clash-of-crowns-2 {
  color: var(--white);
  font-family: universal;
  font-size: 21.2px;
  font-weight: 100;
  letter-spacing: 2px;
  line-height: normal;
  margin-top: -0.46px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.lp-tablet .button-9 {
  border: 2px solid;
  border-radius: 4px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  padding: 4px 12px 2px;
  position: relative;
}

.lp-tablet .place-8 {
  margin-top: -2.00px;
  white-space: nowrap;
}

.lp-tablet .x1st-part-mobile-1 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/bg1.avif);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 408px;
  padding: 24px 111px 0px;
  position: relative;
  width: 100%;
  margin-top: 50px;
  clip-path: polygon(100% 0, 100% 100%, 49% 86%, 0 100%, 0 0);
}

.lp-tablet .group-44-1 {
  height: 203px;
  position: relative;
  width: 331px;
}

.lp-tablet .overlap-group1-2 {
  height: 203px;
  position: relative;
}

.lp-tablet .logo-png-4 {
  height: 127px;
  left: 2px;
  position: absolute;
  top: 0;
  width: 328px;
}

.lp-tablet .kickstarter-2 {
  align-items: flex-end;
  display: flex;
  height: 95px;
  left: 0;
  min-width: 331px;
  position: absolute;
  top: 108px;
}

.lp-tablet .overlap-group-6 {
  height: 95px;
  margin-bottom: 0;
  position: relative;
  width: 331px;
}

.lp-tablet .date-box-2 {
  background-color: var(--caribbean-green);
  border: 1.24px solid;
  border-color: var(--white);
  border-radius: 4.97px;
  box-shadow: 2.49px 2.49px 4.97px #000000bf;
  height: 55px;
  left: 60px;
  position: absolute;
  top: 40px;
  width: 248px;
  justify-content:center;
  align-items:center;
}

.lp-tablet .date-2 {
  color: var(--white);
  font-family: var(--font-family-merriweather_sans);
  font-size: 28.6px;
  font-weight: 800;
  left: 36px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  justify-content:center;
  align-items:center;
  text-shadow: 0px 0px 12.23px #d6b541;
  top: 46px;
  width: 295px;
}

.lp-tablet .kickstarter-logo-2 {
  height: 94px;
  left: 0;
  position: absolute;
  top: 0;
  width: 92px;
}

.lp-tablet .form-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border-radius: 8px;
  box-shadow: 0px 4px 4px #00000040;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 8px 12px;
  position: relative;
  width: 100%;
}

.lp-tablet .e-mail-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
}

.lp-tablet .polygon-2-1 {
  height: 89px;
  margin-bottom: -18.00px;
  margin-left: -290.00px;
  margin-right: -290.00px;
  object-fit: cover;
  position: relative;
  width: 1084px;
}

.lp-tablet .x2nd-part-mobile-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--background);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  padding: 32px 55px;
  position: relative;
  width: 100%;
}

.lp-tablet .apealing-title-1 {
  font-family: tillerbold;
  color: var(--white);
  font-weight: 900;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 329px;
}

.lp-tablet .a-tcg-for-fans-of-strategy-games-2 {
  font-family: tiller;
  color: var(--white);
  font-weight: 700;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 329px;
}

.lp-tablet .x-part-mobile {
  align-items: center;
  align-self: stretch;
  background-color: var(--background);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 24px 55px;
  position: relative;
  width: 100%;
}

.lp-tablet .box-mobile-3 {
  align-items: center;
  background-color: var(--neutral);
  border-radius: 8px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 616px;
  box-shadow: 0px 0px 10px;
}

.lp-tablet .frame-1-3 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  justify-content: center;
  padding: 0px 56px 24px;
  width: 100%;
}

.lp-tablet .bigger-text-box-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.lp-tablet .paragraph-title-2 {
  font-family: tillerbold;
  align-self: stretch;
  color: var(--white);
  font-weight: 900;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
  text-align: left;
  
}

.lp-tablet .paragraph-2 {
  font-family: tiller;
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  text-align: justify;
  font-size: 16px;
}

.lp-tablet .rectangle-465-2 {
  object-fit: cover;
}

.lp-tablet .x6th-part-mobile-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--background);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  padding: 32px 55px;
  position: relative;
  width: 100%;
}

.lp-tablet .want-to-know-more-2 {
  font-family: tillerbold;
  align-self: stretch;
  color: var(--white);
  font-weight: 900;
  line-height: 33px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.lp-tablet .register-now-and-be-2 {
  font-family: tiller;
  align-self: stretch;
  color: var(--white);
  font-weight: 700;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.lp-tablet .button-10 {
  border: 2.66px solid;
  border-radius: 5.32px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10.63px;
  padding: 5.32px 15.95px 2.66px;
  position: relative;
}

.lp-tablet .place-9 {
  margin-top: -2.66px;
}

.lp-tablet .x7th-part-mobile-1 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/7th-part-background.avif);
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: inset 0px 4px 8px #000000bf;
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
  padding: 0px 0px 0px 55px;
  position: relative;
  width: 100%;
}

.lp-tablet .frame-7-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  justify-content: center;
  position: relative;
}

.lp-tablet .warbanner-logo-2 {
  height: 58.64px;
  position: relative;
  width: 196px;
}

.lp-tablet .overlap-group-7 {
  height: 59px;
  position: relative;
}

.lp-tablet .warbanner-2 {
  color: var(--shadows);
  font-family: var(--font-family-bebas_neue);
  font-size: 25.8px;
  font-weight: 400;
  left: 45px;
  letter-spacing: 3.87px;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-shadow: 0px 0.86px 2.15px #00000099;
  top: 14px;
  width: 151px;
}

.lp-tablet .game-company-2 {
  color: var(--shadows);
  font-family: var(--font-family-bebas_neue);
  font-size: 14.5px;
  font-weight: 400;
  left: 58px;
  letter-spacing: 2.17px;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-shadow: 0px 0.86px 2.15px #00000099;
  top: 41px;
  width: 127px;
}

.lp-tablet .vector-252-2 {
  height: 120px;
  left: 0;
  position: absolute;
  top: 0;
  width: 140px;
  padding-bottom: 40px;
}

.lp-tablet .frame-6-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.lp-tablet .follow-us-2 {
  font-family: tillerbold;
  color: var(--shadows);
  font-weight: 900;
  height: 48px;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: 256px;
}

.lp-tablet .frame-5-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
}

.lp-tablet .frame-4-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
}

.lp-tablet .frame-2-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.lp-tablet .image-1-2 {
  height: 16px;
  object-fit: cover;
  position: relative;
  width: 16px;
}

.lp-tablet .image-129-2 {
  height: 16px;
  object-fit: cover;
  position: relative;
  width: 18px;
}

.lp-tablet .image-130-2 {
  height: 16px;
  object-fit: cover;
  position: relative;
  width: 18.18px;
}

.lp-tablet .frame-1-4 {
  align-items: flex-start;
  width: 232px;
}

.lp-tablet .instagram-2 {
  font-family: tiller;
  color: var(--shadows);
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  margin-right: -24.00px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: 256px;
}

.lp-tablet .frame-1-item-2 {
  font-family: tiller;
  color: var(--shadows);
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  margin-right: -24.00px;
  position: relative;
  white-space: nowrap;
  width: 256px;
}

.lp-tablet .frame-3-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.lp-tablet .want-to-give-feedbac-2 {
  color: var(--shadows);
  font-weight: 700;
  height: 48px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 256px;
}

.lp-tablet .group-43-2 {
  height: 30.33px;
  position: relative;
  width: 101.1px;
}

.lp-tablet .overlap-group-8 {
  border-radius: 4.04px;
  height: 30px;
  position: relative;
  width: 101px;
}

.lp-tablet .button-11 {
  border: 2.02px solid;
  border-radius: 4.04px;
  display: flex;
  gap: 8.09px;
  height: 30px;
  left: 0;
  padding: 4.04px 12.13px 2.02px 36.4px;
  position: absolute;
  top: 0;
  width: 101px;
}

.lp-tablet .place-10 {
  margin-top: -2.39px;
  white-space: nowrap;
}

.lp-tablet .image-126-traced-2 {
  height: 15px;
  left: 11px;
  position: absolute;
  top: 8px;
  width: 20px;
}

.lp-tablet .jack_mtl_httpscdnmidjourney-1-1 {
  height: 417.95px;
  position: relative;
  width: 400.8px;
}

.lp-tablet .x8th-part-mobie-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--overlay);
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
  justify-content: center;
  padding: 14px 55px 24px;
  position: relative;
  width: 100%;
  box-shadow: 0px 3px 6px;
  z-index: 1000;
}

.lp-tablet .x8th-part-mobie-item {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.lp-tablet .x2025-warbanner-comp-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 336px;
}

.lp-tablet .end-mobile-1 {
  align-items: center;
  align-self: stretch;
  background: radial-gradient(50% 50% at 50% 50%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: url(../img/Indexbgend.avif);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 12px;
  justify-content: center;
  padding: 14px 55px 24px;
  position: relative;
  width: 100%;
}

.lp-tablet .logo-png-5 {
  height: 123px;
  position: relative;
  width: 319px;
}

.lp-tablet .button {
  align-items: center;
  border-color: var(--highlights);
  justify-content: center;
}

.lp-tablet .frame-1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.lp-tablet .logo-png {
  background-image: url(../img/Fallen\ Avif\ Logo.avif);
  background-position: 50% 50%;
  background-size: cover;
}

.lp-tablet .place {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.lp-tablet .rectangle-465 {
  height: 151px;
  position: relative;
  width: 616px;
}
@media screen and (max-width: 725px) {
  .screen.index { 
    display: none;
   }
  .screen.lp-tablet { 
    display: none;
   }
}
@media screen and (min-width: 726px) and (max-width: 873px) {
  .screen.index { 
    display: none;
   }
  .screen.lp-mobile { 
    display: none;
   }
}
@media screen and (min-width: 874px) {
  .screen.lp-mobile { 
    display: none;
   }
  .screen.lp-tablet { 
    display: none;
   }
}