/*
@media screen and (max-width:1440px)  {
 .grids{
  padding-left: 0rem;
  padding-right: 0rem;
 }
 .grid1, .grid7{
  max-width:100px !important;
  
 }
 .grid1 .a{
  
  border-bottom-right-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
 .grid1 .b{
  border-bottom-right-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
 .grid7 .l{
  border-bottom-left-radius: 20px !important;
  border-top-left-radius: 20px !important;
}
 .grid7 .m{
  border-bottom-left-radius: 20px !important;
  border-top-left-radius: 20px !important;
}

.service-container{
  padding-left: 6rem;
  padding-right:6rem ;
}

.why-grids{
  padding-left: 6rem;
  padding-right:6rem ;
}
.market-container{
  padding-left: 6rem;
  padding-right:6rem ;
}
.footer{
  padding-left: 6rem;
}

  .footer hr{
    width: 1200px;
  }
}


@media screen and (max-width:1280px) {

  .grid1, .grid7{
  display: none;
  
 }

 .service-container{
  padding-left: 2rem;
  padding-right:2rem ;
}

.why-grids{
  padding-left: 2rem;
  padding-right:2rem ;
}

.market-container{
  padding-left: 2rem;
  padding-right:2rem ;
}

.Frequently1{
  width: 80%;
max-width: 700px;

}
.Frequently2{
  width: 100%;
  max-width: 900px ;
  
}
.footer{
  padding-left: 4rem;
}
.question1{
  font-size: 1.3rem;
 
 
}



  .footer hr{
    max-width: 1150px;
  }
}


@media screen and (min-width:1180px) {
   .footer hr{
    max-width: 1100px;
  }
  .Frequently1{
  width: 50%;
max-width: 700px;

}
.Frequently2{
  width: 70%;
  max-width: 900px ;
  
}
.footer{
  height: 45vh;
}
}
*/
@media screen  and (max-width:1440px) {
  .grids{
  padding-left: 2rem;
  padding-right: 2rem;
 }
 .grid1, .grid7{
  max-width:100px !important;
  display: none;
 }
 .grid1 .a{
  
  border-bottom-right-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
 .grid1 .b{
  border-bottom-right-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
 .grid7 .l{
  border-bottom-left-radius: 20px !important;
  border-top-left-radius: 20px !important;
}
 .grid7 .m{
  border-bottom-left-radius: 20px !important;
  border-top-left-radius: 20px !important;
}

.service-container{
  padding-left: 6rem;
  padding-right:6rem ;
}

.why-grids{
  padding-left: 6rem;
  padding-right:6rem ;
}
.market-container{
  padding-left: 6rem;
  padding-right:6rem ;
}
.Frequently-container img{
  right: 0%;
}
.color1{
left: 5%;
}
.color2{
right: 2%;
}
.color3{
right: 20%;
}
.footer{
  padding-left: 6rem;
}

  .footer hr{
    width: 1200px;
  }
}



@media screen and (max-width:1024px) {
  
  .grid1, .grid7{
  display: none;
  
 }

 .service-container{
  padding-left: 2rem;
  padding-right:2rem ;
}

.why-grids{
  padding-left: 2rem;
  padding-right:2rem ;
}

.market-container{
  padding-left: 2rem;
  padding-right:2rem ;
}

.Frequently1{
  width: 100%;
max-width: 700px;
padding-left: 0rem;
padding-right: 0rem;
}
.Frequently2{
  width: 100%;
  max-width: 900px ;
  
}
.about-text{
  top: 20%;
}
.questions-section{
  height: fit-content;
}
.Frequently-container{
  flex-direction: column;
  align-items: center;
}

.footer{
  padding-left: 4rem;
  height: fit-content;
  padding-bottom: 2rem;
}
.question1{
  font-size: 1.3rem;
 
 
}

.footer hr{
  max-width: 900px;
}

}

@media screen and (max-width:768px) {
 .navbar{
  padding-left: 0rem;
 }

 .nav-buttons .login{
  display: none;
 }
 .nav-buttons .search{
  display: none;
 }
 .navbar2{
  display: none;
 }
 .hero-section{
  display: none;
 }
 .hero-section2{
 display: none;
 background-color:black;
height: 100vh;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem;
position: relative;
 }

 .hero-grid1{
  width: 100%;
  background-color: yellow;
  border-radius: 20px;
  overflow: hidden;
 }
 .hero-grid1 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
 }
.overlay2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.overlay2 h3{
  font-size: 4rem;
  color: white;
}
.overlay2 h2{
  color: white;
  font-size: 3rem;
  font-weight: 400;
}

 #menu{
  display: block;
  font-size: 20px;
 }

 .service-container{
  gap: 2rem;
 }
.why-grids{
  flex-direction: column;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: 4rem;
}
.why1{
  display: none;
}
.why-section{
  height: fit-content;
 
  
}

.market-container{
  flex-direction: column;
  margin-top: 4rem;
  
}
.market-section{
   height: fit-content;
  padding-bottom: 2rem;
}
.market1{
  height: 250px;
}
.market1-a img{
   height: 100px;
  width: 100px;
}
.market2{
  height: 250px;
}
.market2-a img{
   height: 100px;
  width: 100px;
}

.market3{
  height: 250px;
}
.market3-a img{
   height: 100px;
  width: 100px;
}
.market1-b{
  padding-top: 0.5rem;
}
.market1-b .paragraph4{
  
  margin-top: 0.5rem ;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.market3-b .paragraph8{
  
  margin-top: 0.5rem ;
   margin-bottom: 0.5rem;
  font-size: 1rem;
}
.market3-b{
  padding-top: 0.5rem;
}
.market2-b .paragraph6{
  font-size: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.market2-b{
  padding-top: 0.5rem;
}

.explore-marketplace{
  padding-top: 2rem;
}
.tribes-section{
 display: none;
}
.tribes-section2{
display: grid;
height: 100vh;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
padding-left: 1rem;
padding-right: 1rem;

position: relative;
background-color: black;
}
 .tribes-grid1{
  width: 100%;
  background-color: yellow;
  border-radius: 20px;
  overflow: hidden;
 }
 .tribes-grid1 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
 }
 .overlay3{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.overlay3 h3{
  font-size: 2rem;
  color: white;
  text-align: center;
}
.overlay3 h2{
  color: white;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
}
.overlay3 button{
  width: 150px;
  padding: 6px 0;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 600;
  
}
.questions-section{
  height: fit-content;
  padding-bottom: 5rem;
}

.Frequently-container{
  flex-direction: column;
  gap: 0px;
  padding-top: 4rem;
}
.Frequently1{
  width: 100%;
  
  

}
.Frequently2{
  display: none;
}
.footer{
  height: fit-content;
  padding-bottom: 2rem;
 
  
}
  .servicea {
    min-width: 100% !important;
  }

 .footer-container{
    flex-direction: column;
    gap: 50px;
    padding-top: 1rem;
  }
  .footer hr{
  max-width: 460px;
  }
  .about-text{
  top: 25%;
}

.nav-menu ul{
  display: none;
}
  .service3 h3{
    font-size: 2rem;
  }
  .service3 h2{
    font-size: 1rem;
  }
  .service-paragraph1{
    font-size: 1rem;
  }
  .service-paragraph2{
    font-size: 0.875rem;
  }
  .servicea button{
    font-size: 0.875rem;
  }
    #prev, #next{
    width: 40px;
  height: 40px;
 
  
  }
  #next{
    margin-left: 0.5rem !important;
  }
  #prev{
    padding-right: 0.5rem !important;
  }
#prev i, #next i{

font-size: 1rem;
}
.why-section h3{
  font-size: 2rem;
}
.paragraph1{
  font-size: 1rem;
}
.paragraph2{
  font-size: 0.875rem;
}
.why1-b a{
  font-size: 0.875rem;
}
.jobs-text a{
  font-size: 0.875rem;
}
.more2{
  font-size: 0.875rem;
}
 .marketplace-section{
    height: fit-content;
  }
  .questions-section h3{
  font-size: 2rem;
}
.question1{
  font-size: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;

}
 .Frequently-container{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
    .Frequently-container img{
display: none;
 
}
  .color1, .color2, .color3{
  display: none;
}
  .contact-section h3{
  font-size: 2rem;
}
.contact-section h2{
  font-size: 1rem;
}
.contact-section button{
  font-size: 0.875rem;
}
.footer1 h3{
  font-size: 1.5rem;
}
.footer1 h2{
  font-size: 1rem;
}
.footer-icons i{
  font-size: 1rem;
}
.footer2 h3{
  font-size: 1.5rem;
}
.footer2 ul li {
  font-size: 1rem;
}
.footer3 h3{
  font-size: 1.5rem;
}
.footer3 a{
  font-size: 1rem;
}
.footer3 a i{
  font-size: 1rem;
}
.copyright{
  font-size: 1rem;
}
.overlay3 button{
  background-color: #3eb489;
  color: white;
  border: none;
}
.overlay3 button:hover{
background-color: #37a37c;
}
}


@media screen and (max-width:480px) {
  .nav-tribe img{
    height: 40px;
  }
  
.hero-section-background{
height: 90vh;
}

.overlay2 h3{
  font-size: 3rem;
  color: white;
}
.overlay2 h2{
  color: white;
  font-size: 2rem;
  font-weight: 400;
  text-align: center;
}
.service-section h3{
  font-size: 1.5rem;
}
.container1-a p, .container1-b p, .container1-c p, .container1-d p{
  font-size: 1rem;
}

.container2-a p, .container2-b p, .container2-c p, .container2-d p{
  font-size: 1rem;
}
.learn, .identity, .history, .stream, .merchandise, .experts, .content, .Dimentional{
  height: 200px;
}
.more1{
  font-size: 0.875rem;
}
.why-section{
  height: fit-content;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 2rem;
  
}
.why-section h3{
  font-size: 1.5rem;
}
.why2-a, .why2-b, .why2-c, .why2-d, .why2-e, .why2-f, .why2-g{
  flex-direction: column;
  
}
.jobs{
width: 100%;
max-width:400px;
}
.paragraph1{
  font-size: 1rem;
}
.paragraph2{
  font-size: 0.875rem;
}

.jobs-text a{
 
  font-size: 0.875rem;

}
.why2{
  height: 450px;
}/*
.questions-section{
  height: 120vh;
}
  */
.questions-section h3{
 font-size: 1.5rem;
}

.market-section{
  height: fit-content;
  padding-bottom: 2rem;
}
.market-section h3{
  font-size: 1.5rem;
}
.market1{
  height: 250px;
}
.market1-a img{
   height: 100px;
  width: 100px;
}
.market2{
  height: 250px;
}
.market2-a img{
   height: 100px;
  width: 100px;
}

.market3{
  height: 250px;
}
.market3-a img{
   height: 100px;
  width: 100px;
}
.more2{
  font-size: 0.875rem;
}

.market1-b .paragraph3 {
  font-size: 1rem;
}
.market1-b .paragraph4 {
  font-size: 0.875rem;
}

.market2-b .paragraph5 {
  font-size: 1rem;
}
.market2-b .paragraph6 {
  font-size: 0.875rem;
}

.market3-b .paragraph7 {
  font-size: 1rem;
}
.market3-b .paragraph8 {
  font-size: 0.875rem;
}

.about-text h3{
  font-size: 1.5rem;
}
.about-text p{
 font-size: 1rem;
}
.about-text{
  
  left:1rem;
}
.about-text button{
  font-size: 0.875rem;
}

.question1{
  font-size: 1rem;
  
}
.question1 i{
  font-size: 0.875rem;
}
.answer1, .answer2, .answer3, .answer4, .answer5, .answer6{
 font-size: 0.875rem;

}
.contact-section{
  padding-left: 1rem;
}
.contact-section h3{
font-size: 1.5rem;

}
.contact-section h2{
  font-size: 1rem;
}
.contact-section button{
  font-size:0.875rem ;
}

 .footer hr{
  max-width: 340px;
  margin-top: 1rem;
  }
  .Frequently1{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;

}
 .Frequently-container{
    padding-top: 6rem;
    padding-bottom: 4rem;
  }

.service3 h3{
  font-size: 1.5rem;
}
.marketplace-header h2{
  font-size: 1.5rem;
}
.card-title{
  font-size: 1rem;
}
.card-description{
  font-size: 0.875rem;
}
.item-count{
  font-size: 0.7rem;
}
.explore-btn{
  font-size: 0.875rem;
}
.footer{
height: fit-content;
padding-bottom: 1rem;
padding-left: 1rem;
}
.footer-container{
  padding-top: 1rem;
  gap: 50px;
}
.footer-icons i{
font-size: 1rem;
}
.footer1 h3{
  
font-size: 1.5rem;
}
.footer h2{
  font-size: 1rem;
}
.footer2 h3{
  font-weight: 500;
  font-size: 1.5rem;
}
.footer3 h3{
  font-weight: 500;
  font-size: 1.5rem;
}
.footer2 ul li{
  font-size: 1rem;
}
.footer3 a{
  font-size: 1rem;
}
.footer3  a i{
  font-size:1rem ;
}

.copyright{
  font-size: 1rem;
  margin-top: 1rem;
}

}


@media screen and (max-width:430px) {
  .hero-buttons button{
padding: 10px  35px;
  }
}

@media screen and (max-height:800px) {
  .why-section{
    height: fit-content;
  }
  .market-section{
    height: fit-content;
    padding-bottom: 4rem;
  }
  .questions-section{
    height: fit-content;
    
  }
  .Frequently-container{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .footer{
    height: fit-content;
    padding-bottom: 2rem;
  }
  .navbar{
    height: fit-content;
  }
  .service3{
    height: fit-content;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .service3 h3{
    font-size: 2rem;
  }
  .service3 h2{
    font-size: 1rem;
  }
  .service-paragraph1{
    font-size: 1rem;
  }
  .service-paragraph2{
    font-size: 0.875rem;
  }
  .servicea button{
    font-size: 0.875rem;
  }
  .marketplace-section{
    height: fit-content;
  }
  #prev, #next{
    width: 40px;
  height: 40px;
  }
#prev i, #next i{

font-size: 1rem;
}
.servicea{
  height: 450px;
  
}
.service-container3{
  max-width: 1000px;
}
.why-section h3{
  font-size: 2rem;
}
.paragraph1{
  font-size: 1rem;
}
.paragraph2{
  font-size: 0.875rem;
}
.why1-b a{
  font-size: 0.875rem;
}
.jobs-text a{
  font-size: 0.875rem;
}
.why1{
  height: 690px;
}
.why2{
  height: 690px;
}
.more2{
  font-size: 0.875rem;
}
.marketplace-header h2{
  font-size: 2rem;
}
.marketplace-header p{
  font-size: 1rem;
}
.card-title{
  font-size: 1rem;
}
.card-description{
  font-size: 0.875rem;
}
.item-count{
  font-size: 0.7rem;
}
.explore-btn{
  font-size: 0.875rem;
}
.overlay h3{
  font-size: 3rem;
}
.overlay h2{
  font-size: 2rem;
}
.overlay button{
  font-size: 1rem;
  width: 150px;
  
}

.questions-section h3{
  font-size: 2rem;
}
.question1{
  font-size: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;

}
.contact-section h3{
  font-size: 2rem;
}
.contact-section h2{
  font-size: 1rem;
}
.contact-section button{
  font-size: 0.875rem;
}
.footer1 h3{
  font-size: 1.5rem;
}
.footer1 h2{
  font-size: 1rem;
}
.footer-icons i{
  font-size: 1rem;
}
.footer2 h3{
  font-size: 1.5rem;
}
.footer2 ul li {
  font-size: 1rem;
}
.footer3 h3{
  font-size: 1.5rem;
}
.footer3 a{
  font-size: 1rem;
}
.footer3 a i{
  font-size: 1rem;
}
.copyright{
  font-size: 1rem;
}
}