:root {
  --main-clr: #000;
  --sec-clr: #f9f900;
  --card-shadow: 0 8px 8px #00000017;
}
.navbar {
  padding: 0.7rem 1.2rem;
  width: 100%;
  border-radius: unset;
  border: none;
  top: 0;
}

.menuBtn {
  display: block;
  z-index: 9999;
}
.menu {
  min-height: 100vh;
  min-height: 100dvh;
  width: 100%;
  background-color: var(--main-clr);
  position: fixed;
  top: 50%;
  right: 50%;
  -ms-transform: translate(50%, -200%);
  transform: translate(50%, -200%);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 999;
  gap: 3rem;
  transition: transform 0.2s ease-in-out;
}
.menu_link {
  font-size: clamp(40px, 4rem, 5vw);
}

.cta {
  background: var(--sec-clr);
  display: block;
  text-align: center;
  font-weight: 700;
  padding: 0 3rem;
}
.cta[aria-current="page"] {
  background: var(--sec-clr);
}
#menucheck:checked + .menu {
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.faq_page {
  padding: 2rem 1rem;
  flex-direction: column;
}
.hero_text_red{
  padding: 0 1rem ;
  
}
.hero_text_red::before{
  right: -10%;
  top: -20%;
}
.faq-question {
  padding: 20px 22px;
  font-size: 1.1rem;
}
.wrapper_img{
  width: 80%;
  transform: translateY(110%);
}
.nfts_section{
  padding: 5rem 0 1rem 0;
}
.nfts_wrapper {
  height: unset;
}
.contact {
  background-position: right;
}
.contact_info_map {
  padding-top: 5rem;
}
.company_headline, .product_headline{
  font-size: clamp(40px,1rem,2rem);
}
.company_paragraph{
   font-size: clamp(15px,1rem,2rem);
}

.product_section{

  flex-direction: column;
  position: relative;
}

.product_img_section{
  display: none;
}
.product_img{
  display: none;
}
.product_paragraph_section{
  padding: 1rem 2rem;
}

.about_wrapper_img{
  width: 70%;
  right: 50%;
  bottom: -5%;
  transform: translateX(50%);
  position: absolute;
}



.contact_link {
  font-size: clamp(20px,1rem,2rem);
}
.footer_socials{
    width: 100%;
  justify-content: space-evenly;
  padding: 2rem 1rem;
  gap: unset;
}
    @keyframes floating {

      100% {
        transform: translateY(100%);
      }
    }