* {
  font-family: "Raleway", sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-weight: normal;
}
body {
  font-family: "Raleway", sans-serif;
  background: #fffbf5;
  height: 100vh;
  overflow: hidden;
}
input:focus {
  outline: none;
}
input[type="checkbox"]:focus {
  outline: none;
  box-shadow: none;
}
a {
  text-decoration: none;
}
a:focus {
  outline: -webkit-focus-ring-color auto 0px;
  outline-offset: 0px;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
section {
  width: 100%;
  display: flex;
  flex-direction: column;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

@font-face {
  font-family: "ap";
  src: url("./fonts/ap.ttf");
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  border: none;
}
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  border: none;
}

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

.header {
  display: flex;
  width: 100%;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  padding: 2.5vh 5vh;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}

.max-con {
  max-width: 1366px;
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
}

.black-wrapper {
  position: relative;
  height: 100%;
  display: flex;
}

.level-1 {
  width: 60vh;
  z-index: 1;
  padding-bottom: 3vh;
  align-self: flex-end;
  position: relative;
  gap: 0px;
}
.about-cta {
  position: absolute;
  top: -21vh;
  z-index: 1;
  right: 3vh;
}
.about-cta img {
  width: 27vh;
}
.item-wrapper {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  position: relative;
  height: 100%;
  gap: 20px;
}
.middle-photoframe img {
  width: 65vh;
}
.bg-bbb {
  top: 11vh;
  border-radius: 20px;
  background: #1e1e1e;
  height: 100%;
  display: flex;
  position: absolute;
  height: calc(100% - 15vh);
  width: calc(100% - 10vh);
  left: 5vh;
}
.swiper.mySwipe {
  padding-top: 90px;
}
.around-space {
  height: calc(100vh - 0px);
  padding: 0px;
}
.middle-flex {
  display: flex;
  justify-content: center;

  gap: 20px;
  flex-direction: column;
}
.middle-photoframe {
  flex-shrink: 0;
  border-radius: 20px;
  overflow: hidden;
}
.red-t {
  color: #f10202;
  font-family: "ap";
  font-size: 7.5vh;
  font-style: normal;
  font-weight: 400;
}
.white-t {
  color: #f5efe6;
  font-family: "Raleway", sans-serif;
  font-size: 3vh;
  font-style: normal;
  font-weight: 600;
}
.text-right {
  text-align: right;
}
.end-f {
  display: flex;
  width: 50vh;
  padding: 10px 0;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.end-f > img {
  width: 100%;
}
.end-f .second-img {
  width: 35vh;
  position: relative;
  top: -2vh;
}
.items-wrapper {
  display: flex;
  gap: 10px;
  align-items: center;
}
.min-reals{
  position: relative;
  left: -6vh;
  
}
.fps {
  width: 42vh;
  height: 170px;
}
.frame-item {
  width: 44vh;
  position: relative;
  height: 48vh;

  transform: rotate(5.361deg);
  flex-shrink: 0;
}
.side-img1 {
  width: 58vh;
}
.sec-news {
  width: 21vh;
}

.frame-item img {
  width: 100%;
  height: 100%;
}
.level-1 > img {
  width: 100%;
}
.abs {
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 1vh;
  padding: 4vh;
  width: 100%;
  height: 100%;
  position: absolute;
}
.place-card-large{
  position: absolute;
    top: -996%;
    opacity: 0;
}
.story-itemcard .abs {
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: left;
}
.abs img {
  width: 100%;
  height: 33vh;
  border-radius: 26px;
  object-fit: cover;
  overflow: hidden;

  flex-shrink: 0;
}
.poh {
  color: #f10202;
  font-family: "ap";
  font-size: 23vh;
  font-style: normal;
  line-height: 21vh;

  font-weight: 400;
}

.white-t-big {
  color: #f5efe6;
  font-family: "Raleway", sans-serif;
  font-size: 4.8vh;
  font-style: normal;
  font-weight: 600;
}

.bottom-car {
}

.second-wrap-s {
  display: flex;
  justify-content: center;
  position: relative;
  gap: 1vh;
  flex-direction: column;
  padding-left: 5vh;
}
.left-text {
  text-align: left;
}

.item-nm {
  color: #f10202;
  font-family: "ap";
  font-size: 4.4vh;
}
.items-wrapper .frame-item:nth-child(2) {
  transform: rotate(-8.579deg);
  top: -21vh;
}
.asd-tp img {
  width: 26vh;
}
.gap-for {
  gap: 50px;
}

.text-body {
  color: #f5efe6;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

.vec {
  width: 34vh;
}

.firs-w {
  display: flex;
  flex-direction: column;
padding-left: 20px;
gap: 24px;
width: 39vh;
  justify-items: center;
  justify-content: center;
  align-items: flex-start;

  text-align: left;
}

.story-itemcard .frame-item {
    width: 29vh;
    height: 37vh;
  transform: rotate(5.361deg);
  flex-shrink: 0;
}
.story-itemcard .frame-item img {
  width: 100%;
  height: 100%;
}

.story-itemcard .item-nm {
  font-size: 3.2vh;
  line-height: 3.2vh;
}
.story-itemcard .abs img {
  width: 100%;
  border-radius: 18px;
  height: 17vh;
object-fit: cover;
  flex-shrink: 0;
}
.menu-innd-{
  display: flex;
  align-items: center;
  width: 100%;
}
.menu-innd- > img{
  width: 200px;
}
.ham-bur{

  position: absolute;
  right: 0;
  transition: 0.3s;
  height: 0;
  opacity: 0;
  visibility: hidden;
  top: 100%;
padding: 20px 27px;
align-items: center;border-radius: 20px 0px 20px 20px;
background: #eee;
border:1px solid #ddd;
width: 421px;

}
.justify-content-fstart{justify-content: flex-start;gap: 70px;}
.overlay{
  position: fixed;
  top: 0;
  display: none;
  left: 0;
  background: #0000006b;
  height: 100%;
  z-index: 98;
  width: 100%;
}
.open-menu{
  height: 280px;
  opacity: 1;
  visibility: visible;
}
.hem-relative{
  position: relative;
}
.menu-ls{
  display: flex;
  flex-direction: column;
  gap: 18px;
  flex: 1;
  text-align: right;
}
.menu-ls li{
  background-repeat: no-repeat;
  transition: 0.3s;
  background-position: left center;
}
.menu-ls li:hover{
  background-image: url('images/Vector\(2\).svg');
}
.menu-ls li:hover a{
  color:#F10202;
}

.menu-ls li a{
  color: #3A57A6;
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.menu-ls li.active a{
 color:#F10202;
}
.menu-ls li.active{
  background-image: url('images/Vector\(2\).svg');
}

.story-itemcard p {
  color: #f10202;

  font-size: 1.6vh;
  font-style: normal;
  font-weight: 500;
  line-height: 2vh; /* 133.333% */
}

.second-left {
  transform: rotate(-3.183deg) !important;
  right: -15px;
}
.story-itemcard {
  display: flex;
  flex-direction: column;
  gap: 9vh;

  justify-content: center;
}

.pd {
  padding: 20px;
}
.card-stt-f {
  display: flex;
}
.l-crd {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2vh;
width: 50vh;
  align-items: center;
}
.ns-d img{
    width: 32vh;

}
.l-crd .text-body {
  width: 231px;
  text-align: left;
}
.illu-2 {
  width: 105%;
}

.blu-box {
  background-image: url(images/blue-curve.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  width:100%;
  padding: 10px;
  height: 40vh;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.livrf-text{
  color: #F10202;
  font-family: 'ap';
  font-size: 57.172px;
  font-style: normal;
  font-weight: 400;
  position: absolute;
  line-height: 40.129px;
  bottom: 20px;
  right: 40px;
}
.swiper.mySwiper {
  padding-top: 9vh;
}
.blu-box p {
  color: #fffbf5;
  text-align: center;

  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}

.leg {
  width: 24vh;
}

.leg-bottom {
  display: flex;
  width: 34vh;
  flex-direction: column;
  align-items: center;
  padding-bottom: 6vh;
  justify-content: end;
}
.soon {
    width: 23vh;
    flex-shrink: 0;
    bottom: 52px;
    position: absolute;
    left: -148px;
}

.say-hi {

}
.flex-fls {
  display: flex;
  flex-direction: column;
}

.rela-min {
  position: relative;
  top: -8vh;
  display: flex;
  width: 25vh;
}
.twp-one {
  display: flex;
  flex-direction: column;
}
.franchise {
  position: relative;
  bottom: 6vh;
  right: -11vh;
}
.say-hi {
    width: 37vh;
  }
.sid-by- {
  display: flex;
  align-items: flex-start;
  gap: 50px;
}
.righ-r-min {
  position: relative;
  right: -28vh;
  width: 40vh;
}
.gettouch {
  position: absolute;
  top: -149px;
  width: 178.274px;
  /* height: 130.569px; */
  flex-shrink: 0;
  left: -57px;
}

.two-per {
  flex-shrink: 0;
  position: relative;
  left: -15vh;
  top: 3vh;
}
.abs-btns {
  position: absolute;
  right: -172px;
  top: -16px;
}
.two-hand {
  width: 35vh;
}
.fr-justi {
  display: flex;
  flex-direction: column;
  gap: 13vh;
  padding-left: 20px;
}
.undiv{display: none;}
.abs-btns img{
    width: 37vh;

}
.mid-flex-col {
  display: flex;
  gap:6vh;
  flex-direction: column;
}

.map--d {
  border-radius: 16px;
  overflow: hidden;
  width: 53vh;
  height: 38vh;

  position: relative;
  z-index: 1;
  right: -40px;
}

.p--pd {
  width: 51vh;
  position: relative;
  left: -17vh;
}

.asd-tp {
  position: absolute;
  top: -3vh;
  right: -19vh;
}
.bm-illu-sit {
  width: 34vh;
}
.logo-h img {
  width: 150px;
}

.firl-sl {
  display: flex;
  flex-direction: column;
  gap: 4vh;
}
.img-sx .bit-extent{    width: 37vh;
  height: 37vh;}
.touchfomr {
  background-color: #f5efe6;
  border-radius: 20px;
  display: flex;
  width: 287px;
  position: relative;
  padding: 40px 23px;
}
.form-ites {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 8px;
}
.input-field {
  border-radius: 8px;
  background: #fff;
  border: none;
  font-size: 16px;
  outline: none;
  display: flex;
  width: 100%;
  height: 44px;
  padding: 10px 14px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.input-field::placeholder {
  color: #737373;

  font-size: 16px;
}
select:has(option[disabled]:checked) {
  color: #737373;
}

textarea.input-field {

}

.submit-b {
  border-radius: 8px;
  display: inline-flex;
  padding: 10px 10px 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  background: #ffd700;
  color: #1c1c1c;
  margin-top: 12px;
  font-size: 16px;

  font-weight: 500;
  line-height: 24px;
}
/* .swiper-slide{
       
        max-height: 730px;
    } */
.swiper-free-mode > .swiper-wrapper {
  align-items: center;
}
.img-wrape {
  display: flex;
  position: relative;
  left: -1vh;
  gap: 32px;
  flex-direction: column;
  justify-content: center;
}
.img-sx {
  display: flex;
  gap: 26px;
}
.item-verti {
  display: flex;
  width: 100%;
  gap: 50px;
  justify-content: space-between;
  align-items: center;
}
.two-hh{
    width: 49vh;height: auto!important;
}
.item-verti img {
  height: 475px;
}
.lfex-full {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 56px;
}
.lfex-full img {
  width: 100%;
}

.fran-first {
  display: flex;
  width: 548px;
  height: 497px;
  flex-direction: column;
  align-items: flex-start;
  gap: 56px;
}
.franch-img {
  font-size: 120px;
  line-height: normal;
}
.fran-text {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  text-align: left;
  width: 54vh;
  gap: 4vh;
  justify-content: center;
}
.pr-gorodf{padding-right: 40px;}
.form-bg {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-end;
  align-self: center;
  border-radius: 20px;
  background: #f5efe6;
  gap: 24px;
}
.form-bg h3 {
  color: #f10202;
  font-family: "ap";
  width: 100%;
  text-align: left;

  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px; /* 125% */
}
.forms-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.inputbox {
  width: calc(33.33% - 14px);
}
.bg-arrow {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("https://cdn.prod.website-files.com/66fab24c6dde4d79b3b507d9/67165d7c3b8243ca8373fdc3_Arrow%20-%20Down%202.svg");
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: auto;
}
.wd-66 {
  width: 100%;
}
.wd-66 textarea {
  height: 88px;
}
.w-full-h{
  width: calc(66.66% - 10px);
}
.frnc-sd{
    display: flex;padding-left: 3vh;
    align-items: center;
    position: relative;
}
.frnc-sd .tbh{
    width: 36vh;
    position: relative;
    top: -7vh;
    height: auto;
}
.roadmap-title{
  color: #FFD700;
font-family: "ap";
text-align: left;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 60px; /* 125% */
}
.frm-c{    position: absolute;
  bottom: 11vh;
  right: -10vh;}
.frm-c img{    width: 30vh;
}
.right-btn-f {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}
.jus-start{justify-content: flex-start;}
.pd-20 {
  padding: 20px;
}
.flex-random {
  display: flex;
  align-items: center;
}
.gap-0{gap: 0;padding: 0 5vh 0 5vh;}
.flex-random img {
  width: 44vh;
}
.not-center .bottom-car{
  bottom: 7vh;
  position: relative;
  left: -6vh;
}
.flex-random img:nth-child(2) {
  position: relative;
  top: -21vh;
  left: -4vh;
}
.flex-random img:nth-child(3) {
  position: relative;
  left: -10vh;
  position: relative;
}
.flex-random img:nth-child(odd){
    bottom: -10vh;
    position: relative;
}
.cent-ffn{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.count-style{
  font-size: 16vh;
  line-height: 12vh;
}
.bottom-car{
  bottom: 7vh;
  position: relative;
  left: 4vh;
   
}
.not-center{
  align-items: flex-start;
}
.count-ss{
  display: flex;
  align-items: flex-end;
}

.n--s{
  width: 51vh;
}
.rect{
  width: 37vh;
  height: 44vh;
  position: relative;
  transform: rotate(-3.86deg);
}
.display-rect{
  display: flex;
  gap: 2.5vh;
  align-items: center;
}
.frame-rect{
  width: 100%;
  height: 100%;
}
.inner-frame{display: flex;flex-direction: column;justify-content: space-between;
  position: absolute;padding: 4vh;
  top: 0;width: 100%;height: 100%;
}
.proimg{
  width: 100%;
  height: 31vh;
  border-radius: 24px;
}
.justify-content-start{
  justify-content: flex-start;
}
.pro-title{display: flex;justify-content: space-between;}
.pro-title h3{
  display: flex;
  align-items: center;
  gap: 8px;
  color: #F10202;
font-family: "ap";
font-size: 34.5px;

}

.sec-rect{
  transform: rotate(1.73deg);position: relative;top: -4vh;
}
.last-rect{
  position: relative;
  top: 3vh;
}
.details-cs{
  display: flex;    text-align: left;

  flex-direction: column;
  color: #fff;
  align-items: flex-start;
}
.whole-det{
  display: flex;align-items: end;flex: 1;
}
.nm-d{
  font-family: "ap";letter-spacing: 2.4px;
  font-size: 5vh;
}
.new-flex-bet{
    display: flex;
    justify-content: space-between;
}
.details-cs span{
  color: #E8C403;
  font-size: 18px;
  font-weight: 600;
}
.whol-gap-ver{
  display: flex;position: relative;top: 5vh;
  flex-direction: column;
  gap: 10vh;
}
.for-top-abs{
  top: 6vh;
  position: relative;
}
.for-sasd{
  position: absolute;
  right: -13vh;

  top: 2vh;
}
.for-sasd img{
  width: 46vh;
}
.righ-pdd{padding-right: 20px;}

.nw-red{border-radius: 8px;padding: 0.6vh 2vh;
  background: #F10202;}
.nw-red h3{color: #fff;font-size: 3.2vh;}
  .new-rect-g{
      background-image: url(images/Rectangle.png);
      width: 38vh;
      height: 31vh;
      padding: 4vh;
      background-size: 100% 100%;
  }
  .pos-rel-min{
    position: relative;
    left: -5vh;
  }
  .flex-fed{
    display: flex;
    flex-direction: column;
    gap: 2vh;
  }
  .pdsd{
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 1.2vh;
  }
  .veg{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }
  .pdsd p{
    color: #F10202;
    font-size: 2.2vh;
  }
  .newd-f{
    display: flex;    align-items: center;
gap:2vh;
padding-left: 6vh;
top: -3vh;
position: relative;
    
  }
.pdds{padding: 0 6vh;}
  .center-dsd{
    display: flex;
flex-direction: column;
align-items: center;
gap: 5vh;
  }
  .centr-illus-g{
    display: flex;
    flex-direction: column;
  }
.f_f{transform: rotate(-4.65deg);}
.s_f{transform: rotate(-6.97deg);}
.l-f{transform: rotate(-8.7deg);}
.centr-illus-g img:first-child{
  width: 100%;
}
.flips{
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);top: -2vh;
}
.flips img{width: 50vh;}
.to-sd{letter-spacing: 3.4px;text-align: left;
  color: #fff; font-family: "ap";    font-size: 4.9vh;

}
.to-sd span{color: #FFD700;    font-family: "ap";
}
.flips + .for-top-abs{top: 14vh;}
.last-mid {
  width: 65vh;
  gap: 3vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.last-table{
  width: 50vh;
  margin-top: 8vh;

}

.ff-sl{    width: 47vh;margin-bottom: 5vh;
}

.rel-mins{    position: relative;
  bottom: -3vh;}
a{transition: 0.3s;}

.gettt img{transition: 0.3s;}
.gettt:hover img{transform: scale(1.1) rotate(2deg);}
.home-btnsf{position: static;}

.swiper.pt-sc{padding-top: 11vh;}
.minor-gap{gap: 5vh;}

.submit-b{transition: 0.3s;}
.submit-b:hover{
  transform: scale(1.01);
  cursor: pointer;
  box-shadow: 0px 1px 6px 2px #ddd;
}
.for-sasd .ice-cc{
  width: 38vh;
}


.h-card{
  background-image: url(images/Rectangle.png);
  width: 250px;
  height: 250px;
  padding: 24px;
  position: relative;
  overflow: hidden;
  background-size: 100% 100%;
  transition: 0.3s;
  display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 12px;
}
.h-card img{
  width: 60px;
  height: 60px; transition: 0.4s;
  position: absolute; 
  top: 60px;
}
.red-bg-sec{
  border-radius: 8px;
background: #F10202;display: flex;
padding: 4px 12px;
align-items: center;
transform: translateY(70px);
transition: 0.8s;
gap: 2px;
}
.red-bg-sec h3{
  color: #FFF;
font-family: "ap";
font-size: 24px;
font-style: normal;
transition: 0.8s;
font-weight: 400;
line-height: normal;
letter-spacing: 0.48px;

}
.h-card p{
  color: #F10202;
  transition: 0.7s;
text-align: center;
font-size: 15px;
opacity: 0;transform: translateY(100%);


}
.h-card{
  color: #FFF;
font-family: "ap";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.48px;
}

.h-card:hover p{
  height: auto;
  display: block;
  opacity: 1;
  transform: translateY(0); 
  
}
.h-card:hover .red-bg-sec {
  transform: translateY(0); 
}

.h-card:hover img{opacity: 0;}

.h-1{transform: rotate(-7.31deg);}
.h-2{transform: rotate(4.92deg);}
.h-3{transform: rotate(3.81deg);}

.h-4{transform: rotate(4.81deg);}
.h-5{transform: rotate(-13.18deg);}
.h-6{transform: rotate(-6.97deg);}

.s-err img{
        width: 1.8vh;
    margin-top: -1px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header {
    padding: 20px;
    height: 80px;
  }
  .bg-bbb {
    top: 80px;
    border-radius: 20px;
    background: #1e1e1e;
    height: 100%;
    display: flex;
    position: absolute;
    height: calc(100% - 100px);
    width: calc(100% - 40px);
    left: 20px;
  }
  .logo-h img {
    width: 125px;
  }
  .swiper-slide {
    width: auto;
  }
  .level-1 {
    width: 60vh;
  }
  .about-cta img {
    width: 33vh;
  }
  .form-bg{width: 1100px;}
  .l-crd .text-body {
    width: 325px;
    text-align: left;
  }
  .about-cta {
    position: absolute;
    top: -28vh;
    z-index: 1;
    right: -4vh;
  }
  .middle-photoframe img {
    width: 60vh;
  }
  .end-f {
    width: 53vh;
  }
  .end-f .second-img {
    z-index: -1;
    top: -4vh;
  }
  .frame-item {
    width: 42vh;
    position: relative;
    height: 46vh;
  }
  .firl-sl {
    gap: 3vh;
  }
  .item-wrapper {
    gap: 40px;
  }

  .righ-r-min {
    right: -15vh;
  }
  .franchise {
    bottom: 3vh;
  }
  .franchise img {
    width: 34vh;
  }

  .touchfomr {
    width: 36vh;
    padding: 5vh 3vh;
  }
  .input-field {
    height: 6vh;
    font-size: 2.2vh;
  }
  .input-field::placeholder {
    font-size: 2.2vh;
  }
  textarea.input-field {
    height: 6vh;
  }
  .pos-rel-min{
    
    left: 0vh;
  }
  .submit-b {
    height: 6vh;
    font-size: 2.2vh;
  }
  .gettouch{
    position: absolute;
    top: -13vh;
    width: 19vh;
    flex-shrink: 0;
    left: -5vh;
  }
  .ipdd-{width: 80%;}
  .gap-0{padding: 0 20px;gap: 0;}
  .story-itemcard .frame-item {width: 27vh;}
  .story-itemcard .abs{padding: 30px;}
  .ns-d img{width: 29vh;}
  .abs-btns{}
  .abs-btns img {width: 33vh;}
  .blu-box p{font-size: 3vh;line-height: 5vh;}
  .franch-img{line-height: 18vh;font-size: 17vh;}
  .fran-text{width: 59vh;gap: 4vh;}
  .text-body{        font-size: 24px;
    line-height: 33px;}

    .new-sd{position: static;}
    .rect{    width: 36vh;
      height: 42vh;
  }
  .inner-frame{padding: 3vh;}
  .whol-gap-ver{gap:7vh;}
  .last-mid{padding: 0 6vh;}

  .frm-c{    position: absolute;
    bottom: 10vh;
    right: 0vh;}
    .n--s{width: 40vh;}
    .fic-id{width: 30vh;}
    .ipad-gap-f{gap: 50px;}
    .pddd-{padding: 0 67px;}
  
}

@media screen and (min-width: 280px) and (max-width: 767px) {
  .abs img{height: 197px;}
  .around-space {
    padding: 0;
  }
  .level-1{align-self: center;width: 46vh;padding: 0;margin-left: -40px;}
  .about-cta img{width: 22vh;}

  .swiper.mySwiper {
    padding-top: 65px;
  }
  .about-cta {
  top: -17vh;
  }
  .middle-photoframe img {
    width: 40vh;
  }
  .red-t {
    font-size: 44px;
  }
  .white-t {
    font-size: 20px;
  }
  .end-f {
    width: 35vh;
  }
  .end-f .second-img{
    width: 26vh;
  }

  .bm-illu-sit {
width: 23vh;
  }
  .poh {
    font-size: 132px;
    line-height: normal;
  }
  .swiper-slide {
    width: auto;
  }

  .middle-flex {
    margin-right: 20px;
  }
  .white-t-big {
    font-size: 28px;
    line-height: 45px;
  }
  .second-wrap-s {
    gap: 0;
    padding-left: 20px;
  }
  .asd-tp img {
    width: 189.883px;
    height: 161.441px;
    flex-shrink: 0;
  }
  .frame-item {
    width: 244.575px;
    height: 284.565px;
  }

  .item-nm {
    font-size: 24px;

    line-height: 36.132px;
  }
  .abs {
    padding: 20px;
  }
  .asd-tp {
    position: absolute;
    top: 52px;
    right: -163px;
  }
  .fps {
    width: 247px;
    height: 113.941px;
  }
  .righ-r-min {
    width: 32vh;
    right: -18vh;
  }
  .sid-by- > img {

  }
  .firl-sl {
    justify-content: center;
    gap: 8vh;

  }
  .franchise img {
    width: 226px;
  }
  .franchise {
    bottom: 72px;
    right: 0vh;
  }
  .sid-by- {
    gap: 35px;
  }

  .rela-min {
    width: 22vh;
  }
  .two-per {
    left: -90px;
    display: flex;
  }
  .abs-btns img {
    width: 30vh;
  }
  .abs-btns {
    position: absolute;
    right: -15vh;
    top: 17vh;
  }
  .mid-flex-col{justify-content: center;}
  .p--pd {
    width: 295.458px;
    height: 229.125px;
  }
  .soon {
    width: 161.163px;
    left: -128px;
    height: 141.703px;
  }
  .map--d {
    width: 40vh;
    position: relative;
    height: 245px;
    left: -3vh;
  }
  .blu-box {
    width: 201.13px;
    height: 255.078px;
  }
  .blu-box p {
    font-size: 20px;

    line-height: 32.5px;
  }

  .text-body {
    font-size: 14px;
  }

  .header{
    padding: 20px;
  }
  .bg-bbb{
    top: 80px;
    display: flex;
    position: absolute;
    height: calc(100% - 143px);
    width: calc(100% - 40px);
    left: 20px;
  }
  .logo-h img{width: 120px;}
  .twp-one{padding-right: 45px;}

  .gap-0{padding: 0 20px ;}
  .white-t-big {line-height: 24px;}
  .story-itemcard{gap:3vh;}
  .l-crd{padding-left: 30px;gap: 1vh;width: 42vh;}
  .ns-d{bottom: -30px;position: relative;}
  .ns-d img{width: 27vh;}
  .say-hi{width: 30vh;}
  .fr-justi{justify-content: center;gap: 2vh;}
  .two-hand {width: 27vh;position: relative;top: -5vh;}
  .leg-bottom{    display: flex;
    width: 34vh;
    flex-direction: column;
    align-items: center;
    padding-bottom: 6vh;
    justify-content: end;
    position: relative;
    left: -2vh;
    top: -3vh;}
    .franch-img{font-size: 11vh;}
    .fran-text {    width: 37vh;padding-right: 1vh;gap: 3vh;    }
    .red-bg-sec h3{font-size: 20px;}
    .h-card p{font-size: 12px;}
    .img-sx .bit-extent{width: 30vh;height: 30vh;}
    
    .form-bg h3{font-size: 40px;}
    .new-sd{position: static;}
    .flex-random img {    width: 33vh;    }
    .flex-random img:nth-child(2){top: -10vh;}
    .flex-random img:nth-child(odd){bottom: -5vh;}
    .count-style{line-height: 7vh;font-size: 11vh;}
    .whol-gap-ver{gap: 5vh;justify-content: center;top: -5vh;left: -20px;}
    .inner-frame{padding: 24px;}
    .rect{        width: 29vh;
      height: 282px;}
    .n--s{width: 39vh;}
    .proimg{        height: 193px;
      border-radius: 18px;
      object-fit: cover;}
    .pro-title h3{font-size: 28px;}
    .for-sasd img{width: 40vh;}
    .for-sasd{top: 8vh;right: -13vh;}
    .flips{top: 11vh;}
    .pro-title h3{font-size: 20px;}
    .inner-frame .pro-title h3{font-size: 26px;}
    .new-rect-g{           width: 29vh;
      padding: 3vh;
      height: 25vh;}
      .pdsd p{font-size: 14px;}
      .pdsd{gap: 1vh;}
      .newd-f{gap: 0;}
      .centr-illus-g img:first-child{width: 33vh;}
      .flips{           top: 12vh;
        right: -14vh;}
        .last-mid{width: 377px;padding-left: 9vh;gap: 1vh;}
        .last-table{width: auto;padding-left: 11vh;}
        .to-sd{font-size: 34px;line-height: 42.96px; /* 127.666% */
          letter-spacing: 2.16px;}

          .lef-con-minus{left: -18vh;}
          .input-field{font-size: 12px;height: 36px; padding: 8px 12px;}
          .input-field::placeholder{font-size: 12px;}
          .forms-fields{gap: 16px;}
          .form-bg{width: 760px;}
          .frm-c{right: 0;bottom: 15vh;}
          .frm-c img{width: 24vh;}
          .lfex-full img{height: auto;}
          .pos-rel-min{left: 0vh;}
          .undiv{display: block;}
          .type-d{font-size: 16px;}
          .last-table{padding-left: 3vh;display: flex;flex-direction: column;justify-content: center;}
          .ff-sl{width: 255px;margin-bottom: 3vh;}
          .last-table .whole-det{flex:none;}

          .ham-bur{position: fixed;top: 80px;left: 0;right: auto;width: 100%;padding: 20px;border-radius: 0 0 20px 20px;}
          .ham-bur img{ width: 160px;}
          .header{background: #eee;}
          .side-img1{width: 40vh;position: relative;top: 5vh;}
          .top-rel-min{top: -9vh;}
          .hom-abs-space .abs{padding: 26px;}
          .hom-abs-space .abs img{height: 188px;}
          .left-mb-rel{    position: relative;
            left: -5vh;}
            .f4-min-pos{
              position: relative;
              left: -4vh;
            }
            .minor-gap{gap: 20px;}
            .submit-b{height: 36px;font-size: 12px;margin-top: 2px;gap: 6px;}
            .submit-b img{width: 6px;}
            .touchfomr{padding: 30px 18px;}
            .for-sasd .ice-cc{
              width: 31vh;
            }
            .story-itemcard .abs{padding: 24px;}
            .story-itemcard .item-nm{font-size: 24px;line-height: normal;}
            .story-itemcard p{font-size: 12px;line-height: 16px;}
            .card-stt-f{position: relative;top: -20px;}
            .story-itemcard .abs img{height: 102px;border-radius: 10px;}
            .story-itemcard .frame-item{        height: 280px;
              width: 211px;}
              .vec {
                width: 31vh;
              }
              .full-relmin{    top: -59px;}
              .righ-pdd{padding-right: 45px;}
              .nm-d{
                font-size: 36px;
line-height: 45.96px; 
letter-spacing: 1.8px;
              }
              .livrf-text{
                font-size: 44px;line-height: 32px;
              }
              .roadmap-title{
                font-size: 40px;line-height: 48px;
              }
              .lfex-full{
                gap: 40px;
              }
              .h-card{width: 200px;height: 200px;padding: 18px;}
              .h-card img{width: 44px;height: 44px;}
            .s-err img{
        width: 12px;
    margin-top: -1px;
}

.mm-f img{width: 15px;margin-top: -1px;}

}








@media screen and (min-width: 1400px) {

.flex-random img
{   
  width: 47vh;
}
.n--s{width: 43vh;}
.rect{width: 40vh;height: 47vh;}
.not-center{    width: 41vh;}
.new-rect-g{width: 40vh;height: 32vh;}

.last-mid{width: 54vh;}
.display-rect{gap: 4.5vh;}
.proimg{height: 33vh;}
.last-table{width: 57vh;}

.flips{
  right: -21vh;
top:-5vh;
}
.flips img {width: 57vh;}
.ff-sl {
  width: 50vh;
  margin-bottom: 3vh;
}
.last-mid img{
  width: 62vh;
  height: 61vh;
  border-radius: 24px;
  object-fit: cover;
}
.h-card{
  width: 270px;height: 260px;
}

}





@keyframes updown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px); /* Move up */
  }
  100% {
    transform: translateY(0); /* Move back down */
  }
}
.about-cta:hover img, .asd-tp:hover img, .franchise:hover img, .ns-d:hover img, .frm-c:hover img, .gettt:hover img{
  transform: scale(1.1) rotate(2deg);
  animation-play-state: paused;
}

a img{transition: 0.3s;}
.about-cta, .asd-tp, .franchise, .ns-d, .frm-c, .gettt{
  
  animation: updown 2s ease-in-out infinite;
  
}
.asd-tp img{transition: 0.3s;}