/* =========================
   Main Title
========================= */

.title-1 {
    font-family: var(--font-family);
    font-size: var(--main-title-42-size);
    font-weight: var(--main-title-42-weight);
}

.title-2 {
    font-family: var(--font-family);
    font-size: var(--main-title-60-size);
    font-weight: var(--main-title-60-weight);
}


/* =========================
   Subtitle
========================= */

.subtitle {
    font-family: var(--font-family);
    font-size: var(--sub-title-size);
    font-weight: var(--sub-title-weight);
}


/* =========================
    Description
 ========================= */

.desc {
    font-family: var(--font-family);
    font-size: var(--desc-text-size);
    font-weight: var(--desc-text-weight);
    line-height: var(--desc-text-line-height);
}


/* =========================
    Objects Text
========================= */

.card-title {
    font-family: var(--font-family);
    font-size: var(--card-title-18-size);
    font-weight: var(--card-title-18-weight);
}

.btn {
    font-family: var(--font-family);
    font-size: var(--btn-input-text-size);
    font-weight: var(--btn-input-text-weight);
}

input {
    font-family: var(--font-family);
    font-size: var(--btn-input-text-size);
    font-weight: var(--btn-input-text-weight);
}

.btn-point {
    font-family: var(--font-family);
    font-size: var(--btn-point-text-size);
    font-weight: var(--btn-point-text-weight);
    line-height: var(--btn-point-text-line-height);
    color: var(--color-point);
}

.footer-text {
    font-family: var(--font-family);
    font-size: var(--footer-text-size);
    font-weight: var(--footer-text-weight);
}

html.lenis,
html.lenis body {
    height: auto;
}

html.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

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

.wave-block {
    overflow: hidden;
}

.wave-line {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.wave-rise {
    display: block;
    transform: translateY(100%);
}


/* =========================
    Popup
========================= */

.popup-title {
    font-family: var(--font-family-popup);
    font-size: var(--popup-title-size);
    font-weight: var(--popup-title-weight);
    line-height: var(--popup-title-line-height);
    letter-spacing: var(--popup-title-letter-spacing);
    color: var(--color-primary);
}
