.next-steps-container > div > h1 {
    font-size: 48px;
    font-weight: 700;
    margin-top:200px;
}

.next-steps-container p {
    font-size: 20px;
    font-weight: 400;
    margin:20px 0 50px 0;
} 

.next-steps-cards-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}

.next-steps-cards-container > div {
  height: 100%;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap:10px; 
  align-items: flex-start;

  padding: 42px;
  background-color: #011C33;
  color: #EAF205;
  border-radius: 13px;
}


.next-steps-cards-container > div:nth-child(1) {
  background-color: #EAF205;
  color: #011C33;
}

.next-steps-cards-container > div h1 {
    font-size: 128px;
    font-weight: 700;
}

.next-steps-cards-container > div h2 {
    font-size:30px;
    font-weight: 700;
    max-width: 11ch;
    word-wrap: break-word;
}

.next-steps-cards-container > div p {
    font-size:20px;
    font-weight: 400;
    max-width: 25ch;
    word-wrap: break-word;
}


.next-steps-button {
    margin-top:50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.next-steps-button a {
    font-size: 20px;
    font-weight: 700;
    color:#011C33;
    background-color: #EAF205;
    margin-top:20px;
    border-radius: 13px;
    text-decoration: none;
    padding: 5px 15px;
    transition: background-color 0.3s ease;
    margin-bottom: 200px;
    text-align: center;
}

.next-steps-button a:hover {
    background-color:#0b5ed7;
	color:white;
}






@media (max-width: 1400px){
.next-steps-cards-container > div{
  padding:30px;
}
}


@media (min-width: 992px){
.next-steps-cards-container > div:nth-child(1):hover {
  background-color: #011C33;
  color: #EAF205;
}
.next-steps-cards-container > div:hover {
  background-color: #EAF205;
  color: #011C33;
}
}

@media (max-width: 992px) {
  .next-steps-cards-container {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  text-align:center;

}
.next-steps-cards-container > div{
  align-items: center;
  padding:30px;
}
.next-steps-cards-container > div p {
  max-width: 40ch;
}
}




@media (max-width: 576px) {
.next-steps-cards-container > div{
  padding:20px;
}
.next-steps-button{
  margin-top: 20px;
}
}