html, body {
  width: 100%;
  overflow-x: hidden;
}
@media (max-width: 580px) {
  img, video, iframe {
    max-width: 100%;
  }   
}

*, *::before, *::after {
  box-sizing: border-box;
}
html {
	margin-top: 0 !important;
}

:root {
    --font-family-title: "Roboto Condensed", sans-serif;
    --font-family-content:  "Poppins", sans-serif;
    
    --font-size-title: 85px;
    --font-size-title-small: 50px;
}

@media (max-width: 768px) {
  :root {
      --font-size-title: 42px;
      --font-size-title-small: 35px;

  }
}

body {
	font-family: var(--font-family-content) !important;
  background: var(--color-primary);
  overflow-x: hidden;
}

button, p, span, a, small {
  font-family: var(--font-family-content) !important;
}


.title-section span,
.title-section {
	font-size:  var(--font-size-title);
	font-family: var(--font-family-title);
	color: var(--color-primary);
	font-weight: 800;
}
.title-section span {
    color: var(--color-secondary);
}
.title-section-small {
  	font-size:  var(--font-size-title-small);
}
.page-width {
  margin-inline: auto;
  max-width: 1600px;
  padding-inline: 1rem;
} 
@media (width >= 768px) {
   .page-width  {
      padding-inline: 4rem;
    }
}

section {
    overflow-x: hidden;
    width: 100%;
}
g:focus,
path:focus,
a:focus,
.link-svg path:focus-visible,
path:focus-visible,
a:focus-visible {
	box-shadow: none!important;
	outline: none!important;
}