.custom-four-columns {
  display: flex;
  flex-wrap: wrap;
  background: var(--default-bg) center/cover no-repeat;
  transition: background 0.6s ease;
  overflow: hidden;
  min-height: 700px;
}

.custom-four-columns > div {
  flex: 1 1 calc(25% - 10px); /* 4 columnas = 25% cada una */
  box-sizing: border-box;
}

.custom-col {
  text-align: center;
  cursor: pointer;
  transition: all 0.6s ease;
  position: relative;
}

.custom-col-title{
    transition: all 0.4s ease;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.custom-col:hover .custom-col-title{
    background: #1A4899;
}

.custom-col h3 {
  font-family: "Tenor Sans", Sans-serif;
  padding: 10px;
  /*border-radius: 6px;*/
  transition: all 0.4s ease;
  color: #1A4899;
  font-size: 20px;
  margin-bottom:0;
}

.custom-col:hover h3,
.custom-col:hover p{
  color: #fff;
}

.custom-col p {
    font-family: "Inter", Sans-serif;
    transition: all 0.4s ease;
    color: #1A4899;
    font-size: 12px;
    margin-bottom:0;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .custom-four-columns {
      flex-direction: column;
      min-height: 300px;
      background-image: none !important;
      /*background: #FEFEFE;*/
      background-image: linear-gradient(
      180deg,
      #ffffff 0%,
      #f4f9ff 50%,
      #e9f2ff 100%
    );
    }
    .custom-four-columns > div {
        flex: 1 1 100%; /* 1 columnas */
        border-bottom: 1px solid rgba(26, 72, 153, 0.15);
        box-shadow: 0 1px 4px rgba(0,0,0,0.03);
      }
}