*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  background-color: #ccc;
}
 .navbar{
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: rgba(10, 35, 46, 0.911);
  position: sticky;
  top: 0;
  z-index: 1;
  box-shadow: 2px 2px 5px black;
  border: 1px solid black;
  border-bottom: 1px solid white;
}
.logo{
  width: 20%;
}
#logo{
  width: 80px;
  height: 80px;
  object-fit: cover;
  background: linear-gradient(to top right,red,blue);
}
.logo a{
  color: white;
  font-size: 20px;
  text-decoration: none;
  position: absolute;
  right: 30px;
  bottom: 5px;
  white-space: nowrap;
}
.index{
  width: 60%;
  text-align: center;
  //padding: 30px 100px 30px 30px;
}
.contact{
  min-width: 20%;
  height: 30px;
  width: 300px;
  background-color:rgba(222, 226, 230, 0.938);
  border-radius: 30px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  text-decoration: none;
}
.contact a{
  font-size: clamp(12px, 1.5vw, 20px);
  text-decoration: none;
  }
  #update{
  color:red;
  background-color: white;
  font-weight: 500;
  word-spacing: 5px;
  width: 408px;
  text-align: center;
  }
h1{
color: white;
letter-spacing: 30px;
font-family: "Lato", sans-serif;
//font-family: "Bitcount Grid Single", system-ui;
font-weight: 700;
font-style: normal; 
}
.mobile{
  width: 1px;
  visibility: hidden;
}
.main{
  width: 85vw;
  flex-wrap:wrap;
  padding:1px;
  display: flex;
}
.headline{
  width: 12%;
  min-width: 100px;
  background: linear-gradient(to bottom right, black,blue);
  display: flex;
  align-items: center;
  border: thin;
 }
  #head{
  margin-left: 8px;
  font-size: clamp(8px, 1.5vw, 14px);
 }
h2{
  color:white;
  font-weight: 600;
  font-size: clamp(12px, 1.5vw, 15px);
}
.newsbox{
  width: 85%;
  background-color:#ccc;
  display: flex;
  flex-wrap:wrap;
  margin-left: 2px;
  gap: 2px;
}
.newsbox1{
  width: 12%;
  min-width: 100px;
  height: 120px;
  background-color: black;
  padding: 5px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content:center;
  white-space: wrap;
  border: 1px solid rgba(119, 128, 128, 0.815);
  box-shadow: 2px 2px 3px rgba(39, 38, 38, 0.699);
}
.newsbox1:hover{
  border: 2px solid rgb(241, 239, 239);
  border-radius: 20px;
  background-color: rgba(43, 36, 36, 0.658);
}
img{
  width: 95%;
  height: 60px;
  min-height: 50px;
  padding: 8px;
}
#deep{
  width: 70%;
}
#uber{
  background-color: aliceblue;
  border-radius: 50%;
  padding: 5px;
}
#bolt{
  width: 95%;
  height: 60%;
  background-color: aliceblue;
}
#yatri{
  width: 80%;
}
#ms{
  width: 90%;
}
.privacy{
  width: 60%;
  margin: 30px auto;
  text-align: justify;
  background-color: white;
  padding: 90px;
}
.privacy li{
  list-style: none;
  margin: 6px 0;
  }
h3{
margin: 8px 0;
}
.copyright a{
  color: white;
  font-size: 14px;
  font-family:monospace;
  margin-right: 10px;
  text-decoration: none;
}
.disclaimer{
  width: 60%;
  margin: 30px auto;
  text-align: justify;
  background-color: white;
  padding: 120px;
}
.disclaimer p{
  font-size: 17px;
  font-weight:300;
  font-family: Arial, Helvetica, sans-serif;
}
.aboutus{
  width: 100%;
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about{
  width: 33%;
  height: 84vh;
  position: relative;
  border-right: 1px solid white;
  border-left: 1px solid white;
}
#aboutimg{
  width: 100%;
  height: 100%;
  overflow: hidden;
 }
.about h3{
  position: absolute;
  margin-top: 30px;
  margin-left: 30px;
  font-size: 40px;
  color: white;
}
.about p{
  position: absolute;
  top: 90px;
  margin-left: 30px;
  font-size: 20px;
  color: white;
  max-width: 400px;
  text-align: left;
}
.vision{
  width: 33%;
  height: 84vh;
  position: relative;
  border-right: 1px solid white;
}
#visionimg{
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.vision h3{
  position: absolute;
  margin-top: 30px;
  margin-left: 30px;
  font-size: 40px;
  color:white;
}
.vision p{
  position: absolute;
  top: 90px;
  margin-left: 30px;
  font-size: 20px;
  color: white;
  max-width: 200px;
  text-align: left;
}
.mission{
  width: 33%;
  height: 84vh;
  position: relative;
  border-right: 1px solid white;
}
#missionimg{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mission h3{
  position: absolute;
  margin-top: 30px;
  margin-left: 30px;
  font-size: 40px;
  color: white;
}
.mission p{
  position: absolute;
  top: 90px;
  margin-left: 30px;
  font-size: 20px;
  color: white;
  max-width: 200px;
  text-align: left;
}
.copyright{
  width: 100vw;
  height: 45px;
  background-color: rgba(10, 35, 46, 0.911);
  margin-top: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border: 1px solid white;
  font-size: 12px;
  font-family:monospace;
}
.add-content{
  background-color: tomato;
  width: 18%;
  min-height: 880px;
  top: 102px;
  min-width:100px;
  right: 14px;
  padding: 10px;
  border: 2px solid white;
  position: fixed;
  text-align: center;
  color: white;
  overflow: hidden;
}

@media screen and (max-width:1150px)
{
  .main{
    flex-wrap: wrap;
    display: flex;
    align-items: center;
  }
  .headline{
    width: 100vw;
    height: 40px;
    background: linear-gradient(to top,blue);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  img{
  width: 98%;
}
.newsbox1{
  width: 48%;
}
.newsbox{
  width: 100vw;
}
.newsbox1:hover{
  border:initial;
  border-radius: initial;
  background-color:black;
}
.newsbox1:active{
  border: 2px solid rgb(241, 239, 239);
  border-radius: 20px;
  background-color: rgba(43, 36, 36, 0.658);
}
#head{
  display: flex;
  justify-content: center;
  align-items: center;
}
.copyright{
font-size: clamp(5px, 20vw, 10px);
justify-content: start;
padding: 10px;
}
#head{
  font-size: 14px;
}
a{
  font-size: clamp(10px,2vw, 12px);
  text-decoration: none;
}
.contact{
  background-color: aliceblue;
  padding: 5px;
  border-radius: 10px;
  text-decoration: none;
}
.contact a{
  font-size: clamp(12px, 2vw, 18px);
  text-decoration: none;
}
.job-text{
  white-space: nowrap;
}
.company-logo{
  display:none;
}
.job-text{
  display: none;
}
#uber{
  background-color: aliceblue;
  border-radius: 50%;
  padding: 5px;
}
#bolt{
  width: 95%;
  height: 60%;
  background-color: aliceblue;
}
.privacy{
  width: 80%;
  margin: 30px auto;
  background-color: white;
  padding: 50px;
}
.privacy li{
  list-style: none;
  margin: 6px 0;
  }
h3{
margin: 8px 0;
}
.disclaimer{
  width: 80%;
  margin: 30px auto;
  background-color: white;
  padding: 50px;
}
.index{
  font-size: 10px;
}
h1{
  letter-spacing: 10px;
  white-space: nowrap;
}
}
@media screen and (max-width:450px)
{
  .main{
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .headline{
    width: 100%;
    height: 30px;
    background: linear-gradient(to top,blue);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  img{
  width: 90%;
}
#deep{
  width: 60%;
}
.newsbox1{
  width: 49%;
  gap: 1px;
}
.newsbox{
  width: 100%;
  padding:3px;
}
#head{
  display: flex;
  justify-content: center;
  align-items: center;
}
.copyright{
font-size: clamp(5px, 20vw, 10px);
justify-content: start;
padding: 10px;
}
#head{
  font-size: 14px;
}
.contact{
  display: none;
}
.mobile{
  width: 250px;
  text-align: center;
  visibility: visible;
  margin-left: 10px;
}
#mobile1{
  letter-spacing: 5px;
  font-size: larger;
  color: white;
  //font-family:Verdana, Geneva, Tahoma, sans-serif;
  font-family: "Bitcount Grid Single", system-ui;
}
.add-content{
display: none;
}
.index{
  display:none;
}
.newsbox1:hover{
  border:initial;
  border-radius: initial;
  background-color:black;
}
.newsbox1:active{
  border: 2px solid rgb(241, 239, 239);
  border-radius: 20px;
  background-color: rgba(43, 36, 36, 0.658);
}
#uber{
  background-color: aliceblue;
  border-radius: 50%;
  padding: 5px;
}
#bolt{
  width: 95%;
  height: 60%;
  background-color: aliceblue;
}
.privacy{
  width: 80%;
  margin: 20px auto;
  background-color: white;
  padding: 20px;
}
.privacy li{
  list-style: none;
  margin: 6px 0;
  }
h3{
margin: 8px 0;
}
.disclaimer{
  width: 80%;
  margin: 20px auto;
  background-color: white;
  padding: 20px;
}
.about p{
  position: absolute;
  top: 90px;
  margin-left: 30px;
  font-size: 14px;
  color: white;
  text-align: left;
}
.vision p{
  position: absolute;
  top: 90px;
  margin-left: 30px;
  font-size: 14px;
  color: white;
  text-align: left;
}
.mission p{
  position: absolute;
  top: 90px;
  margin-left: 30px;
  font-size: 14px;
  color: white;
  text-align: left;
}
.about h3{
  position: absolute;
  margin-top: 30px;
  font-size: 25px;
  color: white;
}
.vision h3{
  position: absolute;
  margin-top: 30px;
  font-size: 25px;
  color: white;
}
.mission h3{
  position: absolute;
  margin-top: 30px;
  font-size: 24px;
  color: white;
}
.logo a{
  color: white;
  font-size: 20px;
  text-decoration: none;
  position: absolute;
  right: 18px;
  bottom: 5px;
  white-space: nowrap;
}
}