*{
padding: 0%;
margin: 0%;
box-sizing: border-box;
}


html, body {
  overflow-x: hidden;
}


.home {
  text-align: center;
  font-weight: bolder;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: larger;
  margin-top: 2%;


}

.a {


  margin-top: 16%;

}

.b {
  color: orange;
  font-size: larger;

}

.c {
  margin-left: 12%;
}

.fa-dollar-sign {
  color: orange;
  font-size: larger;
}

.fa-cart-arrow-down {
  color: orange;
  font-size: larger;
}


/* carsoual */
#h5 {
  color: rgb(242, 48, 48);
  font-weight: bolder;
  text-shadow: 8px 8px 8px rgba(0, 0, 0, 0.864);

}

#h1 {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-weight: 900;
  text-shadow: 4px 4px 3px rgb(10, 2, 2);
}

#h4 {

  font-weight: 600;
  text-shadow: 4px 4px 3px rgb(10, 2, 2);
}

.btn1 {

  color: white;
  background-color: rgb(238, 13, 13);
  border-radius: 5px;
  text-shadow: 2px 2px 3px black;
  border: 1px solid rgb(10, 10, 9);
  padding: 2%;
  font-weight: 300px;
  box-shadow: 2px 2px 3px black;
}

.btn1:hover {
  background-color: transparent;
  color: red;
  font-weight: bolder;
}

/* .btn2 {
  background-color: orange;
  color: white;
  padding: 0.5%;
  border: none;
  border-radius: 4px;
  width: 8%;
  font-weight: bolder;
  margin-right: 1%;
  margin-left: 7%;

} */

.btn2:hover {
  background-color:rgb(223, 168, 65) ;
  color: white;
}

.btn2{
  background-color: orange;
  color: white;
border: 1px solid orange;
  border-radius: 4px;
  font-weight: bolder;

 
}
.btn3{
  background-color: orange;
  color: white;
border: 1px solid orange;
  border-radius: 4px;
  font-weight: bolder;

 
}
/* .btn3 {
  background-color:  rgb(250, 165, 6);
  color: white;
  padding: 0.5%;
  border: none;
  border-radius: 4px;
  width: 8%;
  font-weight: bolder;
  padding: 4px;

} */

.btn3:hover {
  background-color: rgb(194, 146, 57);
  color: white;
}

.fa-magnifying-glass {
  color: orange;
  font-size: larger;
  margin-left: -14%;


}

.search {
  border-radius: 5px;
  border: 2px solid orange;
}

.navbar .navbar-nav .nav-item a:hover {
  color: orange;
}

.fa-circle-play {
  font-size: 70px;
  color: rgb(195, 82, 82);
  position: absolute;
  margin-left: 16%;
  margin-top: 10%;

}



.cart1 {

  color: white;
  border-radius: 20px;
  background-color: blue;
  padding: 8%;
  font-weight: 450;
  border: none;
}

.cart1:hover {

  background-color: orange;
  color: white;
}

.absoulte {
  position: absolute;
  color: orange;
  font-weight: bolder;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  font-style: oblique;
  text-shadow: 3px 3px 3px rgb(14, 14, 15);
  margin-top: 30px;
  margin-left: 40px;
}

.radius {

  width: 8%;
  border-radius: 50%;
  margin-top: 2%;
  text-align: center;
  color: white;
  text-shadow: 2px 2px 2px rgb(12, 12, 11);
  background-color: rgb(240, 187, 90);
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  font-style: oblique;
  position: absolute;
  margin-left: 30%;

}

.SpecialDeals {
  text-align: center;
  margin-bottom: 5%;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  font-style: oblique;
}

.fa-grip-lines {
  color: orange;
  font-size: 40px;

}

.col {

  height: 88%;
  width: 100%;
}

.position {
  position: absolute;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  margin-top: -3%;


}

.fa-shop {
  position: absolute;
  margin-left: 4%;
  margin-top: 2%;
  font-size: 100px;
  color: rgb(5, 5, 6);
}

.trending {

  text-align: center;
  color: orange;
  text-shadow: 2px 2px 3px black;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  font-style: oblique;
  margin-top: 1%;


}

.padding {
  padding: 5%;
}

.topbrand{
  color: black;
  text-align: center;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  font-size: 100px;
}
.div{
  color: rgb(8, 8, 8);
  font-weight: bold;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  margin-left: 2%;
}
.email{
 
  width: 30%;
  margin-top: 3.5%;
}
.icon{
  background-color: orange;
  padding: 3%;
  color: white;
}
.icon:hover{
  background-color: rgb(200, 153, 66);
}
.div1{
  font-size: larger;
  color:white
}
.bgcolor{
  background-color: rgba(0, 0, 0, 0.853);
  padding: 5%;
  border-radius: 10px;
}
.fa-cc-stripe:hover{color:rgb(214, 164, 70)}
.fa-cc-paypal:hover{color:rgb(214, 164, 70)}
.fa-cc-visa:hover{color:rgb(214, 164, 70)};
.fa-cc-discover:hover{color:rgb(214, 164, 70)}
.fa-cc-amazon-pay:hover{color:rgb(214, 164, 70)}
.fa-building-columns:hover{color:rgb(214, 164, 70)}
.div1:hover{color:rgb(214, 164, 70)}
.aa:hover{color:orange!important}
.bb:hover{color:red!important}


/* about page */
.about
{position: absolute;
  margin-top: 5%;
  margin-left: 5%;
  font-size: xx-large;
  font-weight: bolder;
  font-family:'Times New Roman', Times, serif;
  color:rgb(15, 15, 13);
  text-shadow: 2px 2px 4px orange;
}
#team-member{
  background-color: bisque;
  
  border-radius:5% ;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  justify-items: center;
  padding-bottom: 3%;
 
}
.team-data{
  margin-left:9%!important;
  margin-top: 3%;
justify-content: center;
overflow: hidden;
}
.icon1{
  text-decoration: none;
}
.data{
  margin-top: 10%;
  text-align: center;
}


.dropdownmenuone {
  min-width: 600px !important; /* Adjust the width as needed */
}
#red{
  color: red;
}
#yellow{
  color: yellow;
}
#orange{
  color: orange;
}
#blue{
  color: blue;
}