/* Lenis recommended CSS Smooth Scrolling for websites */

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}
/* ---General rules - scales images, videos to size of container--- */
img, embed, object, video, picture, svg {
    max-width: inherit; 
    display: block;
  }
  
  /* ---Change the way the box model works, tells the browser to account for any border and padding in the values you specify for an element's width and height.--- */
  
  html {
    box-sizing: border-box; 
  }
  
  *, *::before, *::after {
    box-sizing: inherit; 
    margin: 0;
  }
  
  /* ---Mini CSS reset--- */
  
  body, p, h1, h2, h3, h4, h5 {
     margin: 0px; 
     padding: 0px;
     overflow-wrap: break-word;
     font-size: 100%;
  }
  
  /* ---Utility Classes--- */
  
  .hidden {
     display: none;
  }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}