.navlinkcolor {
  color: #000000;
  letter-spacing: 0.2px;
  /* text-transform: uppercase; */
}

.navbar-nav li a :hover {
  color: #ce151b;
}
#header-area {
  color: #ce151b;
}
.navmainheader {
  margin-top: 15px;
}


.product-btn a:hover {
  background-color: black !important;
  color: #fff !important;
  margin-top: 1rem;
}

 #topclass img{
  width: 60%;
  height: 90%;
  margin-top: 2rem;
} 
#launch img{
  height:20rem;
}
.r2bg{
  border-radius: 250px 0px 0px 250px;
  background-color: #0C0E3E;
}
.r2bg img{
  height: 500px; 
}
.r3bg {
  background-color: #0C0E3E;
 }
.bgimg{
  background-image: url("../img/rbg.png");
  height: 500px;
}

#carouseltitle1 {
  line-height: 300px;
  font-size: 45px;
  margin: auto;
  color: #fff;
}
/* .thing {
  background: linear-gradient(rgba(26, 188, 156, 0.7), rgba(231, 76, 60, 0.7)),
    url(../img/background3.png);

  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
  height: 50vh;
} */
.thing {
  background: linear-gradient(rgba(30, 39, 46, 0.7), rgba(30, 39, 46, 0.7)),
    url(../img/desk.png);

  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
  height: 80vh;
  margin-top: 0.5rem;
  clip-path: polygon(
    20% 0%,
    80% 0%,
    100% 0,
    100% 89%,
    50% 100%,
    50% 100%,
    0 88%,
    0 0
  );
}

.thingabout {
  background: linear-gradient(rgba(30, 39, 46, 0.7), rgba(30, 39, 46, 0.7)),
    url(../img/banner3.jpg);

  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
  height: 40vh;
}

.parallaxindex {
  background: linear-gradient(rgba(36, 6, 6, 0.3), rgba(36, 6, 6, 0.3)),
    url(../img/banner3.jpg);

  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
  height: 40vh;
}
@media (max-width: 640px) {
  .thing {
    background: linear-gradient(rgba(26, 188, 156, 0.7), rgba(231, 76, 60, 0.7)),
      url(../img/desk.png);

    -webkit-background-size: cover;
    background-size: cover;
    text-align: center;
    height: 40vh;
    margin-top: 6rem;
  }
}
.card {
  /* box-shadow: 0 0 11px rgba(33, 33, 33, 0.2); */
   /* box-shadow: 0 0 0 11px rgba(1, 102, 255, 0.5);  */
  /* text-align: center; */
  border: none;
}
.card:hover {
  box-shadow: 0 4px 8px 0 rgba(1, 102, 255, 0.2), 0 6px 20px 0 rgba(1, 102, 255, 0.2); 
}
.cardcontact {
  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
  text-align: left;
  padding: 1.5rem;
}
.cardcontact:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* ---------- SCROLL TO TOP -----------*/

.gototop2 {
  width: 99%;
  background: #000;
  border: 2px solid grey;
}

.goto-top {
  margin-left: -100%;
  position: fixed;
  bottom: 20px;
  right: 50px;
  padding: 5px;
  /* border: 1px solid rgba(225, 177, 44, 1); */
  border-radius: 50px;
  padding: 5px;
}

p:hover {
  cursor: pointer;
}

.scrolltotop {
  background-color: #4caf50;
  display: true;
}
/* .clipinfra {
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}
.infrasec {
  background-color: #f5f6fa;
}
.infrasec img {
  height: 100%;
  width: 100%;
} */

@media (max-width: 768px) {
  #productbtn {
    width: 100%;
    text-align:left;
  }
  .navbar-nav li {
  
  border-radius: 25px;
  }
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
  

  #productbtn {
    background-color: #0166FF;
    color: #fff !important;
    line-height: 50px;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 25px;
  }

  #topclass img{
    width: 60%;
    height: 70%;
    margin-top: 6rem;
    padding: 1rem;
  }

  #productbtn {
    margin-top: -18px;
  }

  .mt-6 {
    margin-top: -6rem;
  }
  .mtr-6 {
    margin-top: 6rem;
  }
  /* About Sec */
  .pad-6 {
    padding: 6rem;
  }
  .pad-6 img {
    border-radius: 0.5rem;
  }
  .pad-2 {
    padding: 2rem;
  }
  .pad-2 img {
    border-radius: 0.5rem;
  }
  .pad1T {
    padding-top: 10rem;
  }
  .pad1TR {
    padding-top: -40rem;
  }
  .padlr {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media (min-width: 992px) {
  #topclass img{
    width: 60%;
    height: 70%;
    margin-top: 8rem;
    padding: 2rem;
  }
}



.bg-overlay::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  text-align: center;
  /* background-color: rgba(14, 39, 55, 0.7); */
  background-color: rgba(14, 39, 55, 0.7);
}

.parallax {
  /* background-image: url("./img/banner3.jpg"); */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}