.sliding-underline { position: relative; text-decoration: none !important; } .sliding-underline::after { content: ''; position: absolute; width: 0; height: 2px; bottom: -2px; left: 0; background-color: currentColor; transition: width 0.3s ease; opacity: 0.8; pointer-events: none; } .sliding-underline:hover::after, .sliding-underline:focus::after { width: 100%; }  .sliding-underline.active::after { width: 100%; }  .sliding-underline.light::after { background-color: rgba(255, 255, 255, 0.8); }  .sliding-underline.dark::after { background-color: rgba(0, 0, 0, 0.7); } [class*="btn--"] { font-family: var(--text-font-family); } .hdl-image-strip img { display: block; width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; }  .hdl-service-gallery__gallery { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 10px; line-height: 0; } .hdl-service-gallery__gallery .bricks-layout-item { position: relative; overflow: hidden; box-sizing: border-box; aspect-ratio: 1 / 1; } .hdl-service-gallery__gallery .bricks-layout-item figure, .hdl-service-gallery__gallery .bricks-layout-item a { display: block; width: 100%; height: 100%; } .hdl-service-gallery__gallery .bricks-layout-item img { display: block; width: 100%; height: 100%; object-fit: cover; vertical-align: middle; }  .hdl-service-gallery__gallery .bricks-layout-item:nth-child(10n + 1), .hdl-service-gallery__gallery .bricks-layout-item:nth-child(10n + 8) { grid-column: span 2 !important; grid-row: span 2 !important; }  @media (max-width: 578px) { .hdl-service-gallery__gallery { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 6px !important; } .hdl-service-gallery__gallery .bricks-layout-item:nth-child(10n + 1), .hdl-service-gallery__gallery .bricks-layout-item:nth-child(10n + 8) { grid-column: auto !important; grid-row: auto !important; } }