.nexus-image {
    width: 70px;
    height: 70px;
    vertical-align: middle;
}

.title {
    color: #52a1f0;
    font-weight: 500;
    font-size: 26px;
    font-family: 'Manrope', sans-serif;
}

.navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .nav-link.active {
    color: #52a1f0;
}

.btn-success {
    background-color: #00062a;
    border-color: #52a1f0;
    color: #ffffff;
}

.btn-success:hover {
    background-color: #52a1f0;
    border-color: #52a1f0;
    color: #3d0b8e;
}

.btn-success:focus {
   background-color: #00062a;
   border-color: #52a1f0;
   color: #ffffff;
}

.navbar {
    padding-bottom: 1rem;
}

.py-6 {
    padding-top: 5rem !important;
}

section {
    padding-bottom: 0;
}

.image-container1 {
  width: 100%;       /* Ocupa todo el ancho de la columna */
  height: 250px;     /* Altura fija de la imagen */
  background-image: url('../img/services1.png');
  background-size: cover;      /* Esto hace que CUBRA todo el recuadro de 250px */
  background-position: center; /* Centra la foto para que no se corte solo de un lado */
  background-repeat: no-repeat;
  border-radius: 8px; /* Opcional: bordes redondeados */
}

.image-container2 {
  width: 100%;       /* Ocupa todo el ancho de la columna */
  height: 250px;     /* Altura fija de la imagen */
  background-image: url('../img/services2.webp');
  background-size: cover;      /* Esto hace que CUBRA todo el recuadro de 250px */
  background-position: center; /* Centra la foto para que no se corte solo de un lado */
  background-repeat: no-repeat;
  border-radius: 8px; /* Opcional: bordes redondeados */
}

.image-container3 {
  width: 100%;       /* Ocupa todo el ancho de la columna */
  height: 250px;     /* Altura fija de la imagen */
  background-image: url('../img/services3.jpg');
  background-size: cover;      /* Esto hace que CUBRA todo el recuadro de 250px */
  background-position: center; /* Centra la foto para que no se corte solo de un lado */
  background-repeat: no-repeat;
  border-radius: 8px; /* Opcional: bordes redondeados */
}

.image-container4 {
  width: 100%;       /* Ocupa todo el ancho de la columna */
  height: 250px;     /* Altura fija de la imagen */
  background-image: url('../img/beneficios1.jpg');
  background-size: cover;      /* Esto hace que CUBRA todo el recuadro de 250px */
  background-position: center; /* Centra la foto para que no se corte solo de un lado */
  background-repeat: no-repeat;
  border-radius: 8px; /* Opcional: bordes redondeados */
}

.image-container5 {
  width: 100%;       /* Ocupa todo el ancho de la columna */
  height: 250px;     /* Altura fija de la imagen */
  background-image: url('../img/beneficios2.jpg');
  background-size: cover;      /* Esto hace que CUBRA todo el recuadro de 250px */
  background-position: center; /* Centra la foto para que no se corte solo de un lado */
  background-repeat: no-repeat;
  border-radius: 8px; /* Opcional: bordes redondeados */
}

.image-container6 {
  width: 100%;       /* Ocupa todo el ancho de la columna */
  height: 250px;     /* Altura fija de la imagen */
  background-image: url('../img/beneficios3.webp');
  background-size: cover;      /* Esto hace que CUBRA todo el recuadro de 250px */
  background-position: center; /* Centra la foto para que no se corte solo de un lado */
  background-repeat: no-repeat;
  border-radius: 8px; /* Opcional: bordes redondeados */
}

.offer-bg1 {
  width: 100%;             /* Ocupa todo el ancho del col-lg-6 */
  height: 400px;           /* Altura deseada para el área de la imagen */
  background-image: url('../img/offer1.avif');
  background-size: cover;      /* La imagen cubrirá todo el recuadro sin deformarse */
  background-position: center; /* Centra el encuadre */
  background-repeat: no-repeat;
  border-radius: 12px;
}

.offer-bg2 {
  width: 100%;             /* Ocupa todo el ancho del col-lg-6 */
  height: 400px;           /* Altura deseada para el área de la imagen */
  background-image: url('../img/offer2.webp');
  background-size: cover;      /* La imagen cubrirá todo el recuadro sin deformarse */
  background-position: center; /* Centra el encuadre */
  background-repeat: no-repeat;
  border-radius: 12px;
}

@media (min-width: 992px) {
  .offer-bg2 {
    margin-left: 20px;
  }
  .offer-bg1 {
    margin-right: 20px;
  }
}

.item-blue {
    background-color: #0a2640;
    color: #ffffff;
}