.elementor-10041 .elementor-element.elementor-element-10b7e42d{--display:flex;}/* Start custom CSS for html, class: .elementor-element-a356af0 */.yp-mac-factors-grid {
  grid-template-rows: repeat(4, auto) !important;
  grid-auto-flow: column !important;
  row-gap: 14px !important;
  align-items: stretch !important;
}
.yp-mac-factors-col { display: contents !important; }
@media(max-width:900px){
  .yp-mac-factors-grid { grid-auto-flow: row !important; grid-template-rows: auto !important; }
  .yp-mac-factors-col { display: flex !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b7e42d *//* Remove Qode page-inner padding so the hero goes edge-to-edge */
#qodef-page-inner.qodef-content-full-width,
#qodef-page-inner {
    padding: 0 !important;
}

/* Also strip padding/margin from the grid wrappers Elementor sits inside */
#qodef-page-content.qodef-grid,
#qodef-page-content .qodef-grid-inner,
#qodef-page-content .qodef-grid-item {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Make sure the content area itself spans full width */
#qodef-page-content {
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */