/* z-index scale - from low to high */
/* $z-index: (
  base: 1,         
  header: 100,      
  progress: 200,     
); */

:root {
    --font-family: "Amaranth", sans-serif;
    --primary-color: #222222;
    --secondary-color: #6f6f6f;
    --yellow: #eca938;
    --purple: #8170be;
    --sky-blue: #8abcef;
    --white: #ffffff;
    --black: #000000;
    --star-size: 60px;
    --star-color: #fff;
    --star-background: #fc0;
}

*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
    text-decoration: none;
    list-style-type: none;
}
html {
    font-size: 62.5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
}
body {
    font-size: clamp(1.4rem, 1.366rem + 0.122vw, 1.6rem);
    line-height: clamp(2.2rem, 2.166rem + 0.122vw, 2.4rem);
    background: #ffffff0f;
    font-style: normal;
    font-family: var(--font-family) !important;
    overflow-x: hidden;
    color: var(--secondary-color);
    font-weight: 400;
}
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: unset;
    padding-left: unset;
}
a,
a:hover {
    color: unset;
    text-decoration: none;
    transition: 0.3s all ease;
}
img {
    max-width: 100%;
    display: block;
}
button {
    all: initial;
    cursor: pointer;
    font-family: "Barlow";
    box-sizing: border-box;
}
input,
input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.container {
    max-width: 177rem;
    padding-left: clamp(1rem, 0.915rem + 0.305vw, 1.5rem);
    padding-right: clamp(1rem, 0.915rem + 0.305vw, 1.5rem);
}
.sec_title h2 {
    font-size: clamp(2rem, 1.898rem + 0.366vw, 2.6rem);
    line-height: clamp(2.5rem, 2.38rem + 0.427vw, 3.2rem);
    font-weight: 600;
    color: #292929;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.sec_title h3 {
    font-size: clamp(2.2rem, 1.859rem + 1.22vw, 4.2rem);
    line-height: clamp(3rem, 2.488rem + 1.829vw, 6rem);
    font-weight: 500;
    margin-bottom: 1rem;
    text-align: center;
    text-transform: uppercase;
    color: #111111;
}
.sec_title h5 {
    font-size: clamp(2.2rem, 1.859rem + 1.22vw, 4.2rem);
    font-weight: 600;
    line-height: clamp(3rem, 2.488rem + 1.829vw, 6rem);
    margin-bottom: clamp(3.1rem, 2.417rem + 2.439vw, 7.1rem);
    margin-top: 3.3rem;
    color: #111111;
    text-transform: uppercase;
}

.sec_title p {
    font-size: clamp(1.4rem, 1.383rem + 0.061vw, 1.5rem);
    text-align: center;
    color: #111111;
}

@font-face {
    font-family: "Digital Numbers";
    src: url("../fonts/DigitalNumbers-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.btn-bg-black {
    background-color: #000000;
    color: var(--white);
    padding: 1.6rem 5.6rem;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
}

.btn-bg-white {
    padding: 1.6rem 5.6rem;
    text-align: center;
    color: var(--black);
    background-color: transparent;
    cursor: pointer;
    border: 1.5px solid #000000;
    font-weight: 500;
}