products.css

.main-div {
  height: 650px;
  width: 100wh;
  background-color: whitesmoke;
  border: 1px solid black;
  display: flex;
  justify-content: space-between;
  padding: 10px;
}






.container {
  min-height: 100vh;
  padding: 10px;

}

.sub-cont {
  display: flex;
  justify-content: space-between;

}

.h1 {
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  color: black;
  margin-top: 3px;
  font-family:Georgia;
 }
 .h1:hover{
  color:darkmagenta;
 }
 .items{
     height: 400px;
     width:240px;
     border-radius: 15px;
     border: 1px solid black;
     background-color: rgb(132,144,148);
     margin-top:30px;
     margin-left: 30px;
     box-shadow: 5px 5px 5px 2px gray;
 }
 .items:hover{
  height: 410px;
  width:250px;
  border-radius: 15px;
  border: 1px solid black;
  background-color: rgb(132, 144, 148);
  margin-top: 30px;
  margin-left: 14px;
  box-shadow: 5px 5px 5px 2px gray;
}

.items:hover {
  height: 410px;
  width: 250px;
  border-radius: 15px;
  border: 1px solid black;
  margin-top: 50px;
  margin-left: 14px;
  box-shadow: 5px 5px 5px 2px gray;
}

.img {
  height: 200px;
  width: 150px;
  margin-top: 20px;
  margin-left: 45px;
  border-radius: 15px;
}

.img:hover {
  height: 210px;
  width: 160px;
  margin-top: 20px;
  margin-left: 45px;
  border-radius: 15px;
  box-shadow:1px 2px 5px 2px whitesmoke;
 }
 .heading{
   font-size:23px;
   color: rgb(182, 13, 13);
   margin-left: 34px;
   margin-top: 10px;
   
 }
 .info{
   font-size: 19px;
   color: black;
   margin-left:10px;
 }
 .btn-product{
 height: 40px;
 width: 140px;
 margin-bottom:15px;
 margin-left:40px;
 border-radius: 20px;
 padding: 1px 1px 1px 1px;
 background-color:black;
 color:white;
 font-size: 19px;
 font-weight: bold;
 border: 1px solid black;
 }
 .btn-product-1{
  height: 40px;
  width: 140px;
  margin-bottom: 15px;
  margin-left: 40px;
  border-radius: 20px;
  padding: 1px 1px 1px 1px;
  background-color: black;
  color: white;
  font-size: 19px;
  font-weight: bold;
  border: 1px solid black;
}

.btn-product-1 {
  height: 40px;
  width: 140px;
  margin-bottom: 10px;
  margin-left: 40px;
  border-radius: 20px;
  padding: 1px 1px 1px 1px;
  background-color: black;
  color: white;
  font-size: 19px;
  font-weight: bold;
  border: 1px solid black;
  margin-top: 22px;
}

.btn-product-2 {
  height: 40px;
  width: 140px;
  margin-bottom: 15px;
  margin-left: 40px;
  border-radius: 20px;
  padding: 1px 1px 1px 1px;
  background-color: black;
  color: white;
  font-size: 19px;
  font-weight: bold;
  border: 1px solid black;
  margin-top: 44px;

}

.btn-product:hover {
  cursor: pointer;
  background-color: white;
  color: black;
}

.btn-product-1:hover {
  cursor: pointer;
  background-color: white;
  color: black;
}
 
 
 
 
 .prog-main-div{
 min-height:1105px;
   min-width:100wh;
     background-color: whitesmoke;
       border: 1px solid black;
       padding: 10px;
 }
 
 .prog-sub-cont{
   display: flex;
  
 }
 .prog-sub-cont-2{
   display: flex;
    
 }
 .items-1{
     height: 470px;
     width:340px;
     border-radius: 15px;
     border: 1px solid black;
     background-color:  rgb(132,144,148);
     margin-top:30px;
     margin-left: 90px;
     box-shadow: 5px 5px 5px 2px gray;
 }
 
 .img-1{
    height: 270px;
    width: 210px;
    margin-top:13px;
    margin-left:65px;
    border-radius: 10px;
    border: 2px solid black;
 }
 .img-1:hover{
  cursor: pointer;
  box-shadow: 5px 5px 5px 2px white;
  height: 280px;
  width: 220px;
}

.heading-1 {
  font-size: 26px;
  color: darkblue;
  margin-left: 50px;
  text-align: center;
  margin-top: 19px;
}

.btn-1 {
  height: 40px;
  width: 160px;
  margin-bottom: 6px;
  margin-left: 93px;
  border-radius: 20px;
  padding: 1px 1px 1px 1px;
  background-color: rgb(232, 188, 188);
  color: white;
  font-size: 19px;
  font-weight: bold;
  border: 1px solid black;
  text-decoration: none;
  
}

.btn-1:hover {
  background-color: white;
  color: black;
  cursor: pointer;
}

.icon: {
  font-size: 15px;
  color: white ;
}

.icon:hover {
  font-size: 15px;
  color: black;
}

.info-1 {

  font-size: 19px;
  color: black;
  margin-left: 10px;
}

.price {
  font-size: 19px;
  font-weight: bold;
  color: darkred;
  margin-left: 19px;
}