.hero-banner{
    max-width: 1800px;
}
.custom-width .container{
    width:100%;
    max-width: 1800px;
}
.custom-width {
    padding-left: 88px;
    padding-right: 88px;
}
/* Contenedor del icono (40x40) */
.square-icon .vc_single_image-wrapper {
    width: 40px !important;
    height: 40px !important;
    background-color: #ffffff !important;
    display: flex !important;
    align-items: center;      /* Centra el icono verticalmente */
    justify-content: center;  /* Centra el icono horizontalmente */
    margin: 0 auto;           /* Mantiene el bloque entero centrado en tu columna */
}

/* Icono SVG interior (24x24) */
.square-icon img {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    object-fit: contain;      /* Asegura que el SVG no se deforme */
    margin: 0 !important;     /* Elimina márgenes extra de la plantilla */
    padding: 0 !important;
}

/* WPBakery a veces añade márgenes a la etiqueta figure, esto lo limpia */
.square-icon figure {
    margin: 0 !important;
}