html { scroll-behavior: smooth; scroll-padding-top: 200px; }  @media( max-width: 767px){ html { scroll-padding-top: 280px; } } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w { text-align: center!important; } .no_click .timeslots { pointer-events: none; } [data-tooltip] { position: relative; cursor: pointer; } [data-tooltip]:before, [data-tooltip]:after { line-height: 1; font-size: .9em; pointer-events: none; position: absolute; box-sizing: border-box; display: none; opacity: 0; } [data-tooltip]:before { content: ""; border: 5px solid transparent; z-index: 100; } [data-tooltip]:after { content: attr(data-tooltip); text-align: center; min-width: 3em; max-width: 21em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 6px 8px; border-radius: 3px; background: var(--primary); color: #FFFFFF; z-index: 99; } [data-tooltip]:hover:before, [data-tooltip]:hover:after { display: block; opacity: 1; } [data-tooltip][data-flow="bottom"]::after { top: 95%; } [data-tooltip][data-flow="bottom"]::before, [data-tooltip][data-flow="bottom"]::after { left: 50%; -webkit-transform: translate(-50%, 8px); transform: translate(-50%, 8px); } [data-tooltip=""]::after, [data-tooltip=""]::before { display: none !important; }