.grid-container {
  display: grid;
  grid-template-columns:  repeat(4,  minmax(220px, 1fr));
gap:15px;
  width: 100%;
}


.grid-item {
  background-image: linear-gradient(90deg,#FFEBDC,#ffffff, #D2F4FF);
  border-radius : 15px;
  padding: 20px;
  font-size: 30px;
  text-align: center;
 box-shadow: 0px 3px 8px rgba(0,0,0,0.25);
}

.content-link {
text-decoration : none !important;
}

.content-link: hover {
color: #f26f21 !important;
}

.btn {
  border-radius:5px;
  background-color:#f26f21;
  text-decoration:none;
  padding:10px 15px;
  line-height: normal;
  font-family:inter, sans-serif;
  font-style:normal;
  font-weight:500;
  text-align:center;
  color:white;
  background-color:#f26f21;
}

@media only screen and (max-width: 770px) {
  .grid-container {
    grid-template-columns:  repeat(2,  minmax(240px, 1fr));
  }
}

@media only screen and (max-width: 550px) {
  .grid-container{
    margin:0px 5px;
  }
  .grid-container {
    gap:25px;
    grid-template-columns:  repeat(1,  minmax(220px, 1fr));
  }
}