.conimg{
  width: 100%;
  
}
.category {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(16rem, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 1.5rem;
}

.category .box {
  border-radius: 1rem;
  background: #f5f5f5;
  padding: 4rem 3rem;
  text-align: center;
}
.category .box:hover{
  border: 2px solid #f39c12;

}

.category .box img {
  height: 7rem;
  margin-bottom: 2rem;
}

.category .box h3 {
  font-size: 1.7rem;
  color: #302851;
}















.home{
    background: none;
    min-height: 35vh;
}


.btn{
    
    padding:.7rem 3rem;
    font-size: 3rem;
    color:#fff;
    background:var(--gradient);
    border-radius: 5rem;
    
    cursor: pointer;
    box-shadow: 0 .1rem .3rem rgba(0,0,0,.3);
    position: relative;
    overflow: hidden;
    z-index: 0;
}

ul{
  margin-left: 11%;
  list-style: none;
}
.he{
  font-size: 5rem;
}
.sec2{
  padding-top: 6%;
}
.sec2 p{
  font-size: 2.4rem;
}
@media (max-width:660px){
    .btn{
      font-size: 2rem;
    }
    .bottn{
      padding-bottom: 5rem;
    }
    .he{
      font-size: 3rem;
    }
    .sec2 p{
      font-size: 2rem;
    }
    .li{
      font-size: 2;
    }
}


@media (max-width:768px){

span .list {
    float: left;
    margin: 0rem;
    padding: 5rem;
    width: 100%;
    text-align: center;
   

}
}
.li {
    font-size: 2.5rem;
}

.columnn {
  float: left;
  width: 33%;
  padding: 0 10px;
}

.roww {margin: 0 -5px;}


.roww:after {
  content: "";
  display: table;
  clear: both;
}


@media screen and (max-width: 600px) {
  .columnn {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}


.cardd {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 16px;
  text-align: center;
  background-color: #f1f1f1;
  
}