* {
    --diff: calc(var(--max-size) - var(--min-size));
    --responsive: calc((var(--min-size) * 1px) + var(--diff) * ((100vw - 320px) / (2000 - 320)));
}

h1 {
    --max-size: 54;
    --min-size: 33;
    font-size: var(--responsive) !important;
    line-height: 60px;
 }

h2 {
    --max-size: 40;
    --min-size: 25;
    font-size: var(--responsive) !important;
    line-height: 40px;
}

h3 {
    --max-size: 35;
    --min-size: 20;
    font-size: var(--responsive) !important;
    line-height: 37px;
}

h4 {
    --max-size: 23;
    --min-size: 17;
    font-size: var(--responsive) !important;
    line-height: 25px;
}

h5 {
    --max-size: 23;
    --min-size: 18;
    font-size: var(--responsive) !important;
}

h6 {
    --max-size: 20;
    --min-size: 15;
    font-size: var(--responsive) !important;
}

p {
    --max-size: 19;
    --min-size: 17;
    font-size: var(--responsive) !important;
  }

/* a {
    --max-size: 17;
    --min-size: 14;
    font-size: var(--responsive) !important;
    transition: all .5s;
} */

.font-Fredoka, body {
    font-family: "Fredoka", sans-serif;
}

.primary-color {
    color: #0053eb;
}

.primary-bg {
    background: #0053eb;
}

.hex-color {
    color: #333;
}

.hex-bg {
    background: #1d2124;
}

.border-color {
    border-color: #ccc;
}
.light-bg{
    background: #f8f8ff;
}
section {
    background: #ccc;
    padding-top: 7%;
    padding-bottom: 7%;
}

img {
    width: 100%;
}

.btn-global {}



.page-title {}