html{ scrollbar-width: thin; scrollbar-gutter: stable; } .thinScroll{ scrollbar-width: thin; } .aspect_ratio_box::before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 56%; } .aspect_ratio_box::after {  content: ""; display: table; clear: both; }  body, html{ overflow-x:clip; } .has-separator .separator{border-radius:50%;}  html { scroll-behavior: smooth; scroll-padding-top: 95px; }  @media( max-width: 767px){ html { scroll-padding-top: 80px; } } .label-required:after{content: "*";padding: 0 2px;position: relative;top: -2px;color: red;} .menu-item-icon{ max-width:20px; }  form .message::after { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);  z-index: 999; ; } form .message{ position: fixed; top: 40px; z-index: 9991; right: 20px; width: auto; } form .message .text{ position: fixed; top: 20px; z-index: 9991; right: 20px; width: auto; }  form .message .text { z-index:99999999999999; display: flex; align-items: center; justify-content: center; padding: 15px 20px; margin-top: 20px; border-radius: 20px; font-size: 16px; font-family: Arial, sans-serif; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }  form .message.success .text { background-color: #E3F9E5; color: #2D8C2D; border: 1px solid #2D8C2D; }  form .message.error .text{ background-color: #FDE8E8; color: #D32F2F; border: 1px solid #D32F2F; }  form .message.success .text::before { content: '✔'; margin-right: 10px; font-size: 20px; }  .form .message.error .text::before { content: 'X'; margin-right: 10px; font-size: 20px; }