.div1{
  height:275px;
  max-width:100%;
  background: linear-gradient(#CCCCCC, #000000);
  color:white;
  text-align: center;
  border: 2px solid grey;
}
.h11{
  font-size:8vw;
 max-width: 100%;
 color:white;
}
.forl{
  font-size:4vw;
 max-width: 100%;
}
.footer{
  height:100px;
  width:100%;
  background: linear-gradient(#CCCCCC, #000000);
  color:white;
  text-align:center;
  line-height:100px;
  border: 2px solid grey;
}
.p1{
  color:white;
}




.Div1{
max-width:100%;
height:300px;
display:flex;
justify-content: center; 
align-items: center; 
gap: 20px;


padding: 20px; border: 5px solid transparent; border-radius: 15px; 
background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #CCCCCC, #000000); 
background-origin: border-box; background-clip: padding-box, border-box;
}


.Div2{
width:25%;
height:250px;

  display: flex;
  flex-direction: column;

padding: 20px; border: 5px solid transparent; border-radius: 15px; 
background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #c6f8ff, #6b76ff); 
background-origin: border-box; background-clip: padding-box, border-box;
}

.h4leeeetre {
  margin-top: auto;
  background: linear-gradient(to right, #c6f8ff, #6b76ff);
  color:#000000;
  text-align:center;
}
.h4leeeetre:hover{
background:#DA70D6;
}

.Divimg{
text-align:center;
}
.imgns{
height:100px;
width:100px;
border-radius:8px;
}