body{
  margin-inline:4%;
  margin-top:3%;
  background:linear-gradient(to right, #9b4fba, #7048aa);
  font-family: 'Noto Serif', serif;
  text-align:center;
}

.logo{
  width:min(10vw,100px);
  height:min(10vw,100px);
}

.navrightImg{
  width:min(22vw,220px);
  height:min(7vw,70px);
}


.navSpace a{ /*FAQS and SUPPORT*/
  display:inline-block;
  padding-right:40px;
  font-size: min(24px,2.5vw);
  font-weight: 500;
  color: white;
  font-family: 'Montserrat', sans-serif;
}

a{
  text-decoration: none;
}

.navSpace{
  display:flex;   /* ---remove to make responsive for mobile*/
  align-items:center;
  justify-content:end;
}

nav{
  display:flex;
  justify-content:center;
  gap:min(800px);
  margin-inline:4%;
}

@media (max-width: 1500px) {
  nav{
    gap:min(30vw);
  }
}

.svg1{ /*1st circle*/
  animation-name:svgone;
  animation-duration:3s;
  animation-iteration-count:infinite;
}

.svg2{ /*2nd circle*/
  margin-right:4%;
}

.bothSVGs{
  display:flex;
  justify-content:center;
  margin-inline:8%;
  gap:min(80%,1100px);
  
}

.pinkline{
  margin-bottom:min(-6vw);
  width: min(18%,320px);
  z-index:-1;
  margin-left: -12%;
}

@media (max-width:800px){
  .pinkline{
    margin-bottom:min(-4vw)
  };
}

header :nth-child(2){ /*Use your iPhone... text*/
  color:white;
  position:relative;
  top:-30px;
  text-align:center;
  font-weight:900;
  font-size: min(5.2vw,102px);
  line-height:min(122px,7.7vw);
}

header :nth-child(3){ /*The webcam you need is...*/
  text-align:center;
  font-family: 'Montserrat', sans-serif;
  font-size: min(2.2vw,36px);
  color:#F5DFFF;
  line-height:min(3.3vw,54px);
}

.downloadMACOs{
  height:40%;
  width:min(20%,290px);
}

.downloadWindows{
  height:40%;
  width:min(20%,290px);
  margin-inline:40px;
  margin-top:65px;
}

.downloadAppStore{
  height:40%;
  width:min(20%,290px);
}

.iphonefirstpage{
  width:min(85%,1465px);
  height:min(40%,745px);
  margin-top:80px;
  margin-bottom:8%;
}

.secondpage{ 
  background-color:white;
  margin-inline:-4.5%;
  border-radius:160px 160px 20px 20px;
  color:black;
}

@media (max-width:670px){
  .secondpage{
    border-radius:100px 100px 10px 10px;
  }
}


.secondpagetitle :nth-child(1){ /*Use your iPhone as a cam... text*/
  color:black;
  padding-top:10%;
  font-weight:900;
  font-size: min(5.5vw,102px);
  line-height:min(122px,7.7vw);
}

.secondpagetitle :nth-child(2){ /*If it uses live camera...*/
  padding-top:min(4%,40px);
  font-family: 'Montserrat', sans-serif;
  font-size: min(2vw,36px);
  color:#6C6861;
  line-height:min(3.3vw,54px);
}


.videoConferencing{
  width:min(50%,660px);
  height:min(36vw,560px);
  background-color:#FFD5DC;
  border-radius: 10%;
}

.videoConferencing :nth-child(1){  /*image*/
  height: min(20%,100px);
  width: min(20%,100px);
  margin-top: min(20%,120px);
}

.videoConferencing :nth-child(2){  /*Video Conferencing*/
  font-size: min(3vw,48px);
  font-weight: 900;
  text-align: center;
  margin-top:min(6%,40px);
}

.videoConferencing :nth-child(3){  /*Zoom, Skype, Teams...*/
  font-size: min(2.2vw,27px);
  line-height:min(3vw,41px);
  margin-top: 10px;
  font-family: 'Montserrat', sans-serif;
  color:#9D6D6A;
}

.rssFeed{
  background-color:#F1F6FF;
  width:min(50%,660px);
  height:min(36vw,560px);
  border-radius: 10%;
}

.rssFeed :nth-child(1){  /*image*/
  height: min(20%,100px);
  width: min(20%,100px);
  margin-top: min(20%,120px);
}

.rssFeed :nth-child(2){  /*Live Streaming*/
  font-size: min(3vw,48px);
  font-weight: 900;
  text-align: center;
  margin-top:min(6%,40px);
}

.rssFeed :nth-child(3){  /*OBS, StreamYard, XSplit*/
  font-size: min(2.2vw,27px);
  line-height:min(3vw,41px);
  margin-top: 10px;
  font-family: 'Montserrat', sans-serif;
  color: #6D788D;
}

.lifebuoy{
  background-color:#FBD1FF;
  width:min(50%,660px);
  height:min(36vw,560px);
  border-radius: 10%;
}

.lifebuoy :nth-child(1){  /*image*/
  height: min(20%,100px);
  width: min(20%,100px);
  margin-top: min(20%,120px);
}

.lifebuoy :nth-child(2){  /*Browser Apps*/
  font-size: min(3vw,48px);
  font-weight: 900;
  text-align: center;
  margin-top:min(6%,40px);
}

.lifebuoy :nth-child(3){  /*Google Hangouts...*/
  font-size: min(2.2vw,27px);
  line-height:min(3vw,41px);
  margin-top: 10px;
  font-family: 'Montserrat', sans-serif;
  color:#956B85;
}

.keyboard{
  background-color: #FBF1CF;
  width:min(50%,660px);
  height:min(36vw,560px);
  border-radius: 10%;
}

.keyboard :nth-child(1){  /*image*/
  height: min(16%,80px);
  width: min(24%,120px);
  margin-top: min(20%,120px);
}

.keyboard :nth-child(2){  /*Online teaching...*/
  font-size: min(3vw,48px);
  font-weight: 900;
  text-align: center;
  margin-top:min(6%,40px);
}

.keyboard :nth-child(3){  /*Lanyard, and many more...*/
  font-size: min(2.2vw,27px);
  line-height:min(3vw,41px);
  margin-top: 10px;
  font-family: 'Montserrat', sans-serif;
  color:#8E8460;
}

.cardrow-1{
  display:flex;
  justify-content:center;
  gap:8%;
  margin-top:8%;
  margin-inline:4%;
}

.cardrow-2{
  display:flex;
  justify-content:center;
  gap:8%;
  margin-top:6%;
  margin-inline:4%;
}

.featuredonproductHunt{
  margin-top:7%;
  color:white;
  font-weight:900;
  font-size: min(5.2vw,92px);
  line-height:min(110px,6vw);
}

.rosetoProduct4{
  margin:auto; 
  margin-top:2%; 
  color:white;
  text-align:center;
  font-family: 'Montserrat', sans-serif;
  font-size: min(2.2vw,36px);
  color:#F5DFFF;
  line-height:min(3.3vw,54px);
  margin-bottom:6%;
  width:60%;
}

.productHuntScreenshot-1{
  width:min(45%,600px);
  margin-right:3%;
}
.productHuntScreenshot-2{
  width:min(45%,600px);
  margin-left:3%;
}

.userFeedbackHeading{
  margin-top:7%;
  color:white;
  font-weight:900;
  font-size: min(5.2vw,92px);
  line-height:min(110px,6vw);
}

.userFeedbackDescription{
  margin: auto;
  margin-top:2%; 
  text-align:center;
  font-family: 'Montserrat', sans-serif;
  font-size: min(2.2vw,36px);
  color:#F5DFFF;
  line-height:min(3.3vw,54px);
  margin-bottom:6%;
  width:60%;
}

.cardrow3{
  display:flex;
  gap:50px;
}

.reviews{
  width:55%;
  /*height:min(50vw,495px);*/
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius:min(80px,4.4vw);
  background-color:#FBD1FF;
  margin:0, auto;
  
}

.review-statement{  /*I started using it in covid...*/
  padding-inline:min(6%,80px);
  padding-top:min(5%,60px);
  font-size: min(2.2vw,27px);
  font-weight: 500;
  line-height:min(2.8vw,50px);
  font-family: 'Montserrat', sans-serif;
  color: #956B85;
  text-align:start;
  margin-bottom: 5%;
}


.productHuntExcerpt{
  display:flex;
  justify-content:space-between;
  font-size: min(2vw,27px);
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  padding-bottom:min(5%,60px);
}

.productHuntExcerpt .atadam{
  color:#956B85;
  font-weight: 500;
}

.profile{
  display:flex;
  gap:10px;
  align-items:center;
  margin-left:6%;
}

.reviwerImage{
  width:min(80px,8vw);
  height:min(80px,8vw);
}

.productHuntLogo{
 width:min(80px,8vw); 
 height:min(80px,8vw);
 margin-right:6%;
}

.appleLogo{
  width:min(70px,5vw); 
  height:min(80px,6vw);
  margin-right:6%;
}

#mailer{
  margin-top:min(110px,12vw)
}

.fourthpage{
  background-color:white;
  border-radius:160px 160px 20px 20px;
  margin-inline:-4.5%;
  color:black;
  margin-top:6%;
}

@media (max-width:670px){
  .fourthpage{
    border-radius:100px 100px 10px 10px;
  }
}

.on-your-phone{ /*On your iPhone as*/
  font-size: min(5.2vw,102px);
  font-weight: 900;
  text-align: center;
  padding-top:10%;
  color:black;  
  line-height:min(110px,6vw);
}

.no-matter-if{
  text-align:center;
  font-family: 'Montserrat', sans-serif;
  font-size: min(2vw,36px);
  line-height:min(3.3vw,54px);
  color: #6C6861;
  padding-top:3%;
}

.footer{
  height:200px;
  display:grid;
  font-size: min(2.2vw,27px);
  font-weight: 500;
  line-height:min(2vw,50px);
  font-family: 'Montserrat', sans-serif;
  color:#8C8881;
  margin-inline:30px;
  margin-top: 50px;;
}
.footerleft{
  display:grid;
  font-size: min(2.2vw,20px)
}

.footerleft div{
    text-align:start;
  }

.footerright{
  display:grid;
  grid-template-columns:30% 30% 40%;
  grid-template-rows:40% 60%;
}

.footerright *{/*selects support and contact us and imgs*/
  text-decoration: none;
  color:#8C8881;
  text-align:start;
}

.socialiconsgroup .socials{ /*selects social media imgs*/
  padding-right:min(1vw,20px);
  width:min(5vw,50px);
  height:min(5vw,50px);
}

.footer .logo{
  width:min(12vw,65px);
  height:min(12vw,65px);
}

.help{
  font-size: min(2.1vw,18px);
  color:#8C8881;
  padding-right:50px;
}

.hi{
  font-size: min(2.1vw,18px);
  color:#8C8881;
  
}

.word{
  width:min(70%,1100px);
  margin:0 auto;
}

.wordz{
  width:50%;
  margin:0 auto;
}

@media (min-width:1300px){
  .footer{
      grid-template-columns:40% 60%;
  }
  .footerleft{
      grid-template-rows:40% 60%;
  }
  .help,.hi{ margin-top:-25px;}
}

.cookie-banner {
  position: fixed;
  top: 120px;
  left: 10%;
  right: 10%;
  width: 80%;
  padding: 5px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #7DD9FB;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.close {
  height: 20px;
  background-color: #777;
  border: none;
  color: white;
  border-radius: 2px;
  cursor: pointer;
}