.resumator-grid-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  font-family: Montserrat;
}
.resumator-grid-items * {
  transition: 0.1s linear;
}
.resumator-grid-item {
  background: #f9f9f9;
  padding: 40px;
  border-radius: 16px;
}

.resumator-grid-item:hover {
  background: #496bf2;
  box-shadow: 0px 15px 72px 0px rgba(73, 107, 242, 0.33);
}
.resumator-grid-inner {
}
.resumator-item-title {
  margin: 0px;
  font-size: 35px;
  line-height: 45px;
  font-weight: 600;
  padding-bottom: 15px;
  color: var(--Accent-6, #496bf2);
}
.resumator-item-details {
  margin: 0px;
  padding-bottom: 15px;
  color:  #06101b;
  font-family: Montserrat;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.resumator-button {
  display: inline-block;
  padding: 8px 16px;
  background: #496bf2;
  color: #f9f9f9;
  border-radius: 8px;
  text-decoration: none;
}

.resumator-grid-item:hover .resumator-content-wrapper * {
  color: #f9f9f9;
}
.resumator-grid-item:hover .resumator-button {
  background: #f9f9f9;
  color: #496bf2;
}
/* Phones to tablets 767px and below */
@media screen and (max-width: 768px) {
  /* write code here */
  .resumator-grid-item {
    padding: 25px;
    border-radius: 14px;
  }
  .resumator-item-details{
    font-size: 18px;
    line-height: 24px;
  }
  .resumator-item-title{
    font-size: 24px;
    line-height: 32px
  }
}

/* Phones 480px and below */
@media screen and (max-width: 480px) {
  /* write code here */
  .resumator-grid-items {
    grid-template-columns: 1fr;
  }
  .resumator-grid-item {
    padding: 20px;
    border-radius: 12px;
  }
}