*, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}

:root {
--font-main: Verdana, Geneva, Tahoma, sans-serif;
--color-brand: #059669;
--color-cta: #FF6B35;
--text-dark: #222;
--text-muted: #777;
--border: #ddd;
}

* {
font-family: var(--font-main);
}

html {
overflow-x: hidden;
}

body {
background: #fff;
color: var(--text-dark);
font-size: 16px;
line-height: 1.6;
font-weight: 400;
}

img, video, iframe, embed, object {
max-width: 100%;
height: auto;
display: block;
}

table {
max-width: 100%;
width: 100%;
border-collapse: collapse;
}

.table-responsive, .table-wrapper {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}

a {
color: var(--color-brand);
text-decoration: none;
transition: color 0.2s ease;
}

a:hover, a:focus {
color: var(--color-cta);
outline: none;
}

h1, h2, h3, h4 {
font-weight: 700;
line-height: 1.6;
}

p, li, span, a, td, th {
font-weight: 400;
}

@media (max-width: 768px) {
body {
overflow-x: hidden;
font-size: 15px;
}
.grid, [class*='grid'] {
grid-template-columns: 1fr !important;
}
}